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

اقدم لكم


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

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



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




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


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


كل الشكر لكم على الموضوع
القيم والمعلومات المفيدة
اتمنى لكم المزيد من التالق والتميز
يعطيكم العافيه على تقديم ماهو جديد ومفيد
لروحكم جنان الورد
دمتم بسعاده لا تغادر ارواحكم

طررح يفوق آلجمآل ,
‎كعآدتك إبدآع في صفحآتك ,
‎يعطيك آلعآفيـه يَ رب ,
‎وبِ إنتظآر المزيد من هذآ الفيض ,
‎لقلبك السعآده والفـرح ..
‎ودي

تسلم الأيادي على ما قدمت
ننتظر جديدك بكل شوق
تقبل مني أعطر التحايا

سمأأأأأرا

جمال في الانتقاء
وروعة في الطرح المميز
سلمت يمينكم لاعدمنا هذا التالق
والعطاء معينا لاينضب دمتم بالود والسعادة
تحيتي وتقدير لكم

كل الشكر لك على تواجدك الجميل وردك الرائع
اسعدني جدا مرورك .. ربي يعافيك ويسعدك
دمت بالف خير .