Yapım Aşamasındayız





Tasarım

br clear="all" />
Dikey Menüler


<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(https://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(https://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> |

<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(https://img.webme.com/pic/o/oyunlarbilecik2/onmenu1.png); margin-bottom: 1px; } #onmenu ul li a:hover { background-image: url(https://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> |

<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(https://img.webme.com/pic/b/by-gurgen/menu1.png); margin-bottom: 1px; } #onmenu ul li a:hover { background-image: url(https://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> |

<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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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> |
Bugün 27194 ziyaretçi (57361 klik) Burdaydı ! :)