موضوع جديد اليوم على المدونة وهو سلايد شو أحترافى حسب التسميات بشكل جديد وبدون كلام كثير يمكنك معاينة السلايد من الرابط التالى وهذا السلايد هو المستخدم فى مدونة حوحو .
معاينة السلايد
شرح التركيب للسلايد
- أولا يجب عليك أن تقوم بوضع الأكواد بشكل صحيح حتى لا تحدث مشكلة
- ثم البحث الأن عن الوسم هذا فى مدونتك]]>ثم ضع فوقه الكود التالى
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}
- الأن قم بالبحث عن هذا الوسم