واحدة من أفضل إضافات بلوجر هي عرض المواضيع حسب التسميات التي يمكن استعمالها في الصفحة الرئيسية لموقعك ، حيث يمكنك استعراض تديونات قسم معين من الموقع بشكل خرافي و إحترافي مع هاته الإضافة الأكثر من جميلة .
في البداية يمكنك معاينة السلايد شو على الموقع التالي :
طريقة التركيب :
أولا قم بتحرير القالب ثم Ctrl+f و ابحث عن وسم ]]> و ضع الكود التالي قبله :
.recent-posts-title h2 {border-radius: 8px 8px 0px 0px;background-color: #444;color: #fff;padding: 9px 11px;margin-bottom: 0px;font-size: 16px;border-bottom: 3px;line-height: 25px;text-align: right;font-weight: 700;font-family: Mahdi-font;}
.recent-posts-title a#more {float: left;line-height: 18px;display: block;background: #ff8b18;color: #fff;font-weight: 700;font-size: 18px;padding:0px 11px;border-radius: 3px;padding-bottom: 12px;}
div#main-content2 .HTML{margin-bottom:14px;width: 85.5%;margin: 0 auto;z-index: 1;}
div#main-content2 .column .block-columen:first-child .mag-thumb a{height:408px}
div#main-content2 .column .widget-content{background:#fff; padding:12px 12px; overflow:hidden}
div#main-content2 .column .block-columen:first-child{height:408px; margin-left:1%}
div#main-content2 .column .block-columen{height:200px; float:right; width:49.5%; position:relative; margin-bottom:1%; overflow:hidden}
div#main-content2 .column .block-columen .mag-thumb a{width:100%; height:200px; display:block; overflow:hidden; position:relative}
div#main-content2 .column .block-columen .mag-thumb{height:100%}
div#main-content2 .column .mag-content{position:absolute; bottom:0; z-index:99999; padding:20px; display:block; background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.7)); background-image:-moz-linear-gradient(transparent,rgba(0,0,0,.7)); background-image:linear-gradient(transparent,rgba(0,0,0,.7)); right:0; left:0}
div#main-content2 .column .block-columen:nth-child(4){width:100%}
div#main-content2 .column .mag-content .mag-title a{color:#fff; font-size: 19px; font-weight: 100;}
div#main-content2 .column .mag-content .recent-meta >span{display:inline-block; color:#e2e2e2; font-size:14px;font-weight:600; margin-left:11px}
div#main-content2 .column .mag-content .recent-meta >span:before{width:10px; height:10px; background:#e2e2e2; border-radius:50%; content:""; display:inline-block; margin-left:6px}
Aucun commentaire:
Enregistrer un commentaire