شرح تحويل عناصر المشاركات رد - اعجبنى - اقتباس الى ازرار للزينفورو للجيل الاول)

اقدم لكم


شرح (تحويل عناصر المشاركات "رد - اعجبنى - اقتباس" الى ازرار ◄ للجيل الاول)

لتكون بالشكل التالى



وعند المرور عليها بالماوس تظهر بالشكل التالى




اليكم الطريقه كالتالى ...


من القالب message.css

نبحث عن الكود التالى .....

كود PHP:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.message .publicControls .item
{
margin-left: 30px;
float: left;
line-height: 20px;
background-color: #e69900;
color: black;
border-radius: 7px;
text-align: center;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
display: block;
cursor: pointer;
 
} 


كود PHP:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.message .publicControls a
{
display: block;
text-decoration: none;
padding: 2px 9px 2px 9px;
border: 1px solid orange;
background: #F0B50B;
color: black;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
text-shadow: 1px 1px 0px @primaryLightest;
outline: 0;
}
 
.message .publicControls a:hover {
 
background-color: yellow;
}