-SENİDUNYAN- Webmaster Sitesi

H12

<style  type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowgreen{ width: 180px; /*width of menu*/ border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; } .arrowgreen ul{ list-style-type: none; margin: 0; padding: 0; } .arrowgreen li a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; display: block; background: transparent  url(http://img576.imageshack.us/img576/395/kodbanksarrowblue.gif) 100%  0; height: 24px; /*Set to height of bg image- padding within link (ie: 32px  - 4px - 4px)*/ padding: 4px 0 4px 10px; line-height: 24px; /*Set line-height of bg image- padding within link  (ie: 32px - 4px - 4px)*/ text-decoration: none; } .arrowgreen li a:link, .arrowgreen li a:visited { color: #5E7830; } .arrowgreen li a:hover{ color: #26370A; background-position: 100% -32px; } .arrowgreen li a.selected{ color: #26370A; background-position: 100% -64px; } </style> <div class="arrowgreen"> <ul> <li><a href="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com"  title="Home">Home</a></li> <li><a href="http://www.dynamicdrive.com/style/"  _fcksavedurl="http://www.dynamicdrive.com/style/" class="selected"  title="CSS">CSS Library</a></li> <li><a href="http://www.ddwhois.com"  _fcksavedurl="http://www.ddwhois.com" title="Whois">DD  Whois</a></li> <li><a href="http://www.dynamicdrive.com/forums/"  _fcksavedurl="http://www.dynamicdrive.com/forums/"  title="Forums">Forums</a></li> <li><a href="http://tools.dynamicdrive.com/"  _fcksavedurl="http://tools.dynamicdrive.com/" title="Tools">Webmaster  Tools</a></li> <li><a href="http://www.javascriptkit.com"  _fcksavedurl="http://www.javascriptkit.com"  title="JavaScript">JavaScript</a></li> </ul> </div>

Anamenü

Kategoriler

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: red; background: black  url(http://www.dynamicdrive.com/cssexamples/media/titlebar.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: #A70303; background:  url(http://www.dynamicdrive.com/cssexamples/media/arrowbullet.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: bold; border-bottom: 1px solid #ff0000; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #000000; background-color: #ff0000; } </style> <div class="arrowlistmenu"> <h3 class="headerbar">Anamenü</h3> <ul> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">Anasayfa</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> </ul> <h3 class="headerbar">Kategoriler</h3> <ul> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg"  _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> </ul> </div>

Anasayfa

Link adı

<table width="175"  cellpadding="5" cellspacing="0" border="0"> <tr align="center" valign="top">  <td  align="left" colspan="1" rowspan="1"> <div ID="button">  <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle">  <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Anasayfa</a></td></tr></table> <table  width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> <table width="140" height="40" cellpadding="0" cellspacing="0"  background="http://img35.imageshack.us/img35/6599/kodbanksagacbuton.gif"> <tr  align="left" valign="middle"> <td align="center"><a href="#begin" _fcksavedurl="#begin"  _fcksavedurl="#begin">Link  adı</a></td></tr></table> </div> </td></tr></table> <style type="text/css"> #button a{ font-family: Arial;font-style : normal ;font-size : 10pt;  font-weight :bold;text-align :center; color :#000000;text-decoration :  none} #button a:hover{ font-family: Arial;font-style : normal ;font-size :  10pt; font-weight :bold;text-align :center; color  :#ff0000;text-decoration : none} </style>

Aşağıdaki css üst menü renklerini siz değişirsiniz,ben renkleri daha iyi anlaşılması için abartılı yaptım.. #ff0000 :KIRMIZI - #00ff00 :YEŞİL - border: 10px :gri border bunu 1 veya 2 yapın

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <FCK:meta http-equiv="Content-Type" content="text/html;  charset=UTF-8"  /> <title> Stu Nicholls | CSSplay | Professional series  #1</title> <style type="text/css"> /*Credits: CSSpplay */ /*URL: http://www.cssplay.co.uk/menus/pro_one */ .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px;  background:#fff  url(http://img511.imageshack.us/img511/4086/button1yh5.gif);  position:relative; border:1px solid #000; border-width:0 1px;  border-bottom:1px solid #444;} .menu1 li {float:left;} .menu1 li a {display:block; float:left; height:35px; line-height:35px;  color:#aaa; text-decoration:none; font-size:11px; font-family:arial,  verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0  8px; cursor:pointer;} .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;} .menu1 li.current a {color:#fff; background:url(button3.gif);} .menu1 li.current a b  {background:url(http://img511.imageshack.us/img511/6769/button3bo1.gif)  no-repeat right top;} .menu1 li a:hover {color:#fff; background:#000  url(http://img511.imageshack.us/img511/3755/button2zg8.gif);} .menu1 li a:hover b  {background:url(http://img511.imageshack.us/img511/3755/button2zg8.gif)  no-repeat right top;} .menu1 li.current a:hover {color:#fff; background:#000  url(http://img511.imageshack.us/img511/6769/button3bo1.gif);  cursor:default;} .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right  top;} </style> </head> <body> <ul class="menu1"> <li><a href="ADRES" _fcksavedurl="ADRES"><b>Link  adı</b></a></li> <li class="current"><a href="#nogo"  _fcksavedurl="#nogo"><b>Link adı</b></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><b>Link  adı</b></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><b>Link  adı</b></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><b>Link  adı</b></a></li> <li><a href="ADRES" _fcksavedurl="ADRES"><b>Link  adı</b></a></li> </ul> </body> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML  4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <FCK:meta http-equiv="Content-Type" content="text/html;  charset=iso-8859-1" /> <title>menu012</title> <style type="text/css"> body { margin:0; padding:0;} #menu012container{ height:24px; background: #b979e4; display:block; padding:30px 0 0 15px;  background-image:url(http://img231.imageshack.us/img231/6096/bkgcontec4.gif);  background-repeat:repeat-x; background-position:bottom;} #menu012{ margin-left:auto; margin-right:auto; width:500px; font-size:12px; font-weight:bold; font-family: Tahoma, Verdana, Arial, Helvetica; position:relative; display:block; height:24px; } #menu012 ul{ margin:0; padding:0; list-style-type:none; width:auto;} #menu012 ul li{ display:block; float:left; margin:0 1px 0 0;} #menu012 ul li a{ display:block; float:left; color: #ffffff; text-decoration:none; padding:5px 20px 0 20px; height:24px; background:url(http://img231.imageshack.us/img231/5995/bkgoffnj6.gif)  no-repeat top left;} #menu012 ul li a:hover{ color:#fff; background:url(http://img231.imageshack.us/img231/9374/hoverjo3.gif)  no-repeat top right;} #menu012 ul li a.current,#menu011 ul li a.current:hover{ color:#000; background:#fff;  background-image:url(http://img231.imageshack.us/img231/1327/bkgcurrentii8.gif);  background-repeat:repeat-x; background-position:top;} </style> </head> <body> <div id="menu012container"> <div id="menu012"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES">Link  adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES"  class="current">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link  adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link  adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link  adı</a></li> </ul> </div> </div> </body> </html>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .bevelmenu{ font: bold 13px arial; padding: 6px 0; margin: 0; width: 100%; background-color: #FFF2BF; text-align: left; /*set value to "right" for example to align menu to the right of page*/ } .bevelmenu li{ list-style: none; display: inline; } .bevelmenu li a{ padding: 3px 0.5em; text-decoration: none; color: black; background-color: #FFF2BF; border: 2px solid #FFF2BF; } .bevelmenu li a:hover{ color: black; background-color: #FFE271; border-style: outset; } html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; } </style> <ul class="bevelmenu"> <li><a href="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES">Link adı</a></li> </ul>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #vdividermenu ul{ margin: 0; padding: 0; margin-bottom: 1em; float: left; font: bold 100% Tohoma; width: 100%; border: 1px solid #625e00; background-color: #f9ff91; } * html #vdividermenu ul{ /*IE only rule, reduce menu width*/ width: 99%; } #vdividermenu ul li{ display: inline; } #vdividermenu ul li a{ float: left; color: black; padding: 2px 12px; text-decoration: none; background: transparent url(http://www.dynamicdrive.com/cssexamples/media/vertical.gif) center right no-repeat; } #vdividermenu ul li a:visited{ color: black; } #vdividermenu ul li a:hover{ color: black; background-color: #ffe84f; } </style> <div id="vdividermenu"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES" title="Home">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" title="CSS Examples">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" title="New">Link adı</a></li> <li id="current"><a href="ADRES" _fcksavedurl="ADRES" title="Revised">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" title="Tools">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" title="DHTML Forums">Link adı</a></li> </ul> </div>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ubercolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; } .ubercolortabs ul{ font:11px Verdana,Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none; } .ubercolortabs li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; } .ubercolortabs a{ float: left; color: white; background: #000000 url(media/roundleft.gif) no-repeat left top;  /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px; } .ubercolortabs a span{ float: left; display: block; background: transparent url(media/roundright.gif) no-repeat right top;  /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; } .ubercolortabs a span{ float: none; } .ubercolortabs a:hover, .ubercolortabs li.selected a{ background-color: #cccccc; /*background color of tabs onMouseover*/ color: blue; } .ubercolortabs a:hover span{ background-color: transparent; } .ubercolordivider{ /*CSS for horizontal line.*/ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #000000; /*background color of horizontal line*/ border-top: 1px solid #ff0000; /*Remove this to remove border between  bar and tabs*/ } </style> <div class="ubercolortabs"> <ul> <li><a href="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com" style="margin-left:  12px"><span>Home</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm"  _fcksavedurl="http://www.dynamicdrive.com/new.htm"  _fcksavedurl="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li> <li  class="selected"><a  href="http://www.dynamicdrive.com/revised.htm"  _fcksavedurl="http://www.dynamicdrive.com/revised.htm"  _fcksavedurl="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li> <li><a  href="http://tools.dynamicdrive.com"  _fcksavedurl="http://tools.dynamicdrive.com"  _fcksavedurl="http://tools.dynamicdrive.com"><span>Tools</span></a></li> <li><a  href="http://www.dynamicdrive.com/forums/"  _fcksavedurl="http://www.dynamicdrive.com/forums/"  _fcksavedurl="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li> </ul> </div> <div  class="ubercolordivider"> </div>

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ddoverlap{ border-bottom: 1px solid #bbb8a9; } .ddoverlap ul{ padding: 0; margin: 0; font: bold 90% default; list-style-type: none; } .ddoverlap li{ display: inline; margin: 0; } .ddoverlap li a{ padding: 3px 7px; text-decoration: none; padding-right: 32px; /*extra right padding to account for curved right  edge of tab image*/ color: blue; background: transparent  url(http://img687.imageshack.us/img687/5209/kodbanksrighttabdefault.gif)  100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/ border-left: 1px solid #dbdbd5; position: relative; display: block; float: left; margin-left: -20px; /*shift tabs 20px to the left so they overlap*/ left: 20px; } .ddoverlap li a:visited{ color: blue; } .ddoverlap li a:hover{ text-decoration: underline; } .ddoverlap li.selected a{ /*selected tab style*/ color: black; z-index: 100; /*higher z-index so selected tab is topmost*/ top: 1px; /*Shift tab 1px down so the border beneath it is covered*/ background: transparent  url(http://img14.imageshack.us/img14/766/kodbanksrighttabselecte.gif)  100% 0 no-repeat; } .ddoverlap li.selected a:hover{ text-decoration: none; } </style>  <div class="ddoverlap"> <ul> <li><a href="http://www.dynamicdrive.com"  _fcksavedurl="http://www.dynamicdrive.com">Home</a></li> <li><a href="http://www.dynamicdrive.com/new.htm"  _fcksavedurl="http://www.dynamicdrive.com/new.htm">DHTML</a></li> <li  class="selected"><a href="http://www.dynamicdrive.com/style/"  _fcksavedurl="http://www.dynamicdrive.com/style/">CSS</a></li> <li><a  href="http://www.cssdrive.com"  _fcksavedurl="http://www.cssdrive.com">Gallery</a></li> <li><a href="http://www.javascriptkit.com"  _fcksavedurl="http://www.javascriptkit.com">JavaScript</a></li> <li><a  href="http://www.codingforums.com"  _fcksavedurl="http://www.codingforums.com">Forums</a></li> </ul> <br  style="clear: left" /> </div>

-SHOWFM-

eBlog Templates Demo

Reklam Alanı

-SENİDUNYAN- Webmaster Sitesi

H12

Anamenü

Kategoriler