Css & Grafik Paylaşımlar

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_onizleme.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_kod.png[/img]

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
display: block;
height: 23px;
width: 250px;
color: #fff;
font-family: Calibri, Arial;
text-decoration: none;
padding-top:2px;
padding-left: 5px;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_1.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
padding-left: 7px;
color: #fff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    </ul>
    </div>
</ul>
</div>

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_4.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_5.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_6.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_7.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_8.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_9.png[/img]

[img]http://img.webme.com/pic/g/grafikdizayn/cgp_10.png[/img]

<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="200" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/cgp_11.png"><table width="500" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="34" height="30">&nbsp;</td>
        <td width="426">&nbsp;</td>
        <td width="40">&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">1. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">2. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">3. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">4. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">5. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">6. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">7. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">8. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

<style type="text/css">
#onmenu {
   width: 250px;
}

#onmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#onmenu ul li a {
   text-decoration: none;
   color: #CCC;
   font-family: Tahoma, Geneva, sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image: url(http://img.webme.com/pic/o/oyunlarbilecik2/onmenu1.png);
   margin-bottom: 1px;
}
#onmenu ul li a:hover {
   background-image: url(http://img.webme.com/pic/o/oyunlarbilecik2/onmenu1hv.png);
}
</style>
<div id="onmenu">
  <ul>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
  </ul>
</div>

http://img.webme.com/pic/d/devrimcity/3.gif

http://img.webme.com/pic/d/devrimcity/5.gif

http://img.webme.com/pic/d/devrimcity/6.gif

http://img.webme.com/pic/d/devrimcity/7.gif

http://img.webme.com/pic/d/devrimcity/888.gif

http://img.webme.com/pic/d/devrimcity/1205.gif

http://img.webme.com/pic/d/devrimcity/668.gif

http://img.webme.com/pic/d/devrimcity/77777.gif

http://img.webme.com/pic/d/devrimcity/157.gif

http://img.webme.com/pic/d/devrimcity/73335.gif

http://img.webme.com/pic/d/devrimcity/dv10.gif

http://img.webme.com/pic/d/devrimcity/zz7.gif

http://img.webme.com/pic/d/devrimcity/zz4.gif

http://img.webme.com/pic/d/devrimcity/zz3.gif

http://img.webme.com/pic/d/devrimcity/zz2.gif

http://img.webme.com/pic/d/devrimcity/dvmcty91.gif

http://img.webme.com/pic/d/devrimcity/dvmcty92.gif

http://img.webme.com/pic/d/devrimcity/dvrmcty90.gif

http://img.webme.com/pic/c/ciz-dizayn/reklamver16.png

http://img.webme.com/pic/c/ciz-dizayn/reklamver17.png

http://img.webme.com/pic/b/by-gurgen/1.gif

http://img.webme.com/pic/b/by-gurgen/2.gif

http://img.webme.com/pic/b/by-gurgen/3.gif

http://img.webme.com/pic/b/by-gurgen/4.gif

http://img.webme.com/pic/b/by-gurgen/125reklam1.gif

http://img.webme.com/pic/b/by-gurgen/125reklam2.jpg

http://img.webme.com/pic/b/by-gurgen/125reklam3.png

http://img.webme.com/pic/b/by-gurgen/125reklam4.png

http://img.webme.com/pic/b/by-gurgen2/blue.png

http://img.webme.com/pic/b/by-gurgen2/green.png

http://img.webme.com/pic/b/by-gurgen2/red.png

http://img.webme.com/pic/b/by-gurgen2/slowblue.png

http://img.webme.com/pic/b/by-gurgen2/slowgreen.png

http://img.webme.com/pic/b/by-gurgen2/yellow.png

<style type="text/css">
#onmenu {
   width: 250px;
}

#onmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#onmenu ul li a {
   text-decoration: none;
   color: #FFFFFF;
   font-family: Tahoma, Geneva, sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image: url(http://img.webme.com/pic/b/by-gurgen/menu1.png);
   margin-bottom: 1px;
}
#onmenu ul li a:hover {
   background-image: url(http://img.webme.com/pic/b/by-gurgen/menu2.png);
}
</style>
<div id="onmenu">
<ul>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
</ul>
</div>

[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam1.gif[/img]

[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam2.gif[/img]

[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam3.gif[/img]

[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam4.gif[/img]

[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam5.gif[/img]

http://img.webme.com/pic/b/by-gurgen/5.png

http://img.webme.com/pic/b/by-gurgen/6.gif

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_14.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_15.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_16.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_17.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_18.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_19.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_20.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_21.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_22.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_23.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_24.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_25.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_26.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_27.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_28.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_29.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_30.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_31.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>

<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_32.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_33.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>