-->
الرئيسية إضافات بلوجر حصريات سلايد سلايد شو أحترافى حسب التسميات بشكل جديد

سلايد شو أحترافى حسب التسميات بشكل جديد



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


معاينة السلايد


معاينة

شرح التركيب للسلايد



  • أولا يجب عليك أن تقوم بوضع الأكواد بشكل صحيح حتى لا تحدث مشكلة
  • ثم البحث الأن عن الوسم هذا فى مدونتك]]>ثم ضع فوقه الكود التالى


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}


  • الأن قم بالبحث عن هذا الوسموضع فوقه الكود التالى





  • لأن كع أخر كود وهذا الخاص بأظهار السلايد
  • يمكنك وضعه كود نريد فى أى مكان والأفضل فى المواضيع



  • الأن قم بحفظ القالب بعد وضع الأكواد كامله
  • وأنتقل لتخطيط مدونتك سوف تجد أضافة جديده بأسم wrapper-posts
  • قم بوضع بها تسمية من مدونتك وبعد ذلك أحفظ الإضافة
  • ومبروك عليك السلايد الجديد


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


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




الموضوع التالى الموضوع التالى
الموضوع السابق الموضوع السابق

اضغط هنا للتعليق
الاشتراك في: تعليقات الرسالة (Atom)
 
]