شرح اضافة slide show في مدونتك الاكترونية بشكل جديد

دونتك , الاكترونية , اضافة , بشكل , جديد , شرح , show , slide , في

شرح اضافة slide show في مدونتك الاكترونية بشكل جديد

شرح, اضافة, slide ,show, في ,مدونتك ,الاكترونية, بشكل ,جديد
شرح اضافة slide show في مدونتك الاكترونية بشكل جديد
شرح طريقة اضافه سلايد شو لمدونتك الاكترونيه بشكل جديد



سلايد شو "slide show" لمن لا يعرفه هى اضافه سهلة التركيب على المدونه يتم من خلالها عرض تدويناتك بشكل احترافي يجذب القارئ بالاعتماد على تقنيات الويب الحديثه من CSS و جى كويري .. وهذا مثال حى على الاضافه ان اعجبتك يمكنك وضعها في مدونتك باتباع ما بالاسفل....
.قم بالبحث عن هذا الكود داخل قالب مدونتك

ثم ضع قبله مباشرة الكود الموجود بالاسفل

كود HTML:

        #slider{height:300px;margin:auto;padding:20px 0;width:900px;position:relative}  
         #slider h2{display:none}
         .kwicks_container{width:900px;margin:0 auto}
         #top .kwicks{list-style:none;position:relative;margin:0;padding:0;width:900px;height:300px;z-index:2}
         #top .kwicks li{display:block}
         .kwicks li{display:block;float:left;overflow:hidden;padding:0;cursor:pointer;width:180px;height:300px;z-index:2}
         .kwicks li a{outline:none;display:block;z-index:100;cursor:pointer;text-decoration:none;color:#FFF}
         li#kwick{-moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333}
         .kwicks a:hover,.kwicks #active{color:#f1f1f1}
         .slider{background:#222;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8}
         .slider{width:570px;position:absolute;display:block;bottom:0;left:0;z-index:2;padding:5px 15px;font-size:12px;line-height:1em;cursor:pointer}
         .sliderheading{display:block;font-size:15px;margin:10px 0}

الان قم بالبحث عن الكود التالي

وضع قبلة الكود التالي

كود HTML: