Forum'da ara:
Ara


Yazar Mesaj
Mesaj15.06.2009, 11:58 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
aL grafikleri düzenle güzel bir tasarım olur işte.



Tasarım üstü

Kod:
<div id="tasarim">
<div id="baslik"><br/><br/>Üst Menü</div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><div class="arrowlistmenu">

<h3 class="headerbar">Ana Menü</h3>
<ul>
<li><a href="/Ana-Sayfa.htm">Ana Sayfa</a></li>
<li><a href="/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="/destek.htm">Destekleyin</a></li>
<li><a href="/Site-Haritas%26%23305%3B.htm">Site Haritası</a></li>
<li><a href="/Hit-Art%26%23305%3Brma.htm">Hit Artırma Yolları</a></li>
<li><a href="/haftan%26%23305%3Bn-program%26%23305%3B.htm">Haftanın Programı</a></li>
<li><a href="/oyun.htm">Biraz Eğlenin</a></li>
</ul>

<h3 class="headerbar">Tasarımlar</h3>
<ul>
<li><a href="/Tasar%26%23305%3Bm-a.htm">Tasarım 1</a></li>
<li><a href="/Tasar%26%23305%3Bm-b.htm">Tasarım 2</a></li>
<li><a href="/Tasar%26%23305%3Bm-c.htm">Tasarım 3</a></li>
<li><a href="/Tasar%26%23305%3Bm-d.htm/">Tasarım 4</a></li>
<li><a href="/tasar%26%23305%3Bm-h.htm">Tasarım 5</a></li>
<li><a href="/Tasar%26%23305%3Bm-%26%23305%3B.htm">Tasarım 6</a></li>
<li><a href="/Tasar%26%23305%3Bm-e.htm">Tasarım 7</a></li>
<li><a href="/Tasar%26%23305%3Bm-i.htm">Tasarım 8</a></li>
<li><a href="/Tasar%26%23305%3Bm-6.htm">Tasarım 9</a></li>
<li><a href="/Tasar%26%23305%3Bm-8.htm">Tasarım 10</a></li>
<li><a href="/Tasar%26%23305%3Bm-9.htm">Tasarım 11</a></li>
</ul>

<h3 class="headerbar">İcon Arşivi</h3>
<ul>
<li><a href="/%26%23304%3Bcon-Ar%26%23351%3Bivi.htm">İcon Arşivi 1</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-2.htm">İcon Arşivi 2</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-3.htm">İcon Arşivi 3</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-4.htm">İcon Arşivi 4</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-5.htm">İcon Arşivi 5</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-6.htm">İcon Arşivi 6</a></li>
<li><a href="/icon-ar%26%23351%3Bivi-7.htm">İcon Arşivi 7</a></li>
<li><a href="/%26%23304%3Bcon-Ar%26%23351%3Bivi-8.htm">İcon Arşivi 8</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-9.htm">İcon Arşivi 9</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-10.htm">İcon Arşivi 10</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-11.htm">İcon Arşivi 11</a></li>
</ul>

<h3 class="headerbar">HTML Kodları</h3>
<ul>
<li><a href="/htmlarsivi.htm">HTML Arşivi</a></li>
<li><a href="/HTLM-Kodlar.htm?PHPSESSID=2e1703ae8c34655dd9748c641e572fbd">İçerik Kodları</a></li>
</ul>

<h3 class="headerbar">HTML Kodları</h3>
<ul>
<li><a href="/htmlarsivi.htm">Kodlar ve Resimli An.</a></li>
<li><a href="/guzel-bir-sayac.htm">Sitemizdeki Sayaç Kodu</a></li>
<li><a href="/eski-tasarim.htm">Sitemizin Eski Tasarımı</a></li>
</ul>

</div>


<br/><a href="http://fakedesign.tr.gg"><img border="0" src="http://paylaskiresim.com/8363/xpyt1git2p.gif" alt="http://paylaskiresim.com/8363/xpyt1git2p.gif" /></a>
</div>
<div class="sagsutun">



Tasarım Altı

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

<body Link="#000000" VLink="#000000">



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

* {padding: 0; margin:0 }

body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/h/hackerfriend4/arkaplan.jpg) top center fixed;
}

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


#baslik{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/h/hackerfriend4/header.png);
width: 1000px;
height: 20px;
float: left;
text-align: center;
padding: 180px 0 0 0;
font-size: 20px;
color: #ff0000;
font-family: Verdana, arial;
}



#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_01.gif);
width: 1000px;
height: 197px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_02.gif);
width: 1000px;
height: 100%;
float: left;
}

.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}

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


#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_03.gif);
width: 1000px;
height: 196px;
float: left;
}


<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://paylaskiresim.com/8363/hlcvrb6li6.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: #428ACE;
background: url() 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: #428ACE;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #2D80CE;
background-color: #F3F3F3;
}

</style>

______________
↑
Mesaj15.06.2009, 11:59 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
sol-kapali yazmış:
aL grafikleri düzenle güzel bir tasarım olur işte.



Tasarım üstü

Kod:
<div id="tasarim">
<div id="baslik"><br/><br/>Üst Menü</div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><div class="arrowlistmenu">

<h3 class="headerbar">Ana Menü</h3>
<ul>
<li><a href="/Ana-Sayfa.htm">Ana Sayfa</a></li>
<li><a href="/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="/destek.htm">Destekleyin</a></li>
<li><a href="/Site-Haritas%26%23305%3B.htm">Site Haritası</a></li>
<li><a href="/Hit-Art%26%23305%3Brma.htm">Hit Artırma Yolları</a></li>
<li><a href="/haftan%26%23305%3Bn-program%26%23305%3B.htm">Haftanın Programı</a></li>
<li><a href="/oyun.htm">Biraz Eğlenin</a></li>
</ul>

<h3 class="headerbar">Tasarımlar</h3>
<ul>
<li><a href="/Tasar%26%23305%3Bm-a.htm">Tasarım 1</a></li>
<li><a href="/Tasar%26%23305%3Bm-b.htm">Tasarım 2</a></li>
<li><a href="/Tasar%26%23305%3Bm-c.htm">Tasarım 3</a></li>
<li><a href="/Tasar%26%23305%3Bm-d.htm/">Tasarım 4</a></li>
<li><a href="/tasar%26%23305%3Bm-h.htm">Tasarım 5</a></li>
<li><a href="/Tasar%26%23305%3Bm-%26%23305%3B.htm">Tasarım 6</a></li>
<li><a href="/Tasar%26%23305%3Bm-e.htm">Tasarım 7</a></li>
<li><a href="/Tasar%26%23305%3Bm-i.htm">Tasarım 8</a></li>
<li><a href="/Tasar%26%23305%3Bm-6.htm">Tasarım 9</a></li>
<li><a href="/Tasar%26%23305%3Bm-8.htm">Tasarım 10</a></li>
<li><a href="/Tasar%26%23305%3Bm-9.htm">Tasarım 11</a></li>
</ul>

<h3 class="headerbar">İcon Arşivi</h3>
<ul>
<li><a href="/%26%23304%3Bcon-Ar%26%23351%3Bivi.htm">İcon Arşivi 1</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-2.htm">İcon Arşivi 2</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-3.htm">İcon Arşivi 3</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-4.htm">İcon Arşivi 4</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-5.htm">İcon Arşivi 5</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-6.htm">İcon Arşivi 6</a></li>
<li><a href="/icon-ar%26%23351%3Bivi-7.htm">İcon Arşivi 7</a></li>
<li><a href="/%26%23304%3Bcon-Ar%26%23351%3Bivi-8.htm">İcon Arşivi 8</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-9.htm">İcon Arşivi 9</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-10.htm">İcon Arşivi 10</a></li>
<li><a href="/%26%23304%3Bcon-ar%26%23351%3Bivi-11.htm">İcon Arşivi 11</a></li>
</ul>

<h3 class="headerbar">HTML Kodları</h3>
<ul>
<li><a href="/htmlarsivi.htm">HTML Arşivi</a></li>
<li><a href="/HTLM-Kodlar.htm?PHPSESSID=2e1703ae8c34655dd9748c641e572fbd">İçerik Kodları</a></li>
</ul>

<h3 class="headerbar">HTML Kodları</h3>
<ul>
<li><a href="/htmlarsivi.htm">Kodlar ve Resimli An.</a></li>
<li><a href="/guzel-bir-sayac.htm">Sitemizdeki Sayaç Kodu</a></li>
<li><a href="/eski-tasarim.htm">Sitemizin Eski Tasarımı</a></li>
</ul>

</div>


<br/><a href="http://fakedesign.tr.gg"><img border="0" src="http://paylaskiresim.com/8363/xpyt1git2p.gif" alt="http://paylaskiresim.com/8363/xpyt1git2p.gif" /></a>
</div>
<div class="sagsutun">



Tasarım Altı

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

<body Link="#000000" VLink="#000000">



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

* {padding: 0; margin:0 }

body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/h/hackerfriend4/arkaplan.jpg) top center fixed;
}

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


#baslik{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/h/hackerfriend4/header.png);
width: 1000px;
height: 20px;
float: left;
text-align: center;
padding: 180px 0 0 0;
font-size: 20px;
color: #ff0000;
font-family: Verdana, arial;
}



#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_01.gif);
width: 1000px;
height: 197px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_02.gif);
width: 1000px;
height: 100%;
float: left;
}

.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}

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


#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/x/xxxkod/5454gh54gh4_03.gif);
width: 1000px;
height: 196px;
float: left;
}


<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://paylaskiresim.com/8363/hlcvrb6li6.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: #428ACE;
background: url() 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: #428ACE;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #2D80CE;
background-color: #F3F3F3;
}

</style>



işte bu çok saol fakedesign
______________
↑
Mesaj15.06.2009, 12:00 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
önemli değil.
↑
Mesaj15.06.2009, 12:02 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
fakedesign yazmış:
önemli değil.


bu tasarımda güzel bir menü yeri baslık yeri copyright resmi koyarım güzel olur..
↑
Önceki mesajları göster:   
  • 4. sayfa (Toplam 4 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.