Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj10.09.2009, 10:52 (UTC)    
Mesaj konusu: Yep yeni bir css tasarım...

arkadaşlar bu bir free tasarımdır ben bunu editledim lütfen yorumlarınızı buna göre yapnız.

Önizleme:



Tasarım Üst:

Kod:
<div id="tasarim">
<div id="ust">



<div class="logo"><img border='0' src='http://img260.yukle.tc/images/8670logo.png'></div>



<div class="ustmenu"><a href='http://design-negro.tr.gg'><img border='0' src='http://img267.yukle.tc/images/8858menu_02.png'></a>

<a href='http://www.design-negro.tr.gg/'><img border='0' src='http://img260.yukle.tc/images/3735menu_03.png'></a>

<a href='http://www.design-negro.tr.gg'><img border='0' src='http://img262.yukle.tc/images/6146menu_04.png'></a>

<a href='http://www.design-negro.tr.gg'><img border='0' src='http://img263.yukle.tc/images/2477menu_05.png'></a>

</div>



<div class="reklam"><a href="http://design-negro.tr.gg" _fcksavedurl="http://design-negro.tr.gg"><img border="0" src="http://img.webme.com/pic/d/design-negro/468x80banner.gif" _fcksavedurl="http://img.webme.com/pic/d/design-negro/468x80banner.gif" alt="" /></a></div>
<div class="duyuru"><marquee>Design-Negro</marquee></div></div>
<div id="orta">
<div class="sagsutun"><div class="arrowlistmenu">

<h3 class="headerbar">CSS Library</h3>
<ul>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>
</ul>

<h3 class="headerbar">CSS Drive</h3>
<ul>
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
<li><a href="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li>
<li><a href="http://www.cssdrive.com/index.php/news/">Web Design News</a></li>
<li><a href="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li>
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li>
<li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li>
</ul>

</div>
</div>
<div class="solsutun">



Tasarım Alt:
Kod:
</div>
</div>
</div>


Css:

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( ) top center fixed;
}

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



#ust{
margin-left:  auto;
margin-right: auto;
background: url(http://img268.yukle.tc/images/9357goal_01.png);
width: 779px;
height: 415px;
float: left;
}
.logo{
width:122;
padding: 20px 0 0 610px;
float:left;
}
.ustmenu {
width:700px;
padding: 75px 0 0 20px;
float: left;
}
.reklam {
width:468px;
padding: 15px 0 0 140px;
float: left;
}
.duyuru {
width:650px;
padding: 8px 0 0 100px;
float: left;
}
#orta{
margin-left:  auto;
margin-right: auto;
background: url(http://img267.yukle.tc/images/1235goal_02.png);
width: 779px;
height: 100%;
float: left;
}

.sagsutun{
width:190px;
float: right;
padding: 0 15px 0 0;
overflow: hidden;
}

.solsutun {
width:550px;
float: left;
padding: 0 0 0 3px;
overflow: hidden;
text-align: justify;
}

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

</style>



güle güle editleyin
______________
Mesaj10.09.2009, 10:58 (UTC)    
Mesaj konusu:

tasarım güzel ama menü solda olsa daha çok iş görür
Mesaj10.09.2009, 10:58 (UTC)    
Mesaj konusu:

Fazla güzel olmamış başlık resmi yan menü
Mesaj10.09.2009, 10:59 (UTC)    
Mesaj konusu: hakan-fan

Bence çok hoş bir tasarım olmus.Sevket bs tasarımcısı dıye bosuna demıyoruz. : Smile
______________
twitter.com/hakan_ozdemirr
Mesaj10.09.2009, 11:03 (UTC)    
Mesaj konusu:

Very Happy Very Happy Very Happy SAol tesekkürler
______________
Mesaj10.09.2009, 11:17 (UTC)    
Mesaj konusu:

arkadaşlar bakıp geçmeyin yorum yapın lütfen...!!!
______________
Mesaj10.09.2009, 12:41 (UTC)    
Mesaj konusu:

önizlemesi açılmıyoı
______________
arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin...
Mesaj10.09.2009, 12:51 (UTC)    
Mesaj konusu:

bazen oluyor öyle buyrun url sini verim


http://img263.yukle.tc/images/5401onizleme.png
______________
Mesaj10.09.2009, 12:57 (UTC)    
Mesaj konusu:

link ölü

Sunucu bulunamadı

* Adres yanlış yazılmış olabilir.

* Hiçbir sayfayı açmayı başaramıyorsanız bilgisayarınızın ağ bağlantılarını gözden geçirin ve internete bağlı olduğunuzdan emin olun.

* Bilgisayarınız ya da ağınız güvenlik duvarı ya da vekil sunucu tarafından korunuyorsa, Firefox uygulamasına internete erişmek için gerekli izinlerin verilmiş olduğundan emin olun.
______________
arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin...
Mesaj10.09.2009, 17:09 (UTC)    
Mesaj konusu:

sende bir sorun olabalir .
______________
Önceki mesajları göster:   


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