Tasarimkurdu | Tasarımın Kalbi

Sponsor Reklam Alanı

TasarimKurdu..

Ana Sayfa

Bize Ulaşın

Tasarımlar

Yorumlar

cssmenuler

Merhaba Arkadaşlar Burada Sizinle www.free-css.com da bulunan css menüleri
Bedava-sitem'e uyarlayarak paylaşacağım. Bu paylaşım bize aittir
lütfen kaynak göstermeden paylaşmayınız.

Turuncu Dikey Menü	Mavi Dikey Menü
Önizlemek için tıklayın	Önizlemek için tıklayın	Önizlemek için tıklayın	Önizlemek için tıklayın
Menü Kodu: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>16</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <h1>Vertical CSS Navigation Menu</h1> <hr /> <div id="menu"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Templates</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Layouts</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Books</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Menus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Tutorials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Reference</a></li> <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" _fcksavedurl="http://www.e-lusion.com/" title="E-lusion">E-lusion</a></li> </ul> </div> </body> </html> Css Kodu:body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; } h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0; } hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:25px; } ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #9E3C02; display: block; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu.gif); padding: 8px 0 0 30px; } #menu li a:hover { color: #fff; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu.gif) 0 -32px; padding: 8px 0 0 30px; } #menu li a:active { color: #fff; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu.gif) 0 -64px; padding: 8px 0 0 30px; }	Menü Kodu:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>19</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <h1>Vertical CSS Navigation Menu</h1> <hr /> <div id="menu"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Templates</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Layouts</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Books</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Menus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Tutorials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Reference</a></li> <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" _fcksavedurl="http://www.e-lusion.com/" title="E-lusion">E-lusion</a></li> </ul> </div> </body> </html> Css Kodu:body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; } h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0; } hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:25px; } ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; border-style: none dashed dashed dashed; border-color: #608FB5; border-width: 1px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 22px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #1D537F; display: block; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu2.gif) repeat-x; padding: 10px 0 0 10px; } #menu li a:hover { color: #fff; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu2.gif) repeat-x 0 -32px; padding: 10px 0 0 10px; } #menu li a:active { color: #fff; background: url(https://img.webme.com/pic/t/tasarimkurdu/menu2.gif) repeat-x 0 -64px; padding: 10px 0 0 10px; }	Menü Kodu: Css Kodu:	Menü Kodu: Css Kodu:

Önizlemek için tıklayın	Önizlemek için tıklayın	Önizlemek için tıklayın	Önizlemek için tıklayın
Menü Kodu: Css Kodu:	Menü Kodu: Css Kodu:	Menü Kodu: Css Kodu:	Menü Kodu: Css Kodu:

	Bayram Hazar
	Link
	Link
	Link
	Link

	Link
	Link
	Link
	Link
	Link

Sitemizin bedavasitem'e kayıt tarihi : 31.08.2009 olsada asıl yayına 15.12.2013 tarihinde girmiştir. Sitemiz bedavasitem'in yeni üyelerine tasarım hizmeti vermek üzere açılmıs ve ziyaretçileirmize hizmet vermeye devam etmektedir.



© 2014 ♦ TK-Sade V1 ♦ Tüm Hakları Saklıdır Sitede Bulunan Tasarımlar Bize Aittir. Kaynak Gösterilmeden Paylaşılamaz...!

Tasarimkurdu | Tasarımın Kalbi Burada Atıyor

cssmenuler