mavibank

Css dikey yan menü

Anamenü

Kategoriler

KOD:

<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: white;
background: black url(http://img651.imageshack.us/img651/3130/mavibankbutton.gif) 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://img651.imageshack.us/img651/3130/mavibankbutton.gif) 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 #ffff00;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #ffffff;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ff0000;
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" _fcksavedurl="http://kodbanks.tr.gg">Anasayfa</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="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" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
<li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li>
</ul>
</div>

Ana Menü

KOD:

<style>
.header_01 {
padding: 0 0 0px 0;
margin: 0 0 0px 0;
font-size: 24px;
font-weight: bold;
color: #0000ff;
/*color: #00ff00;*/
}
.header_02 {
padding: 0 0 0px 0;
margin: 0 0 0px 0;
font-size: 15px;
font-weight: bold;
color: #ffffff;
/*color: #e40b0b;*/
}
.header_03 {
padding: 0 0 0px 0;
font-size: 10px;
font-weight: bold;
color: #ffffff;
/*color: #99be29;*/
}
.header_03 a { color: #ffffff; text-decoration: none; }
.header_03 a:hover { color: #99FF00; }
.templatemo_side_bar {
float: left;
width: 180px;
padding: 1px 5px 0 5px;
background: #000066;
border: 10px solid #000033;
}
.templatemo_side_bar ul {
margin: 0px;
padding: 0px;
}
.templatemo_side_bar ul li {
margin: 0px;
padding: 0 0 0 0;
margin-bottom: 5px;
border-left: 5px solid #000;
list-style: none;
}
.templatemo_side_bar ul li a {
display: block;
background: #00BFFF;
padding: 5px 0 5px 5px;
color: #000066;
text-decoration: none;
}
.templatemo_side_bar ul li a:hover {
color: #ffffff;
background: #000;
}
.templatemo_side_bar form {
margin: 0px;
padding: 0px;
}
</style>
<div class="templatemo_side_bar margin_right_10">
<div class="header_01">Ana Menü</div>
<ul>
<li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>
<li><a href="#" _fcksavedurl="#">Toplist</a></li>
<li><a href="#" _fcksavedurl="#">Html Kod</a></li>
<li><a href="#" _fcksavedurl="#">Fbml Kod</a></li>
<li><a href="#" _fcksavedurl="#">Javascript</a></li>
<li><a href="#" _fcksavedurl="#">Yorumlar</a></li>
</ul>
<div class="margin_bottom_20"></div>
</div>

Altavista

Excite

Hotbot

Infoseek

Lycos

Magellan

Webcrawler

Yahoo!

KOD:

<!-- THREE STEPS TO INSTALL ARROW LINKS:

1.  Save the two necessary images to your server directory
   2.  Add the code into the HEAD of your HTML document
   3.  Copy the last code into the BODY of your HTML document  -->
<!-- STEP ONE: Save the following images to your server directory

// you may download the required arrow images in a ZIP file from 
// http://javascript.internet.com/img/arrow-links/arrow-links.zip

(Try using the "Save Link As" or "Save Target As" to save images)  -->

<HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<center>
<table border=0>
<tr><td>
<img name="pic1" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://altavista.digital.com" _fcksavedurl="http://altavista.digital.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic1)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic1)%22">Altavista</A>
<br>
<img name="pic2" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.excite.com" _fcksavedurl="http://www.excite.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic2)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic2)%22">Excite</A>
<br>
<img name="pic3" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.hotbot.com" _fcksavedurl="http://www.hotbot.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic3)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic3)%22">Hotbot</A>
<br>
<img name="pic4" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.infoseek.com" _fcksavedurl="http://www.infoseek.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic4)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic4)%22">Infoseek</A>
<br>
<img name="pic5" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.lycos.com" _fcksavedurl="http://www.lycos.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic5)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic5)%22">Lycos</A>
<br>
<img name="pic6" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.magellan.com" _fcksavedurl="http://www.magellan.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic6)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic6)%22">Magellan</A>
<br>
<img name="pic7" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.webcrawler.com" _fcksavedurl="http://www.webcrawler.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic7)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic7)%22">Webcrawler</A>
<br>
<img name="pic8" SRC="blank.gif" _fcksavedurl="blank.gif" width=10 height=10 border=0>
<A HREF="http://www.yahoo.com" _fcksavedurl="http://www.yahoo.com" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22imgover(pic8)%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22imgout(pic8)%22">Yahoo!</A>
</td></tr></table>
</center>

Css Dikey yan menüler (TIKLA)

Sitene ekle

Dost siteler

Css dikey yan menü

Anamenü

Kategoriler