طريقة اضافة تاثير css على صور المشاركات الشائعه

السلام عليكم ورحمة الله وبركاته .. اليوم درس خفيف وسريع وهو كما موضح في العنوان اضافه css خفيفه تضاف الى قالب مدونة بلوجر من خلالها يتم عمل تاثيرات انيقه على الصور الخاصه باداة المشاركات الشائعه المعروفه كما هو موضح في الصوره المرفقه في هذا الموضوع .. ولاضافة كود الاضافه الي قالب مدونتك :
قم اولا باضافة اداة المشاركات الشائعه الى مدونتك ان لم تكن قمت باضافتها من قبل من خلال صفحة التخطيط .. ثم اذهب الي تحرير html وابحث عن ]]></b:skin> وضع قبلها الكود الموجود في الاسفل :
#PopularPosts1 {    max-width: 300px}

#PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}

#PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
 ثم قم بحفظ القالب ومبروك عليك الاضافه ...
أصدقاء(تطوير ويب)
تعليقات Facebook
2تعليقات Blogger

2 عدد التعليقات على موضوع طريقة اضافة تاثير css على صور المشاركات الشائعه

Unknown يقول...

☺ السلام عليكم ☺
♠شكرا اخي على المجهود الذي تبدله في مساعدة المدوننين لتنسيق مدوناتهم وهذا بدون مقابل تبارك الله عليك كما أنني استفدت كثيرا من أعمالك في مدونتي ادعوك لزيارتها وتقديم بعض النصائح لي في ما يخص التنسيق
♠أرجو زيارت مدونتي الرابط هنا
http://ain-sefra-com.blogspot.com/
وأكون شاكرا لك ان أرسلت لي قالب مدونة تقارب الجديد هذا
♥ بالتوفيق ومع المزيد من التميز ♥

الدكتور شاهين يقول...

.

الاضافة جدا جميلة
ولكن اخي العزيز ماهي الا كتجربة من بعض الاخوة واتمنى منك تصحيح المعلومة

فهل صحيح ان كثرة الاكواد في القالب يقلل من سرعة المدونة واهميتها بالنسبة لمحركات البحث , ام ان هذه المعلومات خاطئة فالكثير يتكلم عن اكواد واضافات للمدونة , ومن ثم يتكلم على ان كثرتها في المدونة تسبب البطىء في فتح المدونة ,

ان كانت الاكواد لا تسبب البطىء وايضا الاكواد تسبب البطىء

فاين الصح من الخطاء حتى يتجنب الاخوة الاكواد التي تبطىء فتح المدونة في جميع المتصفحات , فان سمح لك وقتك ارجوا شرحها للجميع حتى يتسنى للكل معرفة الصح من الخطاء ,

واكرر شكري واتمنى ان اكون خفيف الظل على مدونتكم كوني اكتب التعليقات في جميع المواضيع الجديدة

.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .