öDEV TASARIMI

Konu: öDEV TASARIMI Paz Mayıs 23, 2010 4:29 pm

[Resimleri görebilmek için üye olun veya giriş yapın.]
TASARIM ÜSTÜ:

Kod:: <div id="tasarim">
<div id="ust">
<div class="ust"><center><img src="[url=http://i42.tinypic.com/2vx1z4h.jpg]http://i42.tinypic.com/2vx1z4h.jpg[/url]" alt="" /></center></div>
</div>
<div id="ustmenu"><div class="ustmenu">
<body>
<div class="menu">
<ul>
<li><a href="[url=http://bs-tasarimci.tr.gg/]http://bs-tasarimci.tr.gg[/url]" >Home</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg/]http://bs-tasarimci.tr.gg[/url]" id="current">Products</a>
<ul>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3edrop/]http://bs-tasarimci.tr.gg">Drop[/url] Down CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3ehorizontal/]http://bs-tasarimci.tr.gg">Horizontal[/url] CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3evertical/]http://bs-tasarimci.tr.gg">Vertical[/url] CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3edreamweaver/]http://bs-tasarimci.tr.gg">Dreamweaver[/url] Menus</a></li>
</ul>
</li>
<li><a href="/faq.php">FAQ</a>
<ul>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3edrop/]http://bs-tasarimci.tr.gg">Drop[/url] Down CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3ehorizontal/]http://bs-tasarimci.tr.gg">Horizontal[/url] CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3evertical/]http://bs-tasarimci.tr.gg">Vertical[/url] CSS Menus</a></li>
<li><a href="[url=http://bs-tasarimci.tr.gg%22%3edreamweaver/]http://bs-tasarimci.tr.gg">Dreamweaver[/url] Menus</a></li>
</ul>
</li>
<li><a href="/contact/contact.php">Contact</a></li>
</ul>
</div>
</body>
</div></div>
<div id="yesil"><div class="yesil">İstediğin bir şey yaz.....</div>
</div>
<div id="orta">
<div class="ortasutun">

TASARIM ALTI:

Kod:: </div> </div> <div id="alt"></div> </div>

CSS KODU:

Kod:: 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;}
#counter{text-align:center;}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(arkaplan url) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url([url=http://img63.imageshack.us/img63/3113/odv01.jpg]http://img63.imageshack.us/img63/3113/odv01.jpg[/url]);
width: 1000px;
height: 234px;
float: left;
}
.ust{
width:556px;
float: left;
padding: 130px 0 0 436px;
overflow: hidden;
text-align: justify;
}
#ustmenu{
margin-left: 0 auto;
margin-right:0 auto;
background: url([url=http://img266.imageshack.us/img266/8664/odv02.jpg]http://img266.imageshack.us/img266/8664/odv02.jpg[/url]);
width: 1000px;
height: 57px;
float: left;
}
.ustmenu{
width:940px;
float: left;
padding: 10px 0 0 27px;
overflow: hidden;
text-align: justify;
}
#yesil{
margin-left: 0 auto;
margin-right:0 auto;
background: url([url=http://img248.imageshack.us/img248/112/odv03.jpg]http://img248.imageshack.us/img248/112/odv03.jpg[/url]);
width: 1000px;
height: 60px;
float: left;
}
.yesil{
width:995px;
float: left;
padding: 14px 0 0 31px;
overflow: hidden;
text-align: justify;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url([url=http://img294.imageshack.us/img294/5210/odv04.jpg]http://img294.imageshack.us/img294/5210/odv04.jpg[/url]);
width: 1000px;
height: 100%;
float: left;
}
.ortasutun{
width:946px;
float: left;
padding: 0 0 0 28px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url([url=http://img163.imageshack.us/img163/6485/odv05.jpg]http://img163.imageshack.us/img163/6485/odv05.jpg[/url]);
width: 1000px;
height: 151px;
float: left;
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("[url=http://img504.imageshack.us/img504/7743/seperator.gif]http://img504.imageshack.us/img504/7743/seperator.gif[/url]") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("[url=http://img571.imageshack.us/img571/170/hoverj.gif]http://img571.imageshack.us/img571/170/hoverj.gif[/url]") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('http://img219.imageshack.us/img219/9938/subsep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('http://img571.imageshack.us/img571/192/hoversub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}

» Ödev Tasarımı
» Satranç Tasarımı
» Eğlence Tasarımı
» Powermaxı Tasarımı
» Toplist Tasarımı