Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.06.2011, 16:02 (UTC)    
Mesaj konusu: Musozi Css Tasarım Serisi

Merhaba arkadaşlar sitemizdeki editörümüz Mr. Güner in tasarımlarını sizlere sunuyoruz.

*Mavi Beyaz Css Tasarımı

Tasarım Üstü:
Kod:
<script type="text/javascript"><!--function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script><body onLoad_fckprotectedatt="%20onLoad%3D%22MM_preloadImages('http%3A%2F%2Fimg.webme.com%2Fpic%2Fm%2Fmusozi%2Flogo222.png')%22"><table width="764" border="0" cellspacing="0" cellpadding="0"><tr><td height="102" background="http://img.webme.com/pic/m/musozi/musozz_01.png"><table width="764" height="95" border="0" cellpadding="0" cellspacing="0"><tr><td width="256"><div id="alilogo"><a href="#" _fcksavedurl="#" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22MM_swapImgRestore()%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22MM_swapImage('Image1'%2C''%2Chttp%3A%2F%2Fimg72.xooimage.com%2Ffiles%2F3%2F2%2Fb%2Fw1-29bc513.png'%2C1)%22"><img src="http://img72.xooimage.com/files/3/2/b/w1-29bc513.png" _fcksavedurl="http://img72.xooimage.com/files/3/2/b/w1-29bc513.png" name="Image1" width="254" height="49" border="0"></a> </div><div id="alislogan"><div align="center">SİTE SLOGANI BURAYA</div></div></td><td width="468"><div id="alireklam">BURASI REKLAM ALANI</td></tr></table></td></tr><tr><td height="42" background="http://img.webme.com/pic/m/musozi/musozz_02.png"><table width="764" height="33" border="0" cellpadding="0" cellspacing="0"><tr><td width="209"> </td><td width="542"><center>Sitemize Hoş Geldiniz İyi Eğlenceler...</center></td><td width="13"> </td></tr></table></td></tr><tr><td background="http://img.webme.com/pic/m/musozi/musozz_03.png"><table width="764" border="0" cellspacing="0" cellpadding="0"><tr><td width="7"> </td><td width="190" valign="top"><div id="alimenu"><p><img src="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" alt="http://img.webme.com/pic/o/osmantalay/arrwfat.gif"> <a href="#" _fcksavedurl="#">Eklenecek</a><br><img src="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" alt="http://img.webme.com/pic/o/osmantalay/arrwfat.gif"> <a href="#" _fcksavedurl="#">Eklenecek</a><br><img src="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" alt="http://img.webme.com/pic/o/osmantalay/arrwfat.gif"> <a href="#" _fcksavedurl="#">Eklenecek</a><br><img src="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" alt="http://img.webme.com/pic/o/osmantalay/arrwfat.gif"> <a href="#" _fcksavedurl="#">Eklenecek</a><br><img src="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/arrwfat.gif" alt="http://img.webme.com/pic/o/osmantalay/arrwfat.gif"> <a href="#" _fcksavedurl="#">Eklenecek</a><br><br></p></div></td><td width="10"> </td><td width="544" valign="top"><div id="aliicerik"></div>

Tasarım Altı:
Kod:
</div></td>         <td width="13"> </td>       </tr>     </table></td>   </tr>   <tr>     <td><img src="http://img.webme.com/pic/m/musozi/musozz_04.png" _fcksavedurl="http://img.webme.com/pic/m/musozi/musozz_04.png" width="764" height="1"></td>   </tr>   <tr>     <td height="46" background="http://img.webme.com/pic/m/musozi/musozz_05.png"><table width="764" height="41" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="34" height="41"> </td>         <td width="692"><div id="alicopyright">           <div align="center">BU TASARIMIN TÜM HAKLARI WWEBW.TR.GG YE AİTTİR!</div>         </div></td>         <td width="38"> </td>       </tr>     </table></td>   </tr> </table>

Css Kodları:
Kod:
h1#title,h2#title span,div.header,li.nav_element,li.nav_element{display:none} table{margin-left:auto; margin-right:auto;} body { background-image: url('http://img.webme.com/pic/m/musozi/bg3.jpg'); background-repeat: no-repeat; background-attachment: fixed; } #musozireklam {     height: 60px;     width: 468px;     padding-left: 7px; } #musozicopyright{ padding-top:5px;} #musozilogo{ width:256px; height:49px; } #musozislogan{ width:auto; height:auto;     font-family: "Tw Cen MT";     font-weight: 300;     font-variant: normal;     text-transform: capitalize;     color: #333333;     line-height: normal;    font-weight: 300;     font-variant: normal;     text-transform: capitalize;     color: #333333;     line-height: normal; } } #musozimenu ul { } body,td,th {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 14px; } a:link {     color: #000000;     text-decoration: none; } a:visited {     text-decoration: none;     color: #000000; } a:hover {     text-decoration: none;     color: #FFFFFF;  } a:active {     text-decoration: none;
Mesaj13.06.2011, 16:06 (UTC)    
Mesaj konusu:

*Rebirth Css Tasarımı

Tasarım Üstü:
Kod:
<div id="tasarim">   <div id="ust">     <div id="ustmenu">       <ul>         <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>         <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>         <li><a href="#" _fcksavedurl="#">Z.Defteri</a></li>         <li><a href="#" _fcksavedurl="#">İletisim</a></li>       </ul>     </div>   </div>   <div id="orta">     <div class="ortalogo">273x78 LOGO</div>     <div class="reklam">       <div>REKLAM ALANI BANNERİ 468 X 60</div>     </div>     </div>   <div id="icerik">     <div class="sag">

Tasarım Altı:
Kod:
</div>     <div class="sol">       <div id="kategoribaslik">Baslik İsmi</div>             <div id="menu">         <ul>           <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>           <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>           <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>           <li><a href="#" _fcksavedurl="#">İletisim</a></li>         </ul>       </div>       <div id="kategoribaslik">Baslik İsmi</div>             <div id="menu">         <ul>           <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>           <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>           <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>           <li><a href="#" _fcksavedurl="#">İletisim</a></li>         </ul>       </div>       <div id="kategoribaslik">Baslik İsmi</div>             <div id="menu">         <ul>           <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>           <li><a href="#" _fcksavedurl="#">Hakkimda</a></li>           <li><a href="#" _fcksavedurl="#">Z.Defter</a></li>           <li><a href="#" _fcksavedurl="#">İletisim</a></li>         </ul>       </div>     </div>   </div>     <div id="alt">     <div class="yazi">Rebirth V1 | Kodlama: Ali Mengü | Tüm Hakları Wwebw.Tr.Gg'ye aittir.</a></div>     <div class="altreklam">REKLAM ALANI BANNERİ 468 X 60</div>           </div> </div>

Css:
Kod:
h1#title{displary: 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; }  #tasarim {     width: 800px;     margin-right: auto;     margin-left: auto; } #ust {     background-image: url(http://img.webme.com/pic/m/musozi/musozitasarim_01.png);     float: left;     height: 61px;     width: 800px; } #ustmenu {     width: 773px;     float: left;     height: 47px;     margin-left: 11px;     margin-top: 13px; } #ustmenu ul {     list-style-type: none;     margin: 0px;     padding: 0px; } #ustmenu li {     float: left; } #ustmenu a {     height: 35px;     display: block;     color: #000000;     text-decoration: none;     font-family: Verdana;     padding-top: 12px;     text-align: center;     padding-right: 20px;     padding-left: 20px;     border-right-width: 1px;     border-right-style: solid;     border-right-color: #E2E2E2;     font-size: 16px; } #ustmenu a:Hover {     background-color: #D6D6D6; } #orta {     background-image: url(http://img.webme.com/pic/m/musozi/musozitasarim_02.png);     float: left;     height: 115px;     width: 800px; } #orta .ortalogo {     float: left;     width: 273px;     margin-left: 20px;     margin-top: 14px;     height: 78px; } #orta .reklam {     float: right;     height: 68px;     width: 470px;     margin-right: 26px;     margin-top: 14px;     text-align: center;     padding-top: 10px; } #icerik {     float: left;     height: 100%;     width: 800px;     background-image: url(http://img.webme.com/pic/m/musozi/musozitasarim_03.png); } #icerik .sol #menu a { } #icerik .sol {     float: left;     width: 191px;     margin-left: 20px; } #icerik .sol #kategoribaslik {     width: 191px;     height: 22px;     background-color: #E2E2E2;     font-family: Verdana;     font-size: 16px;     color: #999999;     text-align: center;     padding-top: 5px;     border-bottom-width: 1px;     border-bottom-style: solid;     border-bottom-color: #D8D8D8; } #icerik .sol #menu ul {     list-style-type: none;     margin: 0px;     padding: 0px; } #icerik .sol #menu a {     font-family: Verdana;     text-decoration: none;     color: #000000;     border-bottom-width: 1px;     border-bottom-style: solid;     border-bottom-color: #E5E5E5;     display: block;     padding-top: 2px;     padding-bottom: 2px;     padding-left: 4px; } #icerik .sol #menu a:hover {     background-color: #E6E6E6; } #icerik .sag {     float: right;     width: 539px;     margin-right: 25px;     padding-right: 3px;     padding-left: 3px; } #alt {     background-image: url(http://img.webme.com/pic/m/musozi/musozitasarim_04.png);     float: left;     height: 128px;     width: 800px; } #alt .altreklam {     float: right;     height: 60px;     width: 468px;     margin-top: 10px;     margin-right: 160px; } #tasarim #alt .yazi {     width: 700px;     margin-right: auto;     margin-left: 50px;     margin-top: 12px;     height: 20px;     float: left; } #alt .yazi a {     color: #000000; } body,td,th {     font-family: Verdana;     font-size: 14px; } a:visited {     color: #0066EE;     text-decoration: none; } a:link {     text-decoration: none; } a:hover {     text-decoration: underline;     color: #FF0000; } a:active {     text-decoration: none; } body {     background-image: url(http://www.backgroundlabs.com/backgrounds/95.gif);     background-repeat: repeat; }
Mesaj13.06.2011, 16:07 (UTC)    
Mesaj konusu:

*Musozi Son Tasarımı
Tasarım Üstü:
Kod:
<div id="tasarim"> <div id="ust"> <div class="reklam">468x60</div> <div class="logo">300x120</div> </div> <div id="menuust"> <div class="duyurular"><marquee>Buraya Duyuru Gelicek</marquee></div> <div class="mesaj">Sitemize Hos Geldiniz</div> </div> <div id="icerik"> <div class="sag">

Tasarım Altı:
Kod:
</div> <div class="sol"> <div id="menubaslik">Buraya Baslik İsmi</div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkimizda</a></li> <li><a href="#" _fcksavedurl="#">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletisim</a></li> </ul> </div> <div id="menubaslik">Buraya Baslik İsmi</div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkimizda</a></li> <li><a href="#" _fcksavedurl="#">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletisim</a></li> </ul> </div> <div id="menubaslik">Buraya Baslik İsmi</div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkimizda</a></li> <li><a href="#" _fcksavedurl="#">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletisim</a></li> </ul> </div> </div> </div> <div id="alt"> <div class="copyright"> <p>Bu Tasarim MR.Güneri Tarafindan Yapilmiştir.</p> <p>Copyright 2009- 2011Tüm Hakkı Saklıdır</p> <p>Tesekkürler Ali Mengü</p> </div> <div class="linktakas"> <p><a href="#" _fcksavedurl="#" target="_blank">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a></p> <p><a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a></p> <p><a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a> - <a href="#" _fcksavedurl="#">Link1</a></p> </div> </div> </div>

Css:
Kod:
body { background-image: url(http://www.backgroundlabs.com/backgrounds/95.gif); background-repeat: repeat; } 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; }   #tasarim { width: 962px; margin: auto; } #ust { background-image: url(http://alimengu.com.nu/musoamk_01.png); float: left; height: 159px; width: 962px; } #ust .logo { height: 120px; width: 300px; margin-top: 22px; margin-left: 65px; } #ust .reklam { float: right; height: 60px; width: 468px; margin-top: 55px; margin-right: 40px; }  #menuust { background-image:url(http://alimengu.com.nu/musoamk_02.png); width:962px; height:32px; float:left; }  #menuust .duyurular { width:710px; height:20px; float:right; margin-right:20px; margin-top:12px; } #menuust .mesaj { width:200px; margin-top:11px; margin-left:14px; text-align:center; }  #icerik { background-image:url(http://alimengu.com.nu/musoamk_03.png); width:962px; height:%100; float:left; } #icerik .sag { width:710px; float:right; margin-right:18px; } #icerik .sol { width:200px; float:left; margin-left:15px; }  #icerik .sol #menubaslik { background-color:#30B1DB; width:200px; height:19px; padding-top:3px; text-align:center; }  #icerik .sol #menu ul { margin:0px; padding:0px; list-style:none; } #icerik .sol #menu a { color:#000000; display:block; padding:2px; border-bottom:1px dashed #0066CC; text-decoration:none; } #icerik .sol #menu a:hover { color:#000000; background-color:#CCCCCC; }  #alt { background-image:url(http://alimengu.com.nu/musoamk_04.png); width:962px; height:111px; float:left }  #alt .linktakas { width:400px; height: 57px; margin-top: 29px; margin-left: 25px; border-right-width: 1px; border-right-style: solid; border-right-color: #E4E4E4; padding-top: 5px; } #alt .linktakas p { margin: 0px; padding: 0px; } #alt .copyright { float: right; width: 450px; height: 57px; margin-top: 29px; margin-right: 80px; padding-top: 5px; } #alt .copyright p { margin: 0px; padding: 0px; }  body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #FF0000; } a:active { text-decoration: none; }
Mesaj13.06.2011, 16:08 (UTC)    
Mesaj konusu:

Şu son tasarımın önizlemesini unutmuşum :
Mesaj13.06.2011, 16:09 (UTC)    
Mesaj konusu:

2.si Güzelmiş Cool
______________
Mesaj13.06.2011, 16:10 (UTC)    
Mesaj konusu:

*WwebW Games Oyun Tasarımımız

Tas.Üstü:
Kod:
<table width="975" height="699" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="39" background="http://img.webme.com/pic/w/wwebw/oyun_01.png"> </td>   </tr>   <tr>     <td height="98" background="http://img.webme.com/pic/w/wwebw/oyun_02.png"><table width="971" height="96" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="67" height="96"> </td>         <td width="375" valign="top">Logo</td>         <td width="529" valign="top">Reklam Kodu</td>       </tr>     </table></td>   </tr>   <tr>     <td height="44" background="http://img.webme.com/pic/w/wwebw/oyun_03.png"><table width="971" height="44" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="19"> </td>         <td width="952" valign="top">Menü</td>       </tr>     </table></td>   </tr>   <tr>     <td height="83" background="http://img.webme.com/pic/w/wwebw/oyun_04.png"> </td>   </tr>   <tr>     <td height="254" align="left" background="http://img.webme.com/pic/w/wwebw/oyun_05.png"><table width="971" height="252" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="27" height="205"> </td>         <td width="178" valign="top">Yan Mneü</td>         <td width="50"> </td>         <td width="675" valign="top">

Tasarım Altı:
Kod:
</td>         <td width="41"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="60" align="left" background="http://img.webme.com/pic/w/wwebw/oyun_06.png"> </td>   </tr>   <tr>     <td height="120" align="left" background="http://img.webme.com/pic/w/wwebw/oyun_07.png"><table width="968" height="102" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="273"> </td>         <td width="695" valign="top">Eklemek istediğiniz kod veya kodlar</td>       </tr>     </table></td>   </tr> </table> <style type="text/css">* {padding: 0; margin:0 }   body { margin-left: auto; margin-right: auto; background: url(http://www.photoshopstar.com/wp-content/uploads/2008/08/202.jpg) top center fixed; }<style></style>

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;} table {margin-left: auto;margin-right: auto}     
Mesaj14.06.2011, 16:22 (UTC)    
Mesaj konusu:

tebrikler güzel paylaşım... Mr. Green
Mesaj14.06.2011, 16:24 (UTC)    
Mesaj konusu:

evet ilk 3 ü güzel sade
Mesaj15.06.2011, 15:54 (UTC)    
Mesaj konusu: Tasarımlar

Tasarımlar Gayet Hos Ve Esnekmis Smile
______________
Artık BlogKolik aktif :)

Mesaj15.06.2011, 19:34 (UTC)    
Mesaj konusu:

Teşekkürler yorumlar için Smile)
Önceki mesajları göster:   


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