Forum'da ara:
Ara


Yazar Mesaj
Mesaj25.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 Smile

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 Smile
[Ç]aLıntı.
______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
Mesaj25.12.2010, 10:16 (UTC)    
Mesaj konusu:

Pardon resim unuttum Very Happy
Buda Resim Arkadaslar Smile


______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
Mesaj25.12.2010, 10:18 (UTC)    
Mesaj konusu:

Pardon Resim unuttum
Buyrun Buda Resim Smile


______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
Mesaj25.12.2010, 10:20 (UTC)    
Mesaj konusu:

http://www.bedava-sitem.com/forum/viewtopic.php?t=159058

sabit başlığa yazsaydın süper olacaktı Wink

KİLİT talep
Mesaj25.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."
Mesaj25.12.2010, 10:22 (UTC)    
Mesaj konusu:

İlk Paylasımım demistim Very Happy degistiriyorum hmen
______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
Mesaj25.12.2010, 10:24 (UTC)    
Mesaj konusu:

http://www.bedava-sitem.com/forum/viewtopic.php?t=159058
Tasarımlar bu başlık altında olmalıdır...
______________
Destek: support-tr( at )webme.com not:(at) değil @ Arrow Sıkça Sorulan Sorular Arrow Googleye Kayıt Resimli Anlatım
PROFESYONEL KENDİSİNİN YAPTIĞI YARDIMLARI DEĞİL, KENDİNE YAPILAN YARDIMLARI HATIRLAYANDIR.
Önceki mesajları göster:   


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