Yazar |
Mesaj |
-
bynationalgame
Acemi Üye
|
25.12.2010, 10:12 (UTC) Mesaj konusu: Css Tasarım > YILBASI TASARIM (CSS) |
|
|
Mrhaba arkadaşlar ,
Forumdaki ilk paylaşımımı yapıyorum. Bu tasarım tabikide bana ait deyil ama MENU kodlaması bana aittir. Menu haric dier cizimler TasarimLife.tr.gg 'ye aittir paylasmak istiyen olursa lütfen TasarimLife.tr.gg yi ''Kaynak'' göstersin.
Cok Konuştum Neyse Buyrun Kodlar
YILBASI TASARIM (TASARIMIN UZERI)
Kod: <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" quality="high" menu="false" wmode="transparent"></embed></div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-body">
<p class="nav"> </p>
</div>
</div>
</div>
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun"> <img id="menu_01" alt="." style="width: 156px; height: 53px" src="http://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" />
<tr>
</tr>
<td valign="top" background="http://img.webme.com/pic/b/bilgi-depom/menu-yan-cizgisi.png"> </td>
<!--////// Kullanıcı Paneli Başlangıç //////-->
<div class="Sol">
<div class="SolUst">
<div class="SolUstYazi"></div>
</div>
<div class="SolOrta">
<div class="KullaniciAdiSifre">E-Posta :</div>
<div class="Sil"></div>
<div class="KullanciGirisiDuzen">
<div class="KullaniciSol"></div><input type="text" class="KullaniciSag" />
</div>
<div class="KullaniciAdiSifre">Şifreniz :</div>
<div class="Sil"></div>
<div class="KullanciGirisiDuzen">
<div class="ParolaSol"></div><input type="password" class="KullaniciSag" />
</div>
<div class="Sil"></div>
<input type="submit" class="GirisButonu" value="Enter..." />
<div class="ParolamiUnuttum">
<div class="Sifremiunuttum"></div>
<a href="#">Lost Password?</a>
</div>
</div>
<div class="SolAlt"></div>
</div>
<!--////// Kullanıcı Paneli Bitiş //////-->
<a href="http://www.facebook.com/Ko.OlympiaFanPage"><img height="29" width="94" border="0" style="border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; vertical-align: bottom; border-left: #ccc 1px solid; padding-top: 1px; border-bottom: #ccc 1px solid" alt="" src="http://t3.gstatic.com/images?q=tbn:EJVXoZdQCwbaYM:" /></a>
<a href="http://www.facebook.com/Ko.OlympiaFanPage"><img height="29" width="94" style="border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; vertical-align: bottom; border-left: #ccc 1px solid; padding-top: 1px; border-bottom: #ccc 1px solid" alt="" src="http://t3.gstatic.com/images?q=tbn:ogGniRZ74zvxyM:" /></a>
<div class="arrowlistmenu">
</ul>
<h3 class="headerbar">MAIN MENU</h3>
<ul>
<li><a href="http://www.bynationalgame.tr.gg/Aana-Sayfa.htm" _fcksavedurl=" ">Ana Sayfa</a></li>
<li><a href="http://bynationalgame.tr.gg/Hakkimizda.htm" _fcksavedurl=" ">Hakkımızda</a></li>
<li><a href="http://bynationalgame.tr.gg/Kullanici-Sozlesmesi.htm" _fcksavedurl=" ">K.Sözlesmesi</a></li><li><a href="http://bynationalgame.tr.gg/Online-Support.htm" _fcksavedurl=" ">Mail Yolla (ILETISIM)</a></li>
<li><a href="http://bynationalgame.tr.gg/Ziyaretci-Defteri.htm" _fcksavedurl=" ">Konuk Defterimiz</a></li>
<li><a href="http://bynationalgame.tr.gg/Dosyalar.htm" _fcksavedurl=" ">Dosyalar</a></li>
<li><a href="http://bynationalgame.tr.gg/Yardim.htm" _fcksavedurl=" ">Yardım</a></li>
<li><a href="http://bynationalgame.tr.gg/Odeme-Bildirimi.htm" _fcksavedurl=" ">Ödeme Bildir</a></li><li><a href="http://bynationalgame.tr.gg/Uye-Formu.htm" _fcksavedurl=" ">Üyelik Al</a></li><li><a href="http://bynationalgame.tr.gg/SSK--k1-Sikca-Sorularn-Sorular-k2-.htm" _fcksavedurl=" ">SSS</a></li>
<li><a href="http://bynationalgame.tr.gg/Banka-Hesap-Numaralari.htm" _fcksavedurl=" ">Hesap No.</a></li>
<h3 class="headerbar">Ana Oyunlar </h3>
<ul>
<li><a href="http://bynationalgame.tr.gg/Knight-Online.htm" _fcksavedurl=" ">Knight ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/Metin2-Online.htm" _fcksavedurl=" ">Metin2 ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/Cabal-Online.htm" _fcksavedurl="">Cabal ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/Warrock-Online.htm" _fcksavedurl=" /">Warrock ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/War-Craft.htm" _fcksavedurl=" ">Warcraft ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/Silkroad-Online.htm" _fcksavedurl=" ">Silkroad ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/Karahan-Online.htm" _fcksavedurl=" ">Karahan ONLINE</a></li>
<li><a href="http://bynationalgame.tr.gg/CrossFire.htm" _fcksavedurl=" /">Crossfire ONLINE</a></li><li><a href="http://bynationalgame.tr.gg/Travian.htm" _fcksavedurl=" /">Travian ONLINE</a></li> <li><a href="http://bynationalgame.tr.gg/Hero-Online.htm" _fcksavedurl=" /">Hero ONLINE</a></li>
</ul>
<h3 class="headerbar">Facebook SATISLARI</h3>
<ul>
<li><a href="http://bynationalgame.tr.gg/Farm-wiLLe.htm" _fcksavedurl=" ">Farm ville</a></li>
<li><a href="http://bynationalgame.tr.gg/Facebook-Poker.htm" _fcksavedurl=" ">Poker Chips</a></li>
<li><a href="http://bynationalgame.tr.gg/Facebook-zynaga-Texas.htm" _fcksavedurl=" ">zynaGa Texas P.</a></li>
</ul>
<h3 class="headerbar">Upload Üyelikleri</h3>
</ul>
<li><a href="http://bynationalgame.tr.gg/Rapidshare-Rapid-Points.htm" _fcksavedurl=" ">Rapidshare </a></li>
<li><a href="http://bynationalgame.tr.gg/MegaupLoad.htm" _fcksavedurl=" ">Megaupload</a></li>
<li><a href="http://bynationalgame.tr.gg/NetLoad-UyeLik.htm" _fcksavedurl=" ">Netload</a></li>
<li><a href="http://bynationalgame.tr.gg/HotfiLe-.ue.yeLik.htm" _fcksavedurl=" ">HotfiLe</a></li>
</ul>
<h3 class="headerbar">Kontörler (TL)</h3>
</ul>
<li><a href="http://bynationalgame.tr.gg/AVEA-KONT-Oe-R.htm" _fcksavedurl=" ">Avea</a></li>
<li><a href="http://bynationalgame.tr.gg/Turkcell-KONT-Oe-R.htm" _fcksavedurl=" ">Turkcell</a></li>
<li><a href="http://bynationalgame.tr.gg/Vodafone-Kont.oe.r.htm" _fcksavedurl=" ">Vodofone</a></li>
</div>
</ul>
<h3 class="headerbar">Site iÇi Haberler :</h3>
</ul>
<table cellspacing="0" cellpadding="0" width="222" border="0" style="font-size: 12px">
<tbody>
<tr>
<td style="padding-right: 2px; padding-left: 2px; background: url(images/_bs.gif) no-repeat; padding-bottom: 2px; padding-top: 2px; height: 21px; text-align: left"><a href="http://www.google.com.tr/imgres?imgurl=http://1.bp.blogspot.com/_F_9PyipWQNM/S7adno4yk9I/AAAAAAAAA5o/1GLa0LGq08c/s400/add_comment_32x32.png&imgrefurl=http://aliikizkaya.blogspot.com/2010/12/hikmetinden-sual-olmaz.html&usg=__YjjrdXQz4Bx31sabMqMkD_SUvv0=&h=32&w=32&sz=2&hl=tr&start=19&zoom=0&itbs=1&tbnid=2Xb3iL35QoPQhM:&tbnh=32&tbnw=32&prev=/images%3Fq%3Dpozitif%2Blogo%2B32x32%26hl%3Dtr%26gbv%3D2%26tbs%3Disch:1"><img src="http://t3.gstatic.com/images?q=tbn:2Xb3iL35QoPQhM:" style="border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; vertical-align: bottom; border-left: #ccc 1px solid; width: 20px; padding-top: 1px; border-bottom: #ccc 1px solid; height: 15px" alt="" /></a><span style="font-family: Verdana"><strong>Metin2</strong></span> <u><span style="color: #ff0000">ONLINE</span></u></td>
</tr>
<tr>
<td>
<div style="background: #ececec; width: 216px; color: black; padding-top: 5px; height: 75px; text-align: center" align="center">
<p align="center"><strong>Metin2 Ejderha Parası<br />
Metin2 Yang<br />
En Uygun Fiyatlar<br />
Kırmızı Bölge Ch 3 Teslimat</strong></p>
</div>
</td>
</tr>
</tbody>
</table>
<a href="http://www.facebook.com/Ko.OlympiaFanPage"><img height="29" width="94" border="0" style="border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; vertical-align: bottom; border-left: #ccc 1px solid; padding-top: 1px; border-bottom: #ccc 1px solid" alt="" src="http://t3.gstatic.com/images?q=tbn:EJVXoZdQCwbaYM:" /></a>
<a href="http://www.facebook.com/Ko.OlympiaFanPage"><img height="29" width="94" style="border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; vertical-align: bottom; border-left: #ccc 1px solid; padding-top: 1px; border-bottom: #ccc 1px solid" alt="" src="http://t3.gstatic.com/images?q=tbn:ogGniRZ74zvxyM:" /></a>
</div> <div class="sagsutun">
YILBASI TASARIM (TASARIM ALTI)
Kod: </div> </div> <div id="alt"></div> </div>
<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" quality="high" menu="false" wmode="transparent"></embed></div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-body">
<p class="nav"> </p>
</div>
</div>
</div>
<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" quality="high" menu="false" wmode="transparent"></embed></div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-body">
<p class="nav"> </p>
</div>
</div>
</div>
<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" quality="high" menu="false" wmode="transparent"></embed></div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-body">
<p class="nav"> </p>
</div>
</div>
</div>
YILBASI TASARIM (CSS KODU)
Kod: <style type="text/css">
table {margin-left: auto;margin-right: auto}
</style>
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: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(); width: 1007px; height: 1px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://yukleresim.com/images/64057512159515806943.jpg); width: 1024px; height: 256px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tolgahantr/yilbasitl_02.png); width: 1024px; height: 326%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 100px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://yukleresim.com/images/33064286694028691296.jpg); width: 1024px; height: 186px; float: left; } #kommentartext { background-image:url(); }
<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://img.webme.com/pic/k/kod-collection/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://img.webme.com/pic/k/kod-collection/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>
Baştada yazdıgım gibi tasarım kaynak TasarimLife.tr.gg 'dir
YORUMLARINIZI BEKLIYORUM
[Ç]aLıntı.______________ Nice İnsanlar Gördüm, içinde Giysi Yok
Nice Giysiler Gördüm, İçinde İnsan Yok.! |
|
↑
|
|
|
-
bynationalgame
Acemi Üye
|
25.12.2010, 10:16 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
bynationalgame
Acemi Üye
|
25.12.2010, 10:18 (UTC) Mesaj konusu: |
|
|
Pardon Resim unuttum
Buyrun Buda Resim
______________ Nice İnsanlar Gördüm, içinde Giysi Yok
Nice Giysiler Gördüm, İçinde İnsan Yok.! |
|
↑
|
|
|
-
pcajani
Bedava-Sitem Bağımlısı
|
25.12.2010, 10:20 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
informess
Uzman Üye
Konum: Istanbul
|
25.12.2010, 10:21 (UTC) Mesaj konusu: |
|
|
İce blue,red,butterfly,css Tasarım Paylaşımları.. için yandaki linkteki başlığı kullanın. => http://www.bedava-sitem.com/forum/viewtopic.php?t=159058______________ -Kul der ki; "İşlerimi halledip, Rabbime yöneleyim."
Rabbi der ki; "Bana yönelin, işlerinizi halledeyim." |
|
↑
|
|
|
-
bynationalgame
Acemi Üye
|
25.12.2010, 10:22 (UTC) Mesaj konusu: |
|
|
İlk Paylasımım demistim degistiriyorum hmen ______________ Nice İnsanlar Gördüm, içinde Giysi Yok
Nice Giysiler Gördüm, İçinde İnsan Yok.! |
|
↑
|
|
|
-
gececi40
Uzman Üye
|
|
↑
|
|
|
|