-->

EgiticiBilgiler | Bilmemek Değil, Öğrenmemek Ayıp!

Css Menüler

Css Menüler, Tr.Gg

<script type="text/javascript" src="chrome.js"></script>  <style type="text/css"> #MainMenu  { 	width:100%; 	height:26px; 	background: url(""); 	margin:0; 	border:0; } #tab  { 	margin:0; 	top:0; } #tab ul  { 	margin:0; 	padding:0; 	list-style:none; 	float:left; } #tab li  { display:inline; 	float:left; 	margin:0 0 0 0 ; 	padding:0; } #tab a  { 	background:#000000 url("https://img.webme.com/pic/o/osmantalay/bright_036.gif") no-repeat right top; 	margin:0; 	padding:0; 	text-decoration:none; 	border:0; 	display:block; 	float:left; } #tab a span  { 	display:block; 	background:url("https://img.webme.com/pic/o/osmantalay/bleft_036.gif") no-repeat left top; 	padding:0 18px 0 16px; 	font-family:Arial, Helvetica, sans-serif; 	font-size:11; 	color:#000000; 	font-weight:bold; 	line-height:26px; } #tab a:hover,#tab li.item_active a  { 	background-position:right bottom; 	border-color:#000000; } #tab a:hover span,#tab li.item_active a span  { 	background-position:left bottom; 	color:#000000; 	font-weight:bold; 	font-style:normal; 	text-decoration:none; } .dropmenudiv { 	position:absolute; 	top:0; 	float:left; 	display:block; 	visibility:hidden; 	border:0 solid #330066; 	background: url("https://img.webme.com/pic/o/osmantalay/bleft_036.gif"); 	color:#000000; 	z-index:100; 	text-decoration:none; 	padding:0; } .dropmenudiv ul  { 	margin:0; 	padding:0; 	list-style:none; } .dropmenudiv li  { 	display:inline; 	margin:0; 	padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { 	width:180px; 	margin:0 0 0 0 ; 	padding:0; 	display:block; 	border:0 solid #000000; 	color:#000000; 	background:url("https://img.webme.com/pic/o/osmantalay/bleft_036.gif") no-repeat left top; 	font-weight:bold; 	font-style:normal; 	text-decoration:none; } .dropmenudiv a span  { 	float:left; 	display:block; 	line-height:26px; 	background:url("https://img.webme.com/pic/o/osmantalay/bright_036.gif") no-repeat right top; 	padding:0 18px 0 16px; 	font-family:Arial, Helvetica, sans-serif; 	font-size:11; 	color:#000000; } .dropmenudiv a span  { 	float:none; } .dropmenudiv a:hover { 	border:0 solid #000000; 	background-position:left bottom; 	font-weight:bold; 	font-style:normal; 	text-decoration:none; 	color:#000000; } .dropmenudiv a:hover span  { 	background-position:right bottom; 	color:#000000; 	font-weight:bold; }  </style> <div id="MainMenu" style="width: 771px; height: 26px;"> <div id="tab"> <ul>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li>     <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg"><span>Osmantalay</span></a></li> </ul> </div> </div>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/ border: 1px solid #C0C0C0 ; /*dark purple border*/ border-width: 1px 0; background: gainsboro url(media/indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: gray ; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid #C0C0C0; /*dark purple divider between menu items*/ } .indentmenu ul li a:visited{ color: gray; } .indentmenu ul li a:hover, .indentmenu ul li .current{ color:gray !important; /*text color of selected and active item*/ padding-top: 6px; /*shift text down 1px for selected and active item*/ padding-bottom: 4px; /*shift text down 1px for selected and active item*/ background: #d3d3d3 url(media/indentbg2.gif) center center repeat-x; } </style> <div class="indentmenu"> <ul> <li><a href="http://mrossi.tr.gg" _fcksavedurl="http://mrossi.tr.gg">Ana Sayfa</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Z.Defteri</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">İletişim</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Toplist</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Hakkımda</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Aksaray</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Sohbet</a></li> <li><a href="http://www.mrossi.tr.gg/Search.htm" _fcksavedurl="http://www.mrossi.tr.gg/Search.htm">Arama</a></li>

Home

Privacy Policy

Products

Where to find us

Contact us

Search

<style type="text/css"> /*Credits: CSSpplay */ /*URL: http://www.cssplay.co.uk/menus/pro_seventeen */ .preload17a {background: url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_1a.gif);} .preload17b {background: url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_1b.gif);} .menu17 {padding:5px 0 0 1em; margin:0; list-style:none; height:35px; position:relative; background:transparent url(pro_seventeen_0c.gif) repeat-x left bottom; font-size:11px;} .menu17 li {float:left; height:35px; margin-right:1px;} .menu17 li a {display:block; float:left; height:35px; line-height:33px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_0a.gif) no-repeat;} .menu17 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_0b.gif) no-repeat right top;} .menu17 li.current a {color:#000; background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_2a.gif) no-repeat;} .menu17 li.current a b {background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_2b.gif) no-repeat right top;} .menu17 li a:hover {color:#000; background: url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_1a.gif) no-repeat;} .menu17 li a:hover b {background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_1b.gif) no-repeat right top;} .menu17 li.current a:hover {color:#000; background: url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_2a.gif) no-repeat; cursor:default;} .menu17 li.current a:hover b {background:url(https://img.webme.com/pic/d/den-eme-68/pro_seventeen_2b.gif) no-repeat right top;} </style> </head> <body> <span class="preload17a"></span> <span class="preload17b"></span> <ul class="menu17"> <li><a href="#nogo" _fcksavedurl="#nogo"><b>Home</b></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><b>Privacy Policy</b></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><b>Products</b></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><b>Where to find us</b></a></li> <li class="current"><a href="#nogo" _fcksavedurl="#nogo"><b>Contact us</b></a></li> <li><a href="http://den-eme-68.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://den-eme-68.tr.gg/Konuk-Defteri.htm"><b>Search</b></a></li> </ul> </body> </html>

Webmaster Araçları

Css Tasarımlar

Favicon Oluştur

Ücretsiz Hostingler

Ücretsiz Domainler

Google Optimizasyon

Google Pagerank

SEO, Tasarım İpuçları

Anahtar Kelime Edinmek

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol