deneme-list

Mavi Menü

önizleme :



Menü Kısmı :

<tr> <td width="28"> </td> <td width="198" align="left" valign="top"> <div class="arrowlistmenu"> <h3 class="headerbar">Menü</h3> <ul> <li><a href="http://reklamtam.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://reklamtam.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li> <li><a href="http://reklamtam.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://reklamtam.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li> <li><a href="http://reklamtam.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://reklamtam.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li> <li><a href="http://reklamtam.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm" _fcksavedurl="http://reklamtam.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">Hakkımızda</a></li> <li><a href="http://reklamtam.tr.gg/S-.-S-.-S.htm" _fcksavedurl="http://reklamtam.tr.gg/S-.-S-.-S.htm">S.S.S</a></li> <li><a href="http://reklamtam.tr.gg/Reklam-Ver.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklam-Ver.htm">Reklam Ver</a></li> </ul> <h3 class="headerbar">Web Master</h3> <ul> <li><a href="http://reklamtam.tr.gg/Reklam-Ortalama.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklam-Ortalama.htm">Reklam Ortalama</a></li> <li><a href="http://reklamtam.tr.gg/Site-Y.oe.nlendirme-Kodu.htm" _fcksavedurl="http://reklamtam.tr.gg/Site-Y.oe.nlendirme-Kodu.htm">Site Yönlendirme Kodu</a></li> <li><a href="http://reklamtam.tr.gg/Site-Offline-Kodu.htm" _fcksavedurl="http://reklamtam.tr.gg/Site-Offline-Kodu.htm">Site Offline Kodu</a></li> <li><a href="http://reklamtam.tr.gg/-Oe-rnek-Sayfadas%26%23305%3Bn%26%23305%3Bz-Kodu.htm" _fcksavedurl="http://reklamtam.tr.gg/-Oe-rnek-Sayfadas%26%23305%3Bn%26%23305%3Bz-Kodu.htm">Örnek Saydasınız Kodu</a></li> <li><a href="http://reklamtam.tr.gg/Men.ue.-Gizleme-Kodu-Olmadan.htm" _fcksavedurl="http://reklamtam.tr.gg/Men.ue.-Gizleme-Kodu-Olmadan.htm">Menü Gizleme Kodu Olmadan</a></li> <li><a href="http://reklamtam.tr.gg/Otomatik-Sayfa-Yenileme.htm" _fcksavedurl="http://reklamtam.tr.gg/Otomatik-Sayfa-Yenileme.htm">Otomatik Sayfa Yenileme</a></li> </ul> <h3 class="headerbar">Reklam Hakkında</h3> <ul> <li><a href="http://reklamtam.tr.gg/Reklam-Nedir-.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklam-Nedir-.htm">Reklam Nedir</a></li> <li><a href="http://reklamtam.tr.gg/Reklam%26%23305%3Bn--Oe-nemi.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklam%26%23305%3Bn--Oe-nemi.htm">Reklamın Önemi</a></li> <li><a href="http://reklamtam.tr.gg/Reklamlar%26%23305%3Bn-Etkileri.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklamlar%26%23305%3Bn-Etkileri.htm">Reklamların Etkileri</a></li> <li><a href="http://reklamtam.tr.gg/Reklam%26%23305%3Bn-Dili.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklam%26%23305%3Bn-Dili.htm">Reklamın Dili</a></li> <li><a href="http://reklamtam.tr.gg/Reklamlar-Neden-Yap%26%23305%3Bl%26%23305%3Br.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklamlar-Neden-Yap%26%23305%3Bl%26%23305%3Br.htm">Reklamlar Neden Yapılır</a></li> <li><a href="http://reklamtam.tr.gg/Reklamlar%26%23305%3Bn-%26%23304%3B%E7eri%26%23287%3Bi.htm" _fcksavedurl="http://reklamtam.tr.gg/Reklamlar%26%23305%3Bn-%26%23304%3B%E7eri%26%23287%3Bi.htm">Reklamların İçeriği</a></li> </ul> </div>

Css Kısmı :

.arrowlistmenu{ width: 200px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 13px Arial; color: white; background: black url(http://s7.directupload.net/images/101125/89nuedym.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #666666; background: url(https://img.webme.com/pic/l/lifelist/arrow_menu.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; font-size: 85%; } .arrowlistmenu ul li a:visited{ color: #666666; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8F8F8F; background-color: #F3F3F3; }