السلام عليكم مرحبا بكم إخواني في درس جديد من دروس مدونة حنفي هنكة.
في هذا الدرس سنتحدث عن طريقة تحويل المشاركات الشائعة على شكل صور.


شرح التركيب
1- الان قم بالدخول إلى لوحة تحكم المدونة.
2- اختر قالب .
3-  ثم إدخل إلى القالب وإضغط تحرير HTML.
4- بعد ذلك إبحث عن الكلمة التالية: ]]>" باستخدام لوحة المفاتيح" :

5 -ثم اضف قبله مباشرة الكود التالي :
     PopularPosts .item-thumbnail{float:$startSide;z-index:2;margin-$endSide:10px;height:60px;width:60px;} .PopularPosts .item-title a{color:$(title.text.color);font-weight:bold;} .PopularPosts .item-title{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} a,.post,a.thumbx img,.PopularPosts .item-title{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} .PopularPosts .widget-content ul{overflow:hidden} .PopularPosts .widget-content ul li{margin-bottom:4px;padding:3px;float:right;width:31%;height:75px;position:relative} .PopularPosts .item-thumbnail{margin:0;width:100%;height:72px} .PopularPosts img{padding:0;width:100%;height:100%} .PopularPosts .item-title a{color:#0772B9} .PopularPosts .item-title{position:absolute;z-index:2;background:white;width:100%;text-align:center;right:0;top:90px;-khtml-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);visibility:hidden} .PopularPosts li:hover .item-title{top:20px;-khtml-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);visibility:visible} .PopularPosts .youtubeplay{width:20px;height:20px;margin-right:-10px;margin-top:-10px;line-height:20px;font-size:18px;} .PopularPosts .youtubeplay i{font-size:18px;}
6- قم  بحفظ قالبك.


إلى هنا أكون قد انتهيت و إلى قادم الدروس إن شاء الله. السلام عليكم.

حنفي هنكة

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

إرسال تعليق

  1. أين هي مدونتي لا توجد من بين تبادل الإعلاني ممكن تفسير
    3assifa.blogspot.com
    hamza1596321478@gmail.com

    ردحذف

حنفي حنكة

يتم التشغيل بواسطة Blogger.