bscsskodlari

Grass Site Tasarımı

TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ > DEMO GÖRÜNTÜSÜ

TASARIM ÜSTÜ :

<table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="960" valign="top" height="168" background="https://img.webme.com/pic/c/creative-blog/g-s-t_01.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="144" height="105" align="left"> <div id="yer">Sitemize<br /> Hoş<br /> Geldiniz...</div> </td> <td width="816" valign="top" align="right"> <div id="sitead">Buraya Sitenizin Adı Veya 300x50 Boyutlarındaki Logonuz Gelebilir.</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" valign="top" height="49" background="https://img.webme.com/pic/c/creative-blog/g-s-t_02.png"> <div id="tabaka"> <ul id="grimenu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> </td> </tr> <tr> <td width="960" valign="bottom" height="103" background="https://img.webme.com/pic/c/creative-blog/g-s-t_03.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="180" height="101"> </td> <td width="603" valign="top" height="101"> <div id="slideshow"> <div id="container2"> <div id="content2"> <div id="slider"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <img width="580" height="95" alt="" src="https://img.webme.com/pic/c/creative-blog/g-s-t-ss1.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss1.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss1.png" /></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <img width="580" height="95" alt="" src="https://img.webme.com/pic/c/creative-blog/g-s-t-ss2.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss2.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss2.png" /></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <img width="580" height="95" alt="" src="https://img.webme.com/pic/c/creative-blog/g-s-t-ss3.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss3.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss3.png" /></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <img width="580" height="95" alt="" src="https://img.webme.com/pic/c/creative-blog/g-s-t-ss4.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss4.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss4.png" /></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <img width="580" height="95" alt="" src="https://img.webme.com/pic/c/creative-blog/g-s-t-ss5.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss5.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-ss5.png" /></a></li> </ul> </div> </div> </div> </div> </td> <td width="177"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="37" background="https://img.webme.com/pic/c/creative-blog/g-s-t_04.png"> </td> </tr> <tr> <td width="960" valign="top" height="150" background="https://img.webme.com/pic/c/creative-blog/g-s-t_05.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="50"> </td> <td width="640" valign="top" align="center"> <div id="icerik">

TASARIM ALTI :

</div> </td> <td width="10"> </td> <td width="210" valign="top" align="center"> <table width="203" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td><br /> <table width="201" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> </tr> <tr> <td width="201" valign="top" height="27" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_01.png" align="right"> <div id="menbas">Reklam Alanı</div> </td> </tr> <tr> <td width="201" valign="top" height="64" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_02.png" align="center"> <div id="reklamalan"> <table width="180" cellspacing="2" cellpadding="0" border="0"> <tbody> <tr> <td><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" alt="" /></a></td> <td><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" alt="" /></a></td> </tr> <tr> <td><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" alt="" /></a></td> <td><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-reklam.jpg" alt="" /></a></td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td width="201" height="25" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="201" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> </tr> <tr> <td width="201" valign="top" height="27" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_01.png" align="right"> <div id="menbas">Menü Başlığı</div> </td> </tr> <tr> <td width="201" valign="top" height="64" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_02.png" align="center"> <table width="195" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top" height="131"> <div id="designmenu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> </ul> </div> </td> <td valign="top" align="center"> <div id="designmenu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="201" height="25" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="201" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> </tr> <tr> <td width="201" valign="top" height="27" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_01.png" align="right"> <div id="menbas">En Çok Okunan</div> </td> </tr> <tr> <td width="201" valign="top" height="64" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_02.png" align="center"> <div id="okunan"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-s-t-yildiz.png" alt="" /> Buraya Yazı Eklenecek.</a></li> </ul> </div> </td> </tr> <tr> <td width="201" height="25" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="201" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> </tr> <tr> <td width="201" valign="top" height="27" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_01.png" align="right"> <div id="menbas">Haftanın Videosu</div> </td> </tr> <tr> <td width="201" valign="top" height="64" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_02.png" align="center"> <div id="haftavideo"><iframe width="195" height="125" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/WgKExOneYqs"></iframe></div> </td> </tr> <tr> <td width="201" height="25" background="https://img.webme.com/pic/c/creative-blog/g-s-t-menu_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> </tr> </tbody> </table> </td> <td width="50"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" valign="bottom" height="90" background="https://img.webme.com/pic/c/creative-blog/g-s-t_06.png"> <table width="960" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody> <tr> <td width="363"> </td> <td width="256" valign="middle"> <table width="256" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="80" height="25"> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> <td width="10"> <div style="text-align: center; "><span style="color: rgb(29, 134, 53); "><span style="font-family: Tahoma; ">|</span></span></div> </td> <td width="80"> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> <td width="10"> <div style="text-align: center; "><span style="color: rgb(29, 134, 53); "><span style="font-family: Tahoma; ">|</span></span></div> </td> <td width="76"> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> </tr> <tr> <td height="25"> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> <td> <div style="text-align: center; "><span style="color: rgb(29, 134, 53); "><span style="font-family: Tahoma; ">|</span></span></div> </td> <td> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> <td> <div style="text-align: center; "><span style="color: rgb(29, 134, 53); "><span style="font-family: Tahoma; ">|</span></span></div> </td> <td> <div style="text-align: center;" id="linkekle"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Siteni Ekle</a></div> </td> </tr> </tbody> </table> </td> <td width="341"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="29" background="https://img.webme.com/pic/c/creative-blog/g-s-t_07.png"><a href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/"> <div id="oblink"> </div> </a></td> </tr> </tbody> </table>

CSS KODU :

<style type="text/css"> h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table{margin-right:auto;margin-left:auto;} body { background-image: url(https://img.webme.com/pic/c/creative-blog/s-b-t-background.gif); } #slideshow { height: 95px; width: 580px; margin-top: 4px; margin-left: 11px; } #yer { width: 100px; margin-left: 31px; height: 60px; margin-top: 10px; color: #5E4626; font-family: "Comic Sans MS", cursive; font-size: 15px; text-align: center; margin-bottom: 1px; } #sitead { width: 300px; margin-top: 10px; margin-right: 5px; height: 50px; text-align: center; color: #1D8635; font-family: "Comic Sans MS", cursive; font-size: 15px; } #tabaka { width: 907px; margin-left: 28px; } #griwrap { width: 940px; margin: 0px; padding: 0px; } #grimenu { height: 15px; margin-top: 15px; margin-left: -41px; } #grimenu li { display: inline; list-style: none; padding-right: 0; padding-left: 0; margin-right: 0px; margin-left: 0px; } #grimenu li a { font-family: "Comic Sans MS", cursive; text-decoration: none; color:#1d8635; /* This is the background used for the animation */ background-image: url('https://img.webme.com/pic/c/creative-blog/g-s-t-ustmenu.png'); /* Align the image position to the left of the a */ background-position: left; -webkit-transition: all 0.8s ease-in-out; /* Animation with transition in Firefox (No supported Yet) */ -moz-transition: all 0.8s ease-in-out; /* Animation with transition in Opera (No supported Yet)*/ -o-transition: all 0.8s ease-in-out; visibility: inherit; padding-top: 14px; padding-right: 18.2px; padding-bottom: 13px; padding-left: 18.1px; font-size: small; } #grimenu li a:hover { color: #FFF; /* Align the image position of the background to the right*/ background-position:right; } img{border:none;} #container2{ position:relative; text-align:left; width:580px; height:95px; background:#fff; background-color: #DADADA; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 11; padding: 0px; } #content2{ position:relative; height: 95; width: 620; left: 0px; } #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:580px; height:95px; overflow:hidden; text-align: center; } #slider2 li{} #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:11px; height:71px; position:absolute; left: -10px; top:-83px; } #nextBtn, #nextBtn2{ left:580px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block; width:11px; height:71px; background:url('https://img.webme.com/pic/c/creative-blog/g-s-t-bosalan.png') no-repeat 0 0; } #nextBtn a, #nextBtn2 a{ background:url('https://img.webme.com/pic/c/creative-blog/g-s-t-bosalan.png') no-repeat 0 0; } #icerik { padding-top: 5px; text-align: center; } #menbas { height: 20px; color: #F5F5F5; font-family: Tahoma, Geneva, sans-serif; margin-top: 5px; width: 150px; margin-right: 4px; font-size: 14.5px; } #designmenu ul li a { text-decoration: none; color: #1D8635; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: lighter; padding-bottom: 3px; opacity: 0.8; } #designmenu ul li a:hover { opacity: 999999999; } #designmenu ul { list-style-type: none; padding-left: 0px; margin-left: 6px; margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; } #reklamalan { margin-top: 5px; } #reklamalan table tr td a img { opacity: 0.6; } #reklamalan table tr td a img:hover { opacity: 999999999; } #okunan ul { list-style-type: none; margin-top: 5px; margin-left: 0px; padding-left: 0px; margin-bottom: 0px; } #okunan ul li a { text-decoration: none; color: #1D8635; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; display: block; padding-bottom: 3px; margin-left: -15px; opacity: 0.8; } #okunan ul li a:hover { opacity: 999999999; } #haftavideo { margin-top: 5px; width: 195px; } #linkekle a { text-decoration: none; color: #1D8635; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; text-align: center; opacity: 0.8; } #linkekle a:hover { text-align: center; opacity: 999999999; } #oblink { width: 120px; margin-left: 430px; height: 22px; } a{ text-decoration:none; } </style>

İÇERİK BÖLÜMÜ ÜSTÜNDEKİ :

<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>

Kaynak : Creative-Blog