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

#1 04-05-2019, 07:24 PM

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

السلام عليكم

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

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

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

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

من القالب 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;
}

وختاما نتمنى لكم الافاده .. ونسألكم الدعاء

المصدر: منتديات تراتيل شاعر - من قسم: تطوير المواقع والمنتديات ▪●

avp (jp,dg ukhwv hglahv;hj "v] - hu[fkn hrjfhs" hgn h.vhv ◄ gg[dg hgh,g)