Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj10.06.2011, 05:43 (UTC)    
Mesaj konusu: TaSaRiM-LiFeS / Css Tasarım Paylaşım..

Evet arkadaşlar burada Kendi yaptığım css tasarımları paylaşacağım..

Önizleme : www.tasarim-lifes-deneme-1.tr.gg

Tasarımın Üstüne :

Kod:
<IMG alt="" src="http://img165.imageshack.us/img165/8815/avatar21024140dvcl3.gif" _fcksavedurl="http://img165.imageshack.us/img165/8815/avatar21024140dvcl3.gif" _fcksavedurl="http://img165.imageshack.us/img165/8815/avatar21024140dvcl3.gif" border=0>

<DIV style="Z-INDEX: 1; LEFT: 60px; WIDTH: 55px; POSITION: absolute; TOP: 0px; HEIGHT: 1px"><EMBED src=http://s10b.directupload.net/images/100325/vlka8s34.swf width=780 height=250 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></DIV>

<div id="tasarim">
<div id="baslik"></div>
<div id="ust"><div style="text-align: right"><img alt="" src="http://img507.imageshack.us/img507/4710/reklamxcxf8.gif" /></div> <div style="text-align: right"><a target="http://www.facebook.com/#!/sygn.mdl" href="http://www.facebook.com/#!/sygn.mdl"><img alt="" src="http://img.webme.com/pic/t/tasarim-lifes/facebook128.png"border="0" /></a></div></div>
<div id="menu1"><a href="Sayfa Url"><img class="" alt="" src="http://img.webme.com/pic/t/tasarim-lifes/bs_02.png"border="0" /></a></div>
<div id="menu2"><a href="Sayfa Url"><img class="" alt="" src="http://img.webme.com/pic/t/tasarim-lifes/bs_03.png" border="0"/></a></div>
<div id="menu3"><a href="Sayfa Url"><img class="" alt="" src="http://img.webme.com/pic/t/tasarim-lifes/bs_04.png"border="0" /></a></div>
<div id="menu4"><a href="Sayfa Url"><img class="" alt="" src="http://img.webme.com/pic/t/tasarim-lifes/bs_05.png"border="0" /></a></div>
<div id="orta">
<div class="solsutun"><style type="text/css">
#maviblokmenu{ 
border: 1px solid black; 
border-bottom-width: 0; 
width: 185px; 

 
#maviblokmenu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; 

 
#maviblokmenu li a{ 
display: block; 
padding: 3px 0; 
padding-left: 9px; 
width: 169px;   
text-decoration: none; 
color: white; 
background-color: #2175dd; 
border-bottom: 1px solid #90bade; 
border-left: 7px solid #1958b7; 

 
* html #maviblokmenu li a{   
width: 169px;   
width: 169px;   

 
#maviblokmenu li a:hover { 
background-color: #000069; 
border-left-color: #000099; 

 
#maviblokmenu div.menutitle{ 
color: white; 
border-bottom: 1px solid black; 
padding: 1px 0; 
padding-left: 5px; 
background-color: black; 
font: bold 100% 'Trebuchet MS', Arial, sans-serif; 
}  </style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p>
<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px">
<div class="menutitle">BİRİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">İKİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>
</ul>
<div class="menutitle">ÜÇÜNCÜ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">Çeviri</div>
<ul>
    <li><a onclick="naazimca('Dikkat! Bu web adresi yandaki menüyü yazan kişiye aittir.')" href="http://www.naazimca.tr.gg ">www.naazimca.tr.gg</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" onclick="naazimca('Dikkat! Bu mail yandaki menüyü yazan kişiye aittir ')" href="naazimca( at )mynet.com ?PHPSESSID=ad9ef0986f62d15e893964dc2d4c1dbc">naazimca( at )mynet.com</a> </li>
</ul>
</div></div>
<div class="sagsutun">


Tasarımın Altına :

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


Css Koduna :

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;}

* {padding: 0; margin:0 }

body {
margin-left:  auto;
margin-right: auto;
background: url(http://www.backgroundlabs.com/backgrounds/17.jpg) top center fixed;
}

#tasarim{
width: 1024px;
margin-left:  auto;
margin-right: auto;
}

#ust{
margin-left:  auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_01.png);
width: 1024px;
height: 194px;
float: left;
}

#menu1{
margin-left:  auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_02.png);
width: 324px;
height: 116px;
float: left;
}
#menu2{
margin-left:  auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_03.png);
width: 234px;
height: 116px;
float: left;
}
#menu3{
margin-left:  auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_04.png);
width: 210px;
height: 116px;
float: left;
}
#menu4{
margin-left:  auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_05.png);
width: 256px;
height: 116px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_06.png);
width: 1024px;
height: 100%;
float: left;
}

.solsutun{
width:140px;
float: left;
padding: 0 0 0 54px;
overflow: hidden;
}

.sagsutun {
width:672px;
float: left;
padding: 0 0 0 100px;
overflow: hidden;
text-align: justify;
}


#alt{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarim-lifes/bs_07.png);
width: 1024px;
height: 64px;
float: left;
}
Mesaj10.06.2011, 05:48 (UTC)    
Mesaj konusu:

Tasarım Nasıl olmuş sizce Very Happy Konu güncel yorumlasanız diyorum
Mesaj10.06.2011, 06:32 (UTC)    
Mesaj konusu:

menüsü çok küçük kalmış onu büyütün
______________
Büyük işler başaran, Küçük adam..
DREAMWEAVER İLE BEDAVA-SİTEM İÇİN TASARIM YAPMA // RESİMLİ ANLATIM
Mesaj10.06.2011, 06:43 (UTC)    
Mesaj konusu:

yusufberki yazmış:
menüsü çok küçük kalmış onu büyütün


Evet o gzl durmuyor ama isteyen değiştirsin başka menüde ekliyebilirler
Mesaj10.06.2011, 06:48 (UTC)    
Mesaj konusu:

menüyü büyültün bence değiştirmenize gerek yok
______________
Büyük işler başaran, Küçük adam..
DREAMWEAVER İLE BEDAVA-SİTEM İÇİN TASARIM YAPMA // RESİMLİ ANLATIM
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu