Yazar |
Mesaj |
-
design-negro
Acemi Üye
|
10.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 ______________ |
|
↑
|
|
|
-
myasam
Acemi Üye
|
10.09.2009, 10:58 (UTC) Mesaj konusu: |
|
|
tasarım güzel ama menü solda olsa daha çok iş görür |
|
↑
|
|
|
-
msn-cocuk
Acemi Üye
|
10.09.2009, 10:58 (UTC) Mesaj konusu: |
|
|
Fazla güzel olmamış başlık resmi yan menü |
|
↑
|
|
|
-
hakan-fan
Bedava-Sitem Bağımlısı
|
10.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. : ______________ twitter.com/hakan_ozdemirr |
|
↑
|
|
|
-
design-negro
Acemi Üye
|
10.09.2009, 11:03 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
design-negro
Acemi Üye
|
10.09.2009, 11:17 (UTC) Mesaj konusu: |
|
|
arkadaşlar bakıp geçmeyin yorum yapın lütfen...!!! ______________ |
|
↑
|
|
|
-
cengizhanayaz
Bedava-Sitem Bağımlısı
|
10.09.2009, 12:41 (UTC) Mesaj konusu: |
|
|
önizlemesi açılmıyoı ______________ arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin... |
|
↑
|
|
|
-
design-negro
Acemi Üye
|
|
↑
|
|
|
-
cengizhanayaz
Bedava-Sitem Bağımlısı
|
10.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... |
|
↑
|
|
|
-
design-negro
Acemi Üye
|
10.09.2009, 17:09 (UTC) Mesaj konusu: |
|
|
sende bir sorun olabalir . ______________ |
|
↑
|
|
|
|