Yeni saı

-----------------------------------------------------------------Tasarım Üstüne-------------------------------------------------------------

-------------------------------------------------------------Tasarım Üstü Bitiş---------------------------------------------------------------------------

----------------------------------------------------Menüyü Göstermek İstediginiz Yer----------------------------------------------------------

--------------------------------------------------Menüyü Göstermek İstediginiz Yer Bitiş--------------------------------------------------

-----------------------------------------------------------------Css Kodu--------------------------------------------------------------------------------

#wrap {
width:250px;
margin:0 auto;
}

#accordion {
margin:20px 0px;
width:250px;
}

h3.toggler {
cursor: pointer;
border: 1px solid #999;
font:bold 14px arial, verdana, helvetica, sans-serif;
background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main.gif);
color: #fff;
margin: 0 0 2px 0;
padding: 6px;

}

h3.toggler:hover {background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main2.gif);color:#333;border: 1px solid #B0EC52}

.anasayfa {}
a.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.besleme {}
a.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.kategori {}
a.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;}

.baglanti {}
a.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/cursor.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;}
a:hover.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/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;
}

ull {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(https://img.webme.com/pic/c/catlak-site55/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(https://img.webme.com/pic/c/catlak-site55/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 ull {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(https://img.webme.com/pic/c/catlak-site55/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(https://img.webme.com/pic/c/catlak-site55/link2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}

.rss ull {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(https://img.webme.com/pic/c/catlak-site55/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(https://img.webme.com/pic/c/catlak-site55/rss2.gif) no-repeat;
font:12px/18px arial, verdana, helvetica, sans-serif;}

.kategori ull {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(https://img.webme.com/pic/c/catlak-site55/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(https://img.webme.com/pic/c/catlak-site55/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;
}

----------------------------------------------------------------Css Kodu Bitiş-----------------------------------------------------------

Eger Css Tasarım Kulllanmıyorsanız Css Kodunu

Tagı Arasına Koyup Tasarıma Ekleyin.....