vendredi 28 juillet 2017

أسهل طريقة لإضافة سلايدشو إحترافي مثل موقع حوحو للمعلوميات igli5 حسب التسميات

عشاق منصة بلوجر هم كثر و في كل مرة يبحثون عن أشياء جديدة لطرحها على مواقعهم و مدوناتهم و في درس اليوم سأعطيكم إضافة يبحث عنها تقريبا كل عشاق بلوجر ، الا و هي سلايد شو حسب التسميات و إحترافي يمكن إضافته إلى جميع مدونات بلوجر ، و لكن تابع الموضوع جيدا لتتلعم تركيبها بإحترافية كما بموقع حوحو للمعلوميات .

في البداية يمكنك معاينة السلايد شو على الموقع التالي :


طريقة التركيب : 

أولا قم بتحرير القالب ثم 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}

الاَن قم بالبحث عن وسم  وضع الكود التالي قبله و خاص بالسكربتات 


المرحلة الاخيرة هي كود اضهار السلايد شو و يكون عادة تحت القائمة العلوية و قبل المواضيع

     

     


       
         
           
                 
                 
                   


                     
                   


                 

                 

                   
                 

                 
               

         

       


     

التعديل الاخير و بعد حفظ القالب انتقل الى التخطيط ستجد صندوق wrapper-posts قم بتحريره :

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

ملاحظات :

اذا كان قالب الذي حملته يحوي على سلايد شو و هو متوقف و لا يظهر مثلا بسبب ازالة حقوق المصمم فهنا يجب عليك ازالة كافة سكربتات  السلايد القديم و css الخاص به و عادة ابحث في القالب عن وسم Carousel او owlcarousel و قم بجذف كامل السكربت الشبيه بالذي اضفناه في الاعلى و نفس الشيء بالنسبة ل css الذي وضعناه قبل b:skin قم بجذفها و استبدالها .
تأكد  ايضا من وجود كلمة random في صندوق inrto-sec من التخطيط

Aucun commentaire:

Enregistrer un commentaire