Vee Hyperend.Tr.Gg Yeni Tasarımı...

<meta content="application/xhtml+xml; charset=iso-8859-9" http-equiv="Content-Type" />
<meta content="Volkan Karakus" name="author" />
<meta content="Copyright 2009 webthese" name="copyright" /><script type="text/javascript" src="http://semumse.sitemynet.com/mootools.js"></script><script type="text/javascript" src="http://semumse.sitemynet.com/akordion.js"></script>
<link href="style/style.css" type="text/css" rel="stylesheet" />
<div id="wrap">
<div id="accordion">
<h3 class="toggler"><a class="anasayfa" href="#">Anasayfa</a></h3>
<div class="element">
<ul>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">At&ouml;lye</a></li>
<li><a href="#">Tavsiyeler</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
<h3 class="toggler"><a class="kategori" href="#">Kategoriler</a></h3>
<div class="element">
<ul class="kategori">
<li><a href="#">Ajax</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Dreamweaver</a></li>
<li><a href="#">Xhtml/Css</a></li>
<li><a href="#">Php/Mysql</a></li>
</ul>
</div>
<h3 class="toggler"><a class="baglanti" href="#">Bağlantılar</a></h3>
<div class="element">
<ul class="link">
<li><a href="#">Mootools</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Adobe</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">FrienFeed</a></li>
</ul>
</div>
<h3 class="toggler"><a class="besleme" href="#">Rss Takip</a></h3>
<div class="element">
<ul class="rss">
<li><a href="#">Son G&ouml;nderiler</a></li>
<li><a href="#">Son Yorumlar</a></li>
</ul>
</div>
</div>
<div class="info"><a href="http://www.t-infection.com">sanal-man</a>&nbsp;| <a href="http://www.maxi-city.tr.gg">maxi-city</a><!-- wrap element bitir --></div>
</div>

lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} #wrap { /* Hadi ama wrap olmadan stil dosyası olmaz */ width:250px; margin:0 auto; } #accordion { margin:20px 0px; width:250px; /* menü genişliğini buradan sınırlayabilirsiniz */ } h3.toggler { cursor: pointer; border: 1px solid #999; font:bold 14px arial, verdana, helvetica, sans-serif; background: #222 url(../img/h3main.gif); color: #fff; margin: 0 0 2px 0; padding: 6px; } h3.toggler:hover {background: #222 url(..http://img.webme.com/pic/s/sanal-man/h3main2.gif);color:#333;border: 1px solid #B0EC52} /* menü başlıklarının üzerine gelince verilen değişim burda */ /* Menü başlıklarındaki ana bağlantıların stilleri burada tanımlanıyor */ .anasayfa {} a.anasayfa {background:transparent url(..http://img.webme.com/pic/s/sanal-man/page.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.anasayfa {background:transparent url(..http://img.webme.com/pic/s/sanal-man/page.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .besleme {} a.besleme {background:transparent url(..http://img.webme.com/pic/s/sanal-man/feed.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.besleme {background:transparent url(..http://img.webme.com/pic/s/sanal-man/feed.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .kategori {} a.kategori {background:transparent url(..http://img.webme.com/pic/s/sanal-man/page_copy.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.kategori {background:transparent url(..http://img.webme.com/pic/s/sanal-man/page_copy.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .baglanti {} a.baglanti {background:transparent url(..http://img.webme.com/pic/s/sanal-man/cursor.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.baglanti {background:transparent url(..http://img.webme.com/pic/s/sanal-man/cursor.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} div.element p, div.element h4 { margin:0px; padding:4px; font:11px arial, verdana, helvetica, sans-serif; } ul {margin:0; padding:0px; list-style:none;display:block;} li {display:block;margin:0;padding:0px;list-style-type:none;} li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(../img/ana1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#333 url(../img/ana2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} /* Ana başlıkların altındaki menülerin ayrı ayrı stilleri burada tanımlanmıştır */ .link ul {margin:0; padding:0px; list-style:none;display:block;} .link li {display:block;margin:0;padding:0px;list-style-type:none;} .link li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(../img/link.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .link li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#ff9900 url(../img/link2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .rss ul {margin:0; padding:0px; list-style:none;display:block;} .rss li {display:block;margin:0;padding:0px;list-style-type:none;} .rss li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(../img/rss1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .rss li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#3196F4 url(../img/rss2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .kategori ul {margin:0; padding:0px; list-style:none;display:block;} .kategori li {display:block;margin:0;padding:0px;list-style-type:none;} .kategori li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(../img/kat1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .kategori li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#B0F017 url(../img/kat2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .info {font:11px arial, verdana, helvetica, sans-serif;} .info a{color:#333;background:#fff;padding:2px;text-decoration:none;display:inline;} .info a:hover{color:#2e83ff;background:#fff;padding:2px;text-decoration:none;} blockquote { padding:5px 20px; }