عشاق منصة بلوجر هم كثر و في كل مرة يبحثون عن أشياء جديدة لطرحها على مواقعهم و مدوناتهم و في درس اليوم سأعطيكم إضافة يبحث عنها تقريبا كل عشاق بلوجر ، الا و هي سلايد شو حسب التسميات و إحترافي يمكن إضافته إلى جميع مدونات بلوجر ، و لكن تابع الموضوع جيدا لتتلعم تركيبها بإحترافية كما بموقع حوحو للمعلوميات .
في البداية يمكنك معاينة السلايد شو على الموقع التالي :
في البداية يمكنك معاينة السلايد شو على الموقع التالي :
طريقة التركيب :
أولا قم بتحرير القالب ثم Ctrl+f و ابحث عن وسم ]]> و ضع الكود التالي قبله :
div#content-sl{ position:absolute; top:0; right:0; text-align:center; background:rgba(76, 88, 113, 0.75); left:0; padding-top:14%; padding-left:12px; bottom:0}
div#content-sl:hover{
text-shadow: 0px 0px 5px #000;
background-image: -webkit-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: -moz-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: -o-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
}
.a
#tag3-posts li{ position:relative; height:300px; width:102.5%; overflow:hidden}
img.slider-images{ height:300px}
.slider-wrapper{ overflow: hidden; margin-bottom: 5px;}
p#slider-summary{ color:#fff; font-size:14px; padding:0 26px}
h3.slider-title a{ color:#fff; font-size:23px; margin-bottom:10px; display:inline-block; font-weight:100; padding-bottom:5px !important; padding:0 16px; border-bottom:2px solid #fff}
Aucun commentaire:
Enregistrer un commentaire