SLyFeLLowTR 1
SLyFeLLowTR
DEVLOPER 1
DEVLOPER
noisiv 1
noisiv
Manwe Work 1
Manwe Work
mavzermete 1
mavzermete
darkbey42 1
darkbey42
xranzei 1
xranzei
Bvural41 1
Bvural41
PrimeAC 1
PrimeAC
Hikaye Ekle

TR.GG siteler için Css Tasarım

  • Konuyu başlatan Konuyu başlatan comag
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 4
  • Görüntüleme Görüntüleme 2K
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

tasarim1.bmp


Tasarımızı nasıl ekleriz??

59620095.png


31674407.png


Tasarımımızın Kodu


Tasarım üzerindeki yazı

Kod:
<table width="81" height="136" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="100" align="left" valign="top" background="http://img.webme.com/pic/c/comagmt2/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 altındaki yazı


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 Kodu

Kod:
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  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; }



Daha Fazlası için


 
Son düzenleme:
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst