- 4

Bu Tasarımı Kullanan Arkadaslar En Alttakı InceWebTasarım Yazan Yeri Silmezlerse
İyi Olur Ama Tabi Yinede İsteğe Bagli
Emeğe Saygınız Varsa Silmeyin

Tasarım Ustu

<div id="tasarim">
<div id="ust1"></div>
<div id="menu"><ul>             <li id="current"><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/">Ekle</a></li>             <li><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/">Ekle</a></li>             <li><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/">Ekle</a></li>                     <li><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/" >Ekle</a></li>
<li class="last"><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/" >Ekle</a></li>
<li class="last"><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/" >Ekle</a></li>
<li class="last"><a href="http://www.incewebtasarim.tr.gg/" _fcksavedurl="http://www.incewebtasarim.tr.gg/">Ekle</a></li></div>
<div id="orta">
<div class="sagsutun">Buraya Menunu Html Kodlarını Ekleyebılrısınız Veya Dıledıgınız HerHangı Bir Kodu</div>
<div class="solsutun">

Tasarım Altı

Css Kodu

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {padding: 0; margin:0 }
<style type="text/css">
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
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 #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
body {
margin-left:  auto;
margin-right: auto;
background: url(http://www.backgroundlabs.com/backgrounds/238.jpg) top center ;
background-color:#cccccc;
}
#tasarim{
width: 1000px;
margin-left:  auto;
margin-right: auto;
}
#ust1{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://www.paylaskiresim.com/8364/3cqlb9mb4e.png);
width: 1024px;
height: 190px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://www.paylaskiresim.com/8364/unaxfw3uld.png);
width: 1024px;
height: 100%;
float: left;
}
.solsutun{
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}
.sagsutun {
width:175px;
float: left;
padding: 0 0 0 800px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://www.paylaskiresim.com/8364/fo7donn4gg.png);
width: 1024px;
height: 90px;
float: left;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #990000;
}
a:active {
text-decoration: none;
color: #000000;
}
/*Menu*/
#menu { clear: both; margin:  auto; padding: 0; background: url(http://www.paylaskiresim.com/8364/2r44wbdl2n.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 39px; width: 1024px; }
#menu ul { float: right; list-style: none; margin:0; padding: 0; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; padding: 0 12px; color:
#0000ff; text-decoration: none; }
#menu ul li.last a { padding-right: 30px; }
#menu ul li a:hover { color: #FFF; }
#menu ul li#current a { color: #0000ff; }

4

Bu Tasarımı Kullanan Arkadaslar En Alttakı InceWebTasarım Yazan Yeri Silmezlerse İyi Olur Ama Tabi Yinede İsteğe Bagli Emeğe Saygınız Varsa Silmeyin

Tasarım Ustu

Tasarım Altı

Css Kodu

Bu Tasarımı Kullanan Arkadaslar En Alttakı InceWebTasarım Yazan Yeri Silmezlerse
İyi Olur Ama Tabi Yinede İsteğe Bagli
Emeğe Saygınız Varsa Silmeyin