Ana Sayfa
=> Daha kayıt olmadın mı?Ana Sayfa - Manşet yapmak
Burdasın: Ana Sayfa => Sorularınız => Manşet yapmak |
|
MoussaSow (şimdiye kadar 4 posta) |
Arkadaşlar siteme spor sitelerindeki gibi manşeti nasıl yapabilirim ayrıca manşeti kendime göre düzenlemem lazım bide ? Bunun kodunu verirmisiniz ? | |||
bilgisemti (şimdiye kadar 94 posta) |
Manşet slider kodunu deneyebilirsin.. [quoute]<script type="text/javascript" src="http://img5.xooimage.com/files/d/e/5/jquery-2--f80ba5.js"></script><script type="text/javascript" src="http://img25.xooimage.com/files/c/d/0/easyslider1.5-11fb25a.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#slider".easySlider({ controlsBefore: '<p id="controls">', controlsAfter: '</p>', auto: true, continuous: true }); $("#slider2".easySlider({ controlsBefore: '<p id="controls2">', controlsAfter: '</p>', prevId: 'prevBtn2', nextId: 'nextBtn2' }); }); </script><style type="text/css"> img{border:none;} #container2{ margin:0 auto; position:relative; text-align:left; width:696px; background:#fff; margin-bottom:2em; } #content2{ position:relative; } /* Easy Slider */ #slider{} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:553px; height:241px; overflow:hidden; } #slider2 li{ background:#f1f1f1; } #slider2 li h2{ margin:0 20px; padding-top:20px; } #slider2 li p{ margin:20px; } p#controls, p#controls2{ margin:0; position:relative; } #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ display:block; margin:0; overflow:hidden; text-indent:-8000px; width:60px; height:75px; position:absolute; left: 0px; top:-160px; } #nextBtn, #nextBtn2{ left:493px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block; width:60px; height:75px; background:url('https://img.webme.com/pic/o/osmantalay/left_manset.png' no-repeat 0 0; } #nextBtn a, #nextBtn2 a{ background:url('https://img.webme.com/pic/o/osmantalay/right_manset.png' no-repeat 0 0; } /* // Easy Slider */</style> <div id="container2"> <div id="content2"> <div id="slider"> <ul> <li><a href="#" _fcksavedurl="#"> <img alt=" " src="http://www.spurcus.comli.com/imagenes/entradas/begone2.jpg" _fcksavedurl="http://www.spurcus.comli.com/imagenes/entradas/begone2.jpg" width="553" height="241" /></a></li> <li><a href="#" _fcksavedurl="#"> <img alt="Css Template Preview" src="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" _fcksavedurl="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" width="696" height="241" /></a></li> <li><a href="h#" _fcksavedurl="h#"> <img alt="Css Template Preview" src="http://img43.xooimage.com/files/0/f/9/03-15766a3.jpg" _fcksavedurl="http://img43.xooimage.com/files/0/f/9/03-15766a3.jpg" width="696" height="241" /></a></li> <li><a href="#" _fcksavedurl="#"> <img alt="Css Template Preview" src="http://img43.xooimage.com/files/5/7/9/04-15766a5.jpg" _fcksavedurl="http://img43.xooimage.com/files/5/7/9/04-15766a5.jpg" width="696" height="241" /></a></li> <li><a href="#" _fcksavedurl="#"> <img alt="Css Template Preview" src="http://img25.xooimage.com/files/1/2/b/05-15766a7.jpg" _fcksavedurl="http://img25.xooimage.com/files/1/2/b/05-15766a7.jpg" width="696" height="241" /></a></li> </ul> </div></div></div> |