| Yazar |
Mesaj |
-
bilgiliwebnet
Uzman Üye
|
 03.08.2010, 14:45 (UTC)
Mesaj konusu: İce blue,red,butterfly,css Tasarım Paylaşımları.. |
|
|
IceBlue, Red ve Butterfly Tasarım Kodlarını ;
Sitene Giriş // Tasarım Ayarları // Gelişmiş Ayarlar // Tasarımın Üzerindeki Yazı Adlı Kutucuğa Yerleştirin ve Kaydedin..
Css Tasarımlar İçin ; Css Tasarım Paylaşımı Yapan Arkadaşlar Zaten Kodu Nereye Ekleyeceğinizi Belirtiyorlar... 
Önceki Tasarım Paylaşımlarını Görmek için ;
 http://www.bedava-sitem.com/forum/viewtopic.php?t=25697&highlight=
iyi Eğlenceler.
En son bilgiliwebnet tarafından 18.09.2012 17:20:52 tarihinde değiştirildi, toplam 2 kere değiştirildi
|
|
|
↑
|
|
 |
-
bilgiliwebnet
Uzman Üye
|
|
|
↑
|
|
|
-
anadolulular
Uzman Üye
Konum: Bochum/Konya
|
06.08.2010, 09:39 (UTC)
Mesaj konusu: |
|
|
icebluecss yazmış: e baştan nie gerekli uyarınızı yapmadınız benide uğraştırdınız böyle !
Tasarım paylaşımlarınızın Örnek görüntüsü Olmadan tasarım paylaşmayınız..
Bunu bastan söylemeye gerek yok bencede.Cünkü bu diger baslikta belirtilmisti.Ayrica bu normal birsey kimse tasarimi görmeden denemez.
Tasarım kodlarını Code Kutucuğu altında Paylaşınız..
Bu yillardir heryerde belirtiliyor forumda yeni cikan birsey degil.Yillardir Code butonuna basmayip Kod eklenmez deniliyor.
Tasarım paylaşımı yaparken flood yapmayınız..
Flood heryerde yasaktir ve bu baslik icinde gecerlidir. |
|
|
↑
|
|
|
-
kucuksirlar-izle
Acemi Üye
|
06.08.2010, 10:20 (UTC)
Mesaj konusu: Css Tasarım - Küçük Sırlar.. |
|
|
Tasarım üstü: Kod: <body link="#FFFF00" vlink="#FFFF00" alink="#FFFF00"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://img.webme.com/pic/k/kucuksirlar-izle/untitled-1_01.png" width="900" height="177"></td>
</tr>
<tr>
<td height="275" valign="top" class="orta"><table width="900" height="265" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="26"> </td>
<td width="162" valign="top">Linkler Buraya</td>
<td width="19"> </td>
<td width="492" valign="top"> <div id="content">
Tasarım Altı: Kod: </div>
</td>
<td width="21"> </td>
<td width="164" valign="top">Menu 2 Linkleri</td>
<td width="16"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="165" class="alt"> </td>
</tr>
</table>
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;}
extraDiv1{display: none;}
extraDiv2{display: none;}
extraDiv3{display: none;}
extraDiv4{display: none;}
extraDiv5{display: none;}
extraDiv6{display: none;}
.alt {
background-image: url(http://img.webme.com/pic/k/kucuksirlar-izle/untitled-1_03.png);
}
.orta {
background-image: url(http://img.webme.com/pic/k/kucuksirlar-izle/untitled-1_02.png);
}
body,td,th {
font-family: "Comic Sans MS", cursive;
font-size: 14px;
color: #FFF;
}
body {
background-color: #903;
}
a {
font-family: "Comic Sans MS", cursive;
font-size: 14px;
}
.icon {
list-style-image: url(http://hitskin.com/themes/15/26/18/i_icon_minipost.gif);
list-style-type: none;
}
/* ** allowed ** Crypted with http://wwebw.tr.gg {wwebw.tr.gg|wwebw.tr.gg} */img[src="http://smilies.webme.com/smiles/wink.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/003.gif);background-repeat:no-repeat;height:0px;width:0px;padding:16px;}img[src="http://smilies.webme.com/smiles/smiley.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/001.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/cheesy.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/002.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/angry.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/013.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/sad.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/011.gif);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/shocked.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/012.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/cool.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/006.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/huh.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/021.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/rolleyes.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/009.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/tongue.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/007.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/undecided.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/008.png);background-repeat:no-repeat;height:0px;width:0px;padding:16px;} img[src="http://smilies.webme.com/smiles/cry.gif"] { background-image:url(https://secure.shared.live.com/_D/F$Live.SiteContent.Messenger/4.0.54184/resources/images/emoticons/016.png);;background-repeat:no-repeat;height:0px;width:0px;padding:16px;}
.kisim-top {
width:55px;
height:24px;
margin-bottom:6px;
background:url(http://img.webme.com/pic/k/kucuksirlar-izle/kisimbar.gif) left top no-repeat;
padding-left:7px;
float:left;
}
.kisim-selected {
width:55px;
height:24px;
margin-bottom:6px;
background:url(http://img.webme.com/pic/k/kucuksirlar-izle/kisimbarcurrent.gif) left top no-repeat;
padding-left:7px;
float:left;
} |
|
|
↑
|
|
|
-
cupacup
Bedava-Sitem Bağımlısı
|
06.08.2010, 10:39 (UTC)
Mesaj konusu: Cupacup Tasarım! |
|
|
Cupacup CSS Tasarım-1
Tasarımın Üzerine:
Kod: <table width="81" height="136" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="100" align="left" valign="top" background="http://s10.directupload.net/images/100801/xcszdt4d.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="33"> </td> </tr> <tr> <td width="21" height="19"> </td> </tr> </table></td> </tr> </table> <table width="879" height="148" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="879" align="left" valign="top" background="http://s1.directupload.net/images/100801/ylzvgtzk.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="148"> </td> <td width="201" align="left" valign="top"> <div class="arrowlistmenu"> <h3 class="headerbar">Baslik 1</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 1</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 2</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 3</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 4</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 5</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 6</a></li> </ul> <h3 class="headerbar">Baslik 2</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 7</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 8</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 9</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 10</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 11</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 12</a></li> </ul></td> <td width="19"> </td> <td width="609" align="left" valign="top"><div id="content">
Tasarımın Altına:
Kod: </div> </td> <td width="23"> </td> </tr> </table></td> </tr> </table> <table width="81" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="881" height="95" align="left" valign="top" background="http://s10.directupload.net/images/100801/yic286jn.png"><table width="880" height="68" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="23" height="68"> <p> </p></td> </tr> </table></td> </tr> </table> <p> </p>
CSS Kod Bölümüne:
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;} table {margin-left: auto;margin-right: auto} body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/backgrounds/70.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } <style type="text/css"> .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 13px Arial; color: white; background: black url(http://img.webme.com/pic/l/lifelist/kirmizi-menubar.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: #666666; background: url(http://img.webme.com/pic/l/lifelist/arrow_menu.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: normal; border-bottom: 1px solid #dadada; font-size: 85%; } .arrowlistmenu ul li a:visited{ color: #666666; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8F8F8F; background-color: #F3F3F3; } ______________ 
Tekrardan Döndüm! Artık Hep Onlineyim : )
Domainimizi Değiştik Sonunda : ) www.cupacup.tr.gg |
|
|
↑
|
|
|
-
cupacup
Bedava-Sitem Bağımlısı
|
06.08.2010, 10:43 (UTC)
Mesaj konusu: Cupacup Tasarım! |
|
|
Cupacup CSS Tasarım-2
Tasarımın Üzerine!
Kod: <div id="tasarim"> <div id="ust"> <div class="logo"> </div> <div class="reklamalani"> <a target="_blank" href="http://cupacup.tr.gg/" _fcksavedurl="http://cupacup.tr.gg/" _fcksavedurl="http://cupacup.tr.gg/" _fcksavedurl="http://cupacup.tr.gg/"><img border="0" alt="" src="http://s3.directupload.net/images/100722/7niy885e.png" _fcksavedurl="http://s3.directupload.net/images/100722/7niy885e.png" _fcksavedurl="http://s3.directupload.net/images/100722/7niy885e.png" _fcksavedurl="http://s3.directupload.net/images/100722/7niy885e.png" /></a> </div> <div class="ustmenuosman"> <strong><marquee>Sitemize Hoşgeldiniz Umarım Güzel Vakit Geçirirsiniz! - Sitemizin Tasarımı Değişmiştir Hayırlı Uğurlu Olsun!</marquee><strong> </div></div> <div id="orta"> <div class="menuosman"> <style type="text/css"> .urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #0099ff url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #ffffff; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: gray; } </style> <div class="urbangreymenu"> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://esintinet.tr.gg" _fcksavedurl="http://esintinet.tr.gg" _fcksavedurl="http://esintinet.tr.gg" _fcksavedurl="http://esintinet.tr.gg">Ana Sayfa</a></li> <li><a href="http://esintinet.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm">Z.Defteri</a></li> <li><a href="http://esintinet.tr.gg/Top-liste.htm" _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm" _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm" _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li> <li><a href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm" _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm" _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm" _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">İletişim</a></li> <li><a href="http://esintinet.tr.gg/Forum/index.htm" _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm" _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm" _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li> <li><a href="http://esintinet.ourtoolbar.com/" _fcksavedurl="http://esintinet.ourtoolbar.com/" _fcksavedurl="http://esintinet.ourtoolbar.com/" _fcksavedurl="http://esintinet.ourtoolbar.com/">ToolBarımız</a></li> <li><a href="http://esintinet.tr.gg/Destek-Ol.htm" _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm" _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm" _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://esintinet.tr.gg/Hakkimda.htm" _fcksavedurl="http://esintinet.tr.gg/Hakkimda.htm" _fcksavedurl="http://esintinet.tr.gg/Hakkimda.htm" _fcksavedurl="http://esintinet.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a href="http://esintinet.tr.gg/Anketler.htm" _fcksavedurl="http://esintinet.tr.gg/Anketler.htm" _fcksavedurl="http://esintinet.tr.gg/Anketler.htm" _fcksavedurl="http://esintinet.tr.gg/Anketler.htm">Anketler</a></li> </ul> <h3 class="headerbar">Siten İçin</h3> <ul> <li><a href="http://esintinet.tr.gg/Tasarimlar.htm" _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm" _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm" _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm">Tasarımlar</a></li> <li><a href="http://esintinet.tr.gg/HTML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm">Html Kodlar</a></li> <li><a href="http://esintinet.tr.gg/ikon-Arsivi.htm" _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm" _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm" _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm">İkon Arşivi</a></li> <li><a href="http://esintinet.tr.gg/Modifiye-Site.htm" _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm" _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm" _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm">Modifiye Siteler</a></li> <li><a href="http://esintinet.tr.gg/Reklam-Bannerleri.htm" _fcksavedurl="http://esintinet.tr.gg/Reklam-Bannerleri.htm" _fcksavedurl="http://esintinet.tr.gg/Reklam-Bannerleri.htm" _fcksavedurl="http://esintinet.tr.gg/Reklam-Bannerleri.htm">Reklam Bannerleri</a></li> <li><a href="http://esintinet.tr.gg/Arkaplan-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/Arkaplan-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/Arkaplan-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/Arkaplan-Kodlari.htm">ArkaPlan Kodları</a></li> <li><a href="http://esintinet.tr.gg/Userbarlar.htm" _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm" _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm" _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm">Usebarlar</a></li> <li><a href="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm" _fcksavedurl="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm" _fcksavedurl="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm" _fcksavedurl="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm">Yeni Kodlar</a></li> </ul> <h3 class="headerbar">Bİzİm Oda</h3> <ul> <li><a href="http://esintinet.tr.gg/Astroloji.htm" _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm" _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm" _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm">Astroloji</a></li> <li><a href="http://esintinet.tr.gg/Ataturk-Kosesi.htm" _fcksavedurl="http://esintinet.tr.gg/Ataturk-Kosesi.htm" _fcksavedurl="http://esintinet.tr.gg/Ataturk-Kosesi.htm" _fcksavedurl="http://esintinet.tr.gg/Ataturk-Kosesi.htm">Atatürk Koşesi</a></li> <li><a href="http://esintinet.tr.gg/Biyografiler.htm" _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm" _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm" _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm">Ünlülerin Biyografileri</a></li> <li><a href="http://esintinet.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm">Güzel Sözler</a></li> <li><a href="http://esintinet.tr.gg/Komik-Diyaloglar.htm" _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm" _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm" _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm">Komik Diyaloglar</a></li> <li><a href="http://esintinet.tr.gg/Oyun-Resimleri.htm" _fcksavedurl="http://esintinet.tr.gg/Oyun-Resimleri.htm" _fcksavedurl="http://esintinet.tr.gg/Oyun-Resimleri.htm" _fcksavedurl="http://esintinet.tr.gg/Oyun-Resimleri.htm">Oyun Resimleri</a></li> <li><a href="http://esintinet.tr.gg/Cevabi-Olmayan-Sorular.htm" _fcksavedurl="http://esintinet.tr.gg/Cevabi-Olmayan-Sorular.htm" _fcksavedurl="http://esintinet.tr.gg/Cevabi-Olmayan-Sorular.htm" _fcksavedurl="http://esintinet.tr.gg/Cevabi-Olmayan-Sorular.htm">Cevabı Olmayan Sorular</a></li> <li><a href="http://esintinet.tr.gg/Haberler.htm" _fcksavedurl="http://esintinet.tr.gg/Haberler.htm" _fcksavedurl="http://esintinet.tr.gg/Haberler.htm" _fcksavedurl="http://esintinet.tr.gg/Haberler.htm">Son Dakika Haberler</a></li> </ul> <h3 class="headerbar">Saglık</h3> <ul> <li><a href="http://esintinet.tr.gg/Domuz-Gribi.htm" _fcksavedurl="http://esintinet.tr.gg/Domuz-Gribi.htm" _fcksavedurl="http://esintinet.tr.gg/Domuz-Gribi.htm" _fcksavedurl="http://esintinet.tr.gg/Domuz-Gribi.htm">Grip</a></li> <li><a href="http://esintinet.tr.gg/AIDS.htm" _fcksavedurl="http://esintinet.tr.gg/AIDS.htm" _fcksavedurl="http://esintinet.tr.gg/AIDS.htm" _fcksavedurl="http://esintinet.tr.gg/AIDS.htm">AIDS</a></li> <li><a href="http://esintinet.tr.gg/Kanser.htm" _fcksavedurl="http://esintinet.tr.gg/Kanser.htm" _fcksavedurl="http://esintinet.tr.gg/Kanser.htm" _fcksavedurl="http://esintinet.tr.gg/Kanser.htm">Kanser</a></li> <li><a href="http://esintinet.tr.gg/Menopoz.htm" _fcksavedurl="http://esintinet.tr.gg/Menopoz.htm" _fcksavedurl="http://esintinet.tr.gg/Menopoz.htm" _fcksavedurl="http://esintinet.tr.gg/Menopoz.htm">Menopoz</a></li> </ul> <h3 class="headerbar">Messenger</h3> <ul> <li><a href="http://esintinet.tr.gg/Msn-Nedir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nedir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nedir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nedir.htm">Msn Nedir</a></li> <li><a href="http://esintinet.tr.gg/Msn-Nickleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nickleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nickleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Nickleri.htm">Msn Nickleri</a></li> <li><a href="http://esintinet.tr.gg/Msn-Arka-Planlari.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Arka-Planlari.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Arka-Planlari.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Arka-Planlari.htm">Msn Arkaplanları</a></li> <li><a href="http://esintinet.tr.gg/Msn-2009-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-2009-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-2009-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-2009-indir.htm">Msn İndir</a></li> <li><a href="http://esintinet.tr.gg/Msn-Plus-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Plus-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Plus-indir.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-Plus-indir.htm">Msn Plus İndir</a></li> <li><a href="http://esintinet.tr.gg/Msn-ifadeleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-ifadeleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-ifadeleri.htm" _fcksavedurl="http://esintinet.tr.gg/Msn-ifadeleri.htm">Msn İfadeleri</a></li> <li><a href="http://esintinet.tr.gg/Oturum-Ac.htm" _fcksavedurl="http://esintinet.tr.gg/Oturum-Ac.htm" _fcksavedurl="http://esintinet.tr.gg/Oturum-Ac.htm" _fcksavedurl="http://esintinet.tr.gg/Oturum-Ac.htm">Msn Oturum Aç</a></li> </ul> <h3 class="headerbar">İslamİyet</h3> <ul> <li><a href="http://esintinet.tr.gg/Dinimiz.htm" _fcksavedurl="http://esintinet.tr.gg/Dinimiz.htm" _fcksavedurl="http://esintinet.tr.gg/Dinimiz.htm" _fcksavedurl="http://esintinet.tr.gg/Dinimiz.htm">Dinimiz</a></li> <li><a href="http://esintinet.tr.gg/Dini-Bilgi.htm" _fcksavedurl="http://esintinet.tr.gg/Dini-Bilgi.htm" _fcksavedurl="http://esintinet.tr.gg/Dini-Bilgi.htm" _fcksavedurl="http://esintinet.tr.gg/Dini-Bilgi.htm">Dini Bilgiler</a></li> </ul> <h3 class="headerbar">Dost Sİteler</h3> <ul> <li><a target="_blank" href="http://www.esintinet.tr.gg" _fcksavedurl="http://www.esintinet.tr.gg" _fcksavedurl="http://www.esintinet.tr.gg" _fcksavedurl="http://www.esintinet.tr.gg">EsintiNeT</a></li> <li><a target="_blank" href="http://akesintierkan.tr.gg" _fcksavedurl="http://akesintierkan.tr.gg" _fcksavedurl="http://akesintierkan.tr.gg" _fcksavedurl="http://akesintierkan.tr.gg">AkesintiErkan</a></li> <li><a target="_blank" href="http://teknomertcom.tr.gg" _fcksavedurl="http://teknomertcom.tr.gg" _fcksavedurl="http://teknomertcom.tr.gg" _fcksavedurl="http://teknomertcom.tr.gg">TeknoMertCom</a></li> <li><a target="_blank" href="http://patmlcom.tr.gg" _fcksavedurl="http://patmlcom.tr.gg" _fcksavedurl="http://patmlcom.tr.gg" _fcksavedurl="http://patmlcom.tr.gg">PatmlCom</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> </ul> </div> </div> <div class="icerikosman">
Tasarımın Altına!
Kod: </div> </div> <div id="alt"> <div id="footer"><p class="altreklam"> <br> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="90"> <param name="movie" value="http://www.kanver.org/banner/728x90.swf" /> <param name="quality" value="high" /> <embed src="http://www.kanver.org/banner/728x90.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="90"></embed></object> </div></div></div></div>
CSS Kod Bölümüne!
Kod: iframe{border:solid 4px #CE0029;} table {margin-left: auto;margin-right: auto} 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/15.gif) top center fixed; } #tasarim{ width: 900px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://s10.directupload.net/images/100723/6q449k2r.png); width: 900px; height: 175px; float: left; } .logo { } .reklamalani { width:468px; height:70px; padding: 33px 0 0 395px; float: left; overflow: hidden; } .ustmenuosman { width:750px; height:20px; padding: 30px 0 0 146px; float: left; font-size: 15px; color: #000000; font-family: century gothic; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url(http://s7.directupload.net/images/100723/zi6j23fv.png); width: 900px; height: 100%; float: left; } .menuosman{ width:195px; float: left; padding: 0 0 0 25px; overflow: hidden; } .icerikosman { width:640px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; } .altreklam{ float: left; width:470px; height:70px; padding: 6px 0 0 39px;} #alt{ margin-left: auto; margin-right: auto; background: url(http://s10.directupload.net/images/100723/eq7djh36.png); width: 900px; height: 125px; float: left; } input { padding: 2px; margin-right: 1px; background-image: url(http://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #CA143C; font-Arial ; font-size:13px; } input:hover{ padding: 2px; margin-right: 1px; background-image: url(http://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } textarea { padding: 2px; margin-right: 1px; background-image: url(http://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #FF0000; font-Arial; font-size:13px; } textarea:hover { padding: 2px; margin-right: 1px; background-image: url(); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } a:link, a:visited { color: #000000; text-decoration: none; font-weight: ; } a:hover { text-decoration: none; color: gray; } ::-moz-selection { background:#arkaplanrengi; color:#FF0000; } ______________
Tekrardan Döndüm! Artık Hep Onlineyim : )
Domainimizi Değiştik Sonunda : ) www.cupacup.tr.gg |
|
|
↑
|
|
|
-
cupacup
Bedava-Sitem Bağımlısı
|
06.08.2010, 10:47 (UTC)
Mesaj konusu: Cupacup Tasarım! |
|
|
Cupacup CSS Tasarım-3
Tasarımın Üzerine!
Kod: </div> <div id="header"><table width="881" height="157" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="157" align="left" valign="top" background="http://s5.directupload.net/images/100801/lva7x3c8.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="389" height="50"> </td> <td width="468"> </td> <td width="28"> </td> </tr> <tr> <td height="60"> </td> <td align="center">Reklam!</td> <td> </td> </tr> </table></td> </tr> </table> <table width="879" height="361" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="879" height="361" align="left" valign="top" background="http://s3.directupload.net/images/100801/3xzoxyrk.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="36" height="361"> </td> <td width="217" align="left" valign="top"><img src="http://s3.directupload.net/images/100709/kxo47bku.png" width="200" height="40" alt="Kategoriler" /><div class="markermenu"> <ul> <li><a href="http://cupacup.tr.gg/CupaCup_K%26%23305%3Bz.htm" >Kız Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Komik.htm" >Komik Oyunlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Spor.htm" >Spor Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_%C7ocuk.htm" >Çocuk Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Macera.htm" >Macera Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Yar%26%23305%3B%26%23351%3B.htm" >Yarış Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Zeka.htm" >Zeka Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_%26%23304%3Bki-Ki%26%23351%3Bilik-Oyunlar.htm" >İki Kişilik Oyunlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_D.oe.v.ue.%26%23351%3B.htm" >Dövüş Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Beceri.htm" >Beceri Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Makyaj.htm" >Makyaj Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Boyama.htm" >Boyama Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_%C7eviklik.htm">Çeviklik Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_%C7izgi-Film.htm">Çizgi Film Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_E%26%23287%3Bitici.htm">Eğitici Oyunlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Giysi.htm">Giysi Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Klasik.htm">Klasik Oyunlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Animasyonlar.htm">Animasyonlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Sava%26%23351%3B.htm">Strateji Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Sue.htm">Sue Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_%26%23350%3Bans.htm">Şans Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Yemek.htm">Yemek Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Kuaf.oe.r.htm">Kuaför Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Oda.htm">Dekorasyon Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_3-Boyutlu.htm">3 Boyutlu Oyunlar</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Ben-10.htm">Ben 10 Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Bratz-.htm">Bratz Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Winx.htm">Winx Oyunları</a></li> <li><a href="http://cupacup.tr.gg/CupaCup_Araba.htm">Araba Oyunları</a></li> </ul> </div> <img src="http://s5.directupload.net/images/100715/7lcfjnil.png" width="200" height="40" alt="Yeni Haberler" /> <div class="markermenu"> <ul> <li><a href="http://cupacup.tr.gg/Yar%26%23305%3B%26%23351%3Bmaya-Kat%26%23305%3Blanlar-ar-.htm" >Yarışmaya Katılanlar!</a></li> <li><a href="http://cupacup.tr.gg/Yar%26%23305%3B%26%23351%3Bmaya-Kat%26%23305%3Bl-ar-.htm" >Yarışmaya Katıl!</a></li> <li><a href="http://cupacup.tr.gg/-Oe-d.ue.ller-ar-.htm">Ödüller!</a></li> <li><a href="http://cupacup.tr.gg/Yar%26%23305%3B%26%23351%3Bma-Hakk%26%23305%3Bnda-ar-.htm">Yarışma Hakkında!</a></li> <li><a href="http://cupacup.tr.gg/Oy-Ver-ar-.htm">Oy Ver!</a></li> <li><a href="http://cupacup.tr.gg/Yar%26%23305%3B%26%23351%3Bmay%26%23305%3B-Kazananlar-ar-.htm" style="border-bottom-width: 0">Yarışmayı Kazananlar!</a></li> </ul> </div> <td width="16"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></td> <td width="594" align="left" valign="top"><div id="content">
Tasarımın Altına!
Kod: </div> </td> <td width="17"> </td> </tr> </table></td> </tr> </table> <table width="881" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="881" height="93" align="left" valign="top" background="http://s3.directupload.net/images/100801/jjzayr5o.png"><table width="880" height="73" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="23" height="73"> <p> </p></td> </tr> </table></td> </tr> </table> <p> </p> <script type="text/javascript" src="http://siberkanq.googlepages.com/base.js"></script><a id="gotop" href="#" onclick="MGJS.goTop();return false;"><img style="right:10px; bottom:10px; position:fixed;" src="http://img.webme.com/pic/r/relaxis/yukari.png"/></a> <div style="text-align: center;"><a href="http://www.cupacup.tr.gg"><embed height="90" width="728" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://s3.directupload.net/images/100731/z5bo7d6q.swf" play="true" loop="true" menu="true" scale="noborder"></embed></a></div>
CSS Kod Bölümüne!
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;} table {margin-left: auto;margin-right: auto} body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/backgrounds/70.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } } .hata, .ikaz, .tamam, .bilgi { margin-bottom: 1.5em; padding: 1em 1.5em 1em 5.5em; border-bottom: 2px solid #fff; border-top: 2px solid #fff; color: #444 } .hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b } .hata a { color: #d12f19 } .ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 } .ikaz a { color: #817134 } .tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 } .tamam a { color: #529214 } .bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 } .bilgi a { color: #2d7ba2 } /* listeler */ .hata ul, .ikaz ul, .tamam ul, .bilgi ul { list-style: none; margin: 1.3em 1.5em } .hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em } .hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat } .ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat } .tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat } .bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat } <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .markermenu{ width: 170px; /*width of menu*/ } .markermenu ul{ list-style-type: none; margin: 5px 0; padding: 0; border: 1px solid #9A9A9A; } .markermenu ul li a{ background: white url(http://www.dynamicdrive.com/cssexamples/media/arrow-list.gif) no-repeat 2px center; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #00014e; display: block; width: auto; padding: 3px 0; padding-left: 20px; text-decoration: none; border-bottom: 1px solid #B5B5B5; } * html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 150px; } .markermenu ul li a:visited, .markermenu ul li a:active{ color: #00014e; } .markermenu ul li a:hover{ color: black; background-color: #ffffcb; background-image:url(http://www.dynamicdrive.com/cssexamples/media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/ } /* Holly Hack for IE */ * html .markermenu ul li { height: 1%; } * html .markermenu ul li a { height: 1%; } /* End */ </style> ______________
Tekrardan Döndüm! Artık Hep Onlineyim : )
Domainimizi Değiştik Sonunda : ) www.cupacup.tr.gg |
|
|
↑
|
|
|
-
cupacup
Bedava-Sitem Bağımlısı
|
06.08.2010, 10:50 (UTC)
Mesaj konusu: Cupacup Tasarım! |
|
|
 ü
Tasarımın Üzerine!
Kod: <table width="881" height="220" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top" background="http://s3.directupload.net/images/100728/q4lxpc78.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="33" colspan="5"> </td> </tr> <tr> <td width="21" height="75"> </td> <td width="324" align="center" valign="middle"> </td> <td width="16"> </td> <td width="489" align="center" valign="middle"> REKLAM ALANI </td> <td width="30"> </td> </tr> <tr> <td height="35" colspan="5"> </td> </tr> <tr> <td height="54" colspan="5" align="center" valign="middle"> UST MENU ( En Fazla 860x55 Pixel ) - www.cupacup.tr.gg </td> </tr> <tr> <td height="19" colspan="5"> </td> </tr> </table></td> </tr> </table> <table width="879" height="148" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="879" align="left" valign="top" background="http://s3.directupload.net/images/100728/n2e477xi.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="13" height="148"> </td> <td width="188" align="left" valign="top"> <div class="arrowlistmenu"> <h3 class="headerbar">Baslik 1</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 1</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 2</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 3</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 4</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 5</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 6</a></li> </ul> <h3 class="headerbar">Baslik 2</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 7</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 8</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 9</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 10</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 11</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 12</a></li> </ul> <h3 class="headerbar">Baslik 3</h3> <ul> Menu Alanı 3 - www.cupacup.tr.gg </ul> </td> <td width="31"> </td> <td width="633" align="left" valign="top"><div id="content">
Tasarımın Altına!
Kod: </div></td> <td width="15"> </td> </tr> </table></td> </tr> </table> <table width="881" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="881" height="133" align="left" valign="top" background="http://s1.directupload.net/images/100728/9hvvhpmp.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="23"> </td> <td width="835"> </td> <td width="22"> </td> </tr> <tr> <td height="26"> </td> <td> </td> <td> </td> </tr> <tr> <td height="64"> </td> <td align="left" valign="middle"> ALT ALAN - www.cupaup.tr.gg </td> <td> </td> </tr> </table></td> </tr> </table>
CSS Kod Bölümüne!
Kod: iframe{border:solid 4px #CE0029;} table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} 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;} table {margin-left: auto;margin-right: auto} body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background-image: url(ARKA PLAN URL); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } <style type="text/css"> /*Credits: LifeCity CSS Menu */ /*URL: http://www.lifecity.tr.gg*/ .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 13px Arial; color: white; background: black url(http://img.webme.com/pic/l/lifelist/kirmizi-menubar.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: #666666; background: url(http://img.webme.com/pic/l/lifelist/arrow_menu.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: normal; border-bottom: 1px solid #dadada; font-size: 85%; } .arrowlistmenu ul li a:visited{ color: #666666; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8F8F8F; background-color: #F3F3F3; }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/15.gif) top center fixed; } ______________
Tekrardan Döndüm! Artık Hep Onlineyim : )
Domainimizi Değiştik Sonunda : ) www.cupacup.tr.gg |
|
|
↑
|
|
|
-
ibrahmgun
Uzman Üye
|
07.08.2010, 18:00 (UTC)
Mesaj konusu: |
|
|
Resim biraz fazla büyük
http://cdn.templatemo.com/screenshots/templatemo_224_wedding_store.jpg
Tasarımı Limitsiz paylasim ayirmistir.
Tasarımın Üstüne
Kod: <script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<body>
<div id="templatemo_wrapper_outter">
<div id="templatemo_wrapper_inner">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com" target="_parent">
<img src="http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_logo.png" alt="CSS Templates" />
<span>free css templates</span>
</a></h1>
</div> <!-- end of site_title -->
</div> <!-- end of templatemo_header -->
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">CSS Templates</a></li>
<li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Files</a></li>
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_content_wrapper">
<div id="templatemo_sidebar_wrapper">
<div id="templatemo_sidebar_top"></div>
<div id="templatemo_sidebar">
<h2>Our Services</h2>
<ul class="categories_list">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus eget lorem</a></li>
<li><a href="#">Sed sit amet sem</a></li>
<li><a href="#">Cras eget est vel</a></li>
<li><a href="#">Quisque in ligula</a></li>
<li><a href="#">Donec a massa dui</a></li>
<li><a href="#">Aenean facilisis</a></li>
<li><a href="#">Etiam vitae consequat</a></li>
<li><a href="#">Aliquam sollicitudin</a></li>
<li><a href="#">Nunc fermentum</a></li>
</ul>
<div class="cleaner_h30"></div>
<h2>Newsletter</h2>
<form action="#" method="get">
<label>Please enter your email address to subscribe our newsletter.</label>
<input type="text" value="" name="username" size="10" id="input_field" title="usernmae" />
<input type="submit" name="login" value="Subscribe" alt="login" id="submit_btn" title="Login" />
</form>
<div class="cleaner_h10"></div>
</div>
<div id="templatemo_sidebar_bottom"></div>
</div>
<div id="templatemo_content">
Altına
Kod: </div>
<div class="cleaner"></div>
</div>
</div>
<div class="cleaner"></div>
</div> <!-- end of templatemo_content_wrapper -->
<div id="templatemo_footer">
<ul class="footer_menu">
<li><a href="#">Home</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">CSS Templates</a></li>
<li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Files</a></li>
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
<li><a href="#">Company</a></li>
<li class="last_menu"><a href="#">Contact</a></li>
</ul>
Copyright © 2048 <a href="#">Your Company Name</a> |
Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
</div> <!-- end of footer -->
</div> <!-- end of templatemo_wrapper_inner -->
</div> <!-- end of templatemo_wrapper_outter -->
</body>
</html>
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;}
/*
Credit: http://www.templatemo.com
*/
body {
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
background: #ffa7f4;
}
a:link, a:visited { color: #0099FF; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FF0066; text-decoration: underline; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.float_l {
float: left;
}
.float_r {
float: right;
}
.divider {
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/divider.jpg) repeat-x bottom;
}
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.margin_r40 { margin-right: 40px; }
.button_01 a {
display: block;
width: 80px;
height: 25px;
padding: 3px 22px 0 0;
color: #333;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_button.png) no-repeat;
}
.button_01 a:hover {
color: #333;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_button_hover.png) no-repeat;
}
h2 {
margin: 0 0 5px 0;
padding: 10px 0;
font-size: 24px;
font-weight: normal;
}
h3 {
margin: 0 ;
padding: 2px 0;
font-size: 18px;
font-weight: normal;
color: #000000;
}
#templatemo_wrapper_outter {
width: 100%;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_body.jpg) no-repeat center top;
}
#templatemo_wrapper_inner {
width: 990px;
padding: 0 5px;
margin: 0 auto;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_body.jpg) no-repeat center top;
}
/* header */
#templatemo_header {
width: 990px;
margin: 0 auto;
text-align: center;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatmeo_header.jpg) no-repeat center;
}
#templatemo_header #site_title {
padding-top: 90px;
width: 960px;
padding-left: 30px;
}
#templatemo_header #site_title h1 {
margin: 0;
padding: 0;
}
#templatemo_header #site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 30px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#templatemo_header #site_title h1 a:hover {
font-weight: bold;
text-decoration: none;
}
#templatemo_header #site_title h1 a span {
display: block;
margin-top: 15px;
font-size: 16px;
color: #cc3f7f;
font-weight: normal;
letter-spacing: 2px;
padding-top: 30px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_site_header_under.png) no-repeat top center;
}
/* end of header */
/* menu */
#templatemo_menu {
clear: both;
width: 990px;
height: 54px;
margin-top: 30px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_menu.png) no-repeat;
}
#templatemo_menu ul {
width: 720px;
margin: 0 auto;
padding: 0px;
list-style: none;
}
#templatemo_menu ul li {
padding: 0px;
margin: 0px;
display: inline;
}
#templatemo_menu ul li a {
position: relative;
float: left;
width: 120px;
display: block;
height: 35px;
padding: 19px 0 0 0;
text-align: center;
font-size: 14px;
text-decoration: none;
color: #76316d;
font-weight: bold;
outline: none;
}
#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #361131;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_menu_hover.png) no-repeat center;
}
/* end of menu */
/* content */
#templatemo_content_wrapper {
clear: both;
width: 900px;
padding: 40px 45px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_content.png) repeat-y;
}
#templatemo_content h2 {
margin: 0 0 20px ;
color: #671a5e;
}
#templatemo_sidebar_wrapper {
float: left;
width: 240px;
}
#templatemo_sidebar {
width: 210px;
padding: 0 15px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_sidebar_middle.png) repeat-y;
}
#templatemo_sidebar_top {
width: 240px;
height: 15px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_sidebar_top.png) no-repeat;
}
#templatemo_sidebar_bottom {
width: 240px;
height: 15px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_sidebar_bottom.png) no-repeat;
}
#templatemo_sidebar h2 {
padding: 0 0 30px 0;
margin: 0;
color: #dd1a4c;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_sidebar_header.png) no-repeat bottom left;
}
#templatemo_sidebar .categories_list {
margin: 0;
padding: 0;
list-style: none;
}
#templatemo_sidebar li {
padding: 0;
margin: 0;
}
.categories_list li a {
display: block;
color: #201f1c;
padding: 5px 0 5px 30px;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_list_icon.png) center left no-repeat;
}
.categories_list li a:hover {
color: #dd0034;
text-decoration: none;
}
#templatemo_sidebar label {
display: block;
margin-bottom: 5px;
}
#templatemo_sidebar #input_field {
height: 20px;
width: 198px;
padding: 0 5px;
margin-bottom: 10px;
color: #000000;
font-size: 12px;
font-variant: normal;
line-height: normal;
}
#templatemo_sidebar #submit_btn {
float: right;
height: 30px;
width: 80px;
margin: 0px;
cursor: pointer;
font-size: 12px;
text-align: center;
vertical-align: bottom;
white-space: pre;
outline: none;
}
#templatemo_content {
float: right;
width: 600px;
}
#templatemo_content h2 {
color: #dd1a4c;
padding: 0;
}
#templatemo_content h3 {
font-size: 14px;
font-weight: bold;
color: #c856b9;
padding: 0;
}
.content_section {
clear: both;
width: 100%;
border-bottom: 1px solid #666666;
padding-bottom: 30px;
margin-bottom: 30px;
}
.content_section p {
text-align: justify;
margin-bottom: 10px;
}
.content_section .float_l_image {
float: left;
margin: 3px 15px 5px 0;
}
.section_w260 {
width: 260px;
}
.gallery {
margin: 0;
padding: 0;
list-style: none;
}
.gallery li {
margin: 0;
padding: 0;
display: inline;
}
.gallery li a {
float: left;
display: block;
width: 80px;
height: 80px;
margin: 0 5px 5px 0;
display: inline;
}
/* end of content */
/* footer */
#templatemo_footer {
width: 930px;
padding: 30px 30px;
margin: 0 auto;
text-align: center;
color: #4f3a4f;
background: url(http://www.templatemo.com/templates/templatemo_224_wedding_store/images/templatemo_bottom.png) no-repeat;
}
#templatemo_footer a {
color: #200b20;
font-weight: bold;
}
#templatemo_footer .footer_menu {
margin: 0 0 10px 0;
padding: 0px;
list-style: none;
}
.footer_menu li {
margin: 0px;
padding: 0 20px;
display: inline;
border-right: 1px solid #200b20;
}
.footer_menu li a {
color: #200b20;
}
.footer_menu .last_menu {
border: none;
}
/* end of footer */ |
|
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
09.08.2010, 10:13 (UTC)
Mesaj konusu: |
|
|
Tasarım Üzerindeki Yazı Bölümü
Kod: <table cellspacing="0" cellpadding="0" width="950" border="0">
<tbody>
<tr>
<td valign="top" background="http://img.webme.com/pic/b/balca-uzman/neuust11.png" height="227">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td height="33"> </td>
</tr>
<tr>
<td height="22">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td width="120"> </td>
<td><span style="font-size: xx-large">Sayfa Başlığı</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="90"> </td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td width="30"> </td>
<td width="610">Sol Sayfa İçerik Üstü</td>
<td>Sağ Menü Üstü</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" background="http://img.webme.com/pic/b/balca-uzman/neuorta1.png">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td width="30"> </td>
<td width="590">
Tasarım Altındaki Yazı Bölümü
Kod: </td>
<td width="20"> </td>
<td valign="top" width="280"><ul id="navmenu"> <li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li></ul></td>
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td background="http://img.webme.com/pic/b/balca-uzman/neualt1.png" height="48"> </td>
</tr>
</tbody>
</table><center><br/><a href="http://csshost.tr.gg/"><strong>Css Tasarım By CssHost.Tr.GG</strong></a></center>
Css Style Kodları Bölümü
Kod: a {
color:#FFF;
}
body {
margin-left: 0 auto;
margin-right:0 auto;
background-color:#000; top center fixed;
}
table {margin-left: auto;margin-right: auto}
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 }
a {
color:#ffffff;
text-decoration: none;
}
/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 290px; /*For KHTML*/
list-style: none;
}
ul#navmenu:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 2px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
}
/* Root Menu */
ul#navmenu a {
border: 1px solid #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0 6px;
display: block;
background: #EEE;
color: #666;
font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #CCC;
color: #;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
background: #EEE;
color: #666;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
|
|
|
↑
|
|
|
-
blogoopdeneme
Acemi Üye
|
17.08.2010, 10:47 (UTC)
Mesaj konusu: |
|
|
dalaz2561 yazmış: ya bu link1
link2
bunlara nasıl mudahale edebilirizz nerden tasarlıcaz
kodu yapıştırdıktan sonra ana sayfa menulari gitti:((
ÖRNEK KOD :
Kod: <li><a href="#">Morbi ante sem aliquam</a></li>
<li><a href="#">Vitae egestas ullamcorpe</a></li>
<li><a href="#">Vulputate non magna</a></li>
<li><a href="#">Cras a massa integer</a></li>
<li><a href="#">Nec turpis vel pulvinar</a></li>
<li><a href="#">Ornare donec nec neque</a></li>
<li><a href="#">Vel rhoncus adipiscing</a></li>
<li><a href="#">Vulputate non magna</a></li>
<li><a href="#">Cras a massa integer</a></li>
<li><a href="#">Nec turpis vel pulvinar</a></li>
<li><a href="#">Vulputate non magna</a></li>
<li><a href="#"> | Burada # yerıne kendı sayfa adını yaz
-http://siteadi.tr.gg/Hakkinda.htm
Nec turpis vel pulvinar</a></li> | Nec turpis vel pulvinar= yerine site kategorin
<li><a href="http://siteadi.tr.gg/Hakkinda">Hakkinda</a></li> |
|
|
↑
|
|
|
-
zolucan
Acemi Üye
|
22.08.2010, 07:56 (UTC)
Mesaj konusu: |
|
|
ZoLuCaN Mavi Tasarım
Tasarım Üstü;
Kod: <div id="theme">
<div id="top">BURAYA BİRŞEYLER GELEBİLİR</div>
<div id="mnu">BURASI MENU</div>
<div id="up">İcerik</div>
<div id="concentt">
Tasarım Altı;
Kod: </div>
<div id="bottom">LİNK TAKASLAR</diV>
</div>
Css Kod;
Kod: table {margin-left: auto;margin-right: auto;} :
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;}
body {
background: #0091b5;
a {
font-family: arial;
color: #0091b5;
text-decoration:none;
}
a:link {
color:#0091b5;
text-decoration: none;
}
a:visited {
color:#0091b5;
text-decoration: none;
}
a:hover {
color: #0091b5;
text-decoration:none;
}
a:active {
color:#0091b5;
text-decoration: none;
}
}
#theme{
width: 900px;
margin-left: auto;
margin-right: auto;
}
#top{
height: 175px;
background: url(http://img.webme.com/pic/z/zolucan/zolucan_01.png);
padding-left: 15px;
padding-top: 20px;
}
#mnu{
height: 52px;
background: url(http://img.webme.com/pic/z/zolucan/zolucan_02.png);
padding-top: 15px;
padding-left: 32px;
padding-right: 33px;
}
#up{
height: 29px;
background: url(http://img.webme.com/pic/z/zolucan/zolucan_03.png);
padding-top: 10px;
padding-left: 30px;
}
#concentt{
height: 100%;
background: url(http://img.webme.com/pic/z/zolucan/zolucan_04.png);
padding-top: 1px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 1px;
overflow: hidden;
text-align: justify;
}
#bottom{
height: 144px;
background: url(http://img.webme.com/pic/z/zolucan/zolucan_05.png);
padding-top: 10px;
padding-left: 20px;
} |
|
|
↑
|
|
|
-
zolucan
Acemi Üye
|
22.08.2010, 07:57 (UTC)
Mesaj konusu: |
|
|
ZoLuCaN Siyah Tasarım
Tasarım Üstü;
Kod: <div id="theme">
<div id="top">BURAYA BİRŞEYLER GELEBİLİR </div>
<div id="mnu">BURASI MENU</div>
<div id="up">İcerik</div>
<div id="concentt">
Tasarım Altı;
Kod: </div>
<div id="bottom">LİNK TAKASLAR</diV>
</div>
Css Kod;
Kod: table {margin-left: auto;margin-right: auto;} :
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;}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FAEBD7;
background: #0091b5;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FAEBD7;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FAEBD7;
}
a:hover {
text-decoration: none;
color: #FAEBD7;
}
a:active {
text-decoration: none;
color: #FAEBD7;
}
#theme{
width: 900px;
margin-left: auto;
margin-right: auto;
}
#top{
height: 175px;
background: url(http://img.webme.com/pic/z/zolucan/zolucann_01.png);
padding-left: 15px;
padding-top: 20px;
}
#mnu{
height: 52px;
background: url(http://img.webme.com/pic/z/zolucan/zolucann_02.png);
padding-top: 15px;
padding-left: 32px;
padding-right: 33px;
}
#up{
height: 29px;
background: url(http://img.webme.com/pic/z/zolucan/zolucann_03.png);
padding-top: 10px;
padding-left: 30px;
}
#concentt{
height: 100%;
background: url(http://img.webme.com/pic/z/zolucan/zolucann_04.png);
padding-top: 1px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 1px;
overflow: hidden;
text-align: justify;
}
#bottom{
height: 144px;
background: url(http://img.webme.com/pic/z/zolucan/zolucann_05.png);
padding-top: 10px;
padding-left: 20px;
} |
|
|
↑
|
|
|
-
zolucan
Acemi Üye
|
22.08.2010, 08:00 (UTC)
Mesaj konusu: |
|
|
ZoLuCaN Renkli Tasarim
[imghttp://img.webme.com/pic/z/zolucan/kucukrenklii.png[/img]
Tasarım Üstü;
Kod: <div id="tasarim">
<div id="ust"><div class="baslik">
<h1>BURASI ÜST ALAN</h1>
</div><div class="menu">menu buraya gelecek</div></div>
<div id="orta">
Tasarım Altı;
Kod: </div>
<div id="alt">COPYRIGHT</div>
</div>
Css Kod;
Kod: table {margin-left: auto;margin-right: auto;} :
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;}
#tasarim{
margin-left: auto;
margin-right: auto;
width: 650px;
}
#ust{
height: 224px;
background: url(http://img.webme.com/pic/z/zolucan/kucukrenkli_01.png);
}
.baslik{
padding: 50px 50px 0 160px;
}
.menu{
padding: 60px 30px 0 30px;
}
#orta{
height: 100%;
background: url(http://img.webme.com/pic/z/zolucan/kucukrenkli_02.png);
padding: 1px 30px 1px 30px;
}
#alt{
height: 52px;
background: url(http://img.webme.com/pic/z/zolucan/kucukrenkli_03.png);
padding: 30px 0 0 30px;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
background-image: url(http://www.backgroundlabs.com/backgrounds/374.gif);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F00;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #F00;
}
a:hover {
text-decoration: none;
color: #F00;
}
a:active {
text-decoration: none;
color: #F00;
} |
|
|
↑
|
|
|
-
zolucan
Acemi Üye
|
22.08.2010, 08:01 (UTC)
Mesaj konusu: |
|
|
Küçük Kahverengi Tasarım
Tasarım Üstü;
Kod: <div id="wrap">
<div id="top"> </div>
<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Subheader, website description H2</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h2><a href="#">BAŞLIK</a></h2>
<div class="articles">
Tasarım Altı;
Kod: </div>
</div>
<div class="right">
<h2>Categories :</h2>
<ul>
<li><a href="#">Menu</a></li>
<li>Men</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">Menu</a></li>
<li>Men</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li><a href="www.zolucan.tr.gg" target="_blank">ZoLuCaN</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
<p>Telif HAKKI !</p>
</div>
</div>
<p><center><a href="www.zolucan.tr.gg"><img src="http://img.webme.com/pic/z/zolucan/zolucanlogo.png" border="0"/></a></center></p>
Css Kod;
Kod: table {margin-left: auto;margin-right: auto;} :
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 {
background: #4c320d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}
img { border: none; }
a { color: #4c320d; }
a:hover { text-decoration: none; color : #000; }
#wrap {
margin: 20px auto;
width: 800px;
}
#header {
background: #4c320d url(http://img839.imageshack.us/img839/5937/headeroq.jpg) no-repeat;
height: 100px;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 20px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 21px;
letter-spacing: -1px;
line-height: 12px;
}
#menu {
height: 30px;
line-height: 30px;
background: #4c320d url(http://img830.imageshack.us/img830/8370/menuh.jpg) no-repeat;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}
#content {
background: #4c320d url(http://img535.imageshack.us/img535/3964/contentlg.jpg) repeat-y;
padding: 10px 20px;
}
.left {
width: 588px;
float: left;
text-align: justify;
}
.left h2 {
color: #FF4800;
font-size: 24px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right {
width: 140px;
float: right;
font-size: 12px;
}
.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}
.right a { text-decoration: none }
#top {
background: #555 url(http://img820.imageshack.us/img820/6156/topwx.jpg) no-repeat;
padding: 5px 0;
}
#bottom {
background: #555 url(http://img838.imageshack.us/img838/9276/bottomrl.jpg) no-repeat;
padding: 10px 0;
}
#footer {
text-align: center;
color: #eee;
font-size: 11px;
padding: 0 0 10px 0;
}
#footer a { color: #eee; } |
|
|
↑
|
|
|
|
