سلايدر تلقائي رائع

سلايدر تلقائي رائع

طريقة الأضافة

تخطيط - اضافة أداة - html/Javascript

وضع الكود التالي 

<style>/* Css Slider Posts by bloggxp.com */#featured-wrap {position: relative;height: 175px;margin: 0 auto;border-radius: 4px;}#featured {border: 0;outline: none;position: relative;width: 890px;height: 150px;overflow: hidden;top: 10px;margin: 0 auto;}.datex {display: none;}#featured ul{width:9999px}#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}#featured li {width: 150px;display: inline-block;float: left;height: 150px;background: #fff;}.thumb-featured {width: 130px;height: 100px;margin: 5px auto;border: 1px solid #fff;}.thumb-featured img {display: block;width: 134px;height: 94px;border: 1px solid #ddd;padding: 2px;cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguMh9Z2HN6XiqrxDpJ9uh_lnrrna70P06wZtQdtcN-CcuIfLotBL_oHRM6Y2EnepdpTL_ac-bIKRkSOPrAExkXYS4zPP99uZgXkyyp8kT6lAZ0EtPcsWV3tK_zXbqRtN4c3IbYd2bq434/s1600/Untitled-2.png),pointer;-moz-transition: all .3s ease 0s;}.title-featured {text-align: center;position: relative;margin: 0 4px;font: 10px Electrolize,ge_dinar_oneregular;}.title-featured a {color: #555;}.title-featured h4{overflow:hidden}.arrow {position: absolute;display: block;width: 32px;height: 32px;top: 60px;text-indent: -9999px;}.arrow.back {left: 13px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7SbYGUatS1-HIAhBnz3fK8J-4elR6GcrBHruoTftX7juxKgC8z9FfokyZJxaKw2vKSyAuvgH5u3PXvJj70fl_pt2cSY1JWhmWOBlef87P4OgZHeQK-jQnPVsqQN2Eh9ShsFQTG9JAxAgC/s1600/lefthm.png)no-repeat;}.arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMDuLdkYhXLr4q83ETzIu_ICtLNjv2o5UPhDzAVYJwPjpis0vNBbrcwgdSFd3IXbXViHlvpv3KlbFVpjZaA7GgNxQCNM8YVxYMzfv1pGZawMnItAgRiJegIVJVikScv4pxnQye3fyE6wgg/s1600/righthm.png)no-repeat;}span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular}</style><div id='featured-wrap'><div id='featured'><span class='slideloading'>جاري التحميل ...</span></div></div><script src='https://ar1web-com.googlecode.com/svn/Hm/slider-iHussam.js'/></script>

Share This

clear