Belin-Team | Forum


 
AnasayfaKapıTakvimSSSAramaÜye ListesiKayıt OlGiriş yap

Paylaş | 
 

 Tablo Tasarım Yan Menülü

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
MrEFo

avatar

Mesaj Sayısı : 14
Paylaşım Gücü : 37
Rep gücü : 2
Kayıt tarihi : 28/01/10

MesajKonu: Tablo Tasarım Yan Menülü   Perş. Ocak 28, 2010 11:00 am

Önizleme Koyamadım.Kusura Bakmayın..

Tasarım Üstü


Kod:
<table border="1" cellspacing="0" cellpadding="0" width="200">
<tbody>
<tr>
<td align="left" valign="top">
<table style="height: 100px;" border="0" cellspacing="0" cellpadding="0" width="900">
<tbody>
<tr>
<td align="center" valign="top"><img border="0" alt=""
src="http://img.webme.com/pic/h/hproyun/tablo.png"
_fcksavedurl="http://img.webme.com/pic/h/hproyun/tablo.png"
/></td>
</tr>
</tbody>
</table>
<table border="1" cellspacing="0" cellpadding="0" width="900">
<tbody>
<tr>
 
</tr>
</tbody>
</table>
<table style="height: 300px;" border="1" cellspacing="0" cellpadding="0" width="900">
<tbody>
<tr>
 
<td width="210" height="700" bgcolor="#FFFFFF">
  <div class="arrowlistmenu">
                       
                        <h3 class="headerbar">Aksesuarlar</h3>
                        <ul>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                        </ul>
                         
                        <h3 class="headerbar">Aksesuarlar</h3>
                        <ul>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                        </ul>
 
                        <h3 class="headerbar">Aksesuarlar</h3>
                        <ul>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                        </ul>
 
                        <h3 class="headerbar">Aksesuarlar</h3>
                        <ul>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                            <li><a href="http://www.ruyamoda.tr.gg">Yakında..</a></li>
                        </ul>
                        </ul>
                        </div></td>
<td align="left" valign="top">

Tasarım Altı


Kod:
<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code"></td>
</tr>
</tbody>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="900">
<tbody>
<tr>
<tr>
<td align="center" valign="top"><img border="0" alt=""
src="http://img.webme.com/pic/h/hproyun/tablo.png"
_fcksavedurl="http://img.webme.com/pic/h/hproyun/tablo.png"
/></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td></tr></table>


Css Kodu

Kod:
table {margin-left: auto;margin-right: auto} 
 
<!-- Bu Tasarım MrEFo.Tr.Gg'ye Aittir.İzinsiz Alınamaz ve Kullanılamaz-->
 
 
 
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;}
 
<style type="text/css">
 
.arrowlistmenu{
width: 190px; /*width of menu*/
}
 
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://www.dynamicdrive.com/cssexamples/media/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://www.dynamicdrive.com/cssexamples/media/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>
 
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
 
Tablo Tasarım Yan Menülü
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Üst Menülü Css Tasarım Yapımı
» Vb Üst Menü
» Rap Desing Tasarım
» PS3 Tasarımı
» Siyah Tasarım

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Belin-Team | Forum :: Bedava-Sitem :: Tasarımlar :: CSS-
Buraya geçin: