Forum'da ara:
Ara


Yazar Mesaj
Mesaj31.10.2009, 19:37 (UTC)    
Mesaj konusu: Tasaristan Mavi Tablo Desing


Tasarım Üstü
Kod:
<table width="900" border="1" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td align="left" valign="top">
            <table width="200" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td><img alt="" src="http://img137.imageshack.us/img137/4253/baslikz.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            <table width="900" border="1" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                        <div id="tabs">
                        <ul>
                            <li>&nbsp;</li>
                            <li><a href="#"><span>Menu 1</span></a></li>
                            <li><a href="#"><span>Menu 2</span></a></li>
                            <li><a href="#"><span>Menu 3</span></a></li>
                            <li><a href="#"><span>Menu 4</span></a></li>
                            <li><a href="#"><span>Menu 5</span></a></li>
                            <li><a href="#"><span>Menu 6</span></a></li>
                        </ul>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>



Tasarım Altı:
Kod:
<table width="200" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td><img alt="" src="http://img249.imageshack.us/img249/8822/copyright.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>



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;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
#tabs {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   margin-bottom:1em; /*margin between menu and rest of page*/
   overflow:hidden;
   }
 
#tabs ul {
   margin:0;
   padding:10px 10px 0 0px;
   list-style:none;
   
   }
 
#tabs li {
   display:inline;
   margin:0;
   padding:0;
   }
 
#tabs a {
   float:left;
   background:url("http://www.dynamicdrive.com/cssexamples/media/left.png") no-repeat left top;
   margin:0;
   padding:0 0 0 6px;
   text-decoration:none;
   }
 
#tabs a span {
   float:left;
   display:block;
   background:url("http://www.dynamicdrive.com/cssexamples/media/right.png") no-repeat right top;
   padding:6px 15px 4px 6px;
   margin-right:2px;
   color:#FFF;
   }
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 
/* End IE5-Mac hack */
#tabs a:hover span {
   }
 
#tabs a:hover {
   background-position:0% -42px;
   }
 
#tabs a:hover span {
   background-position:100% -42px;
   }



Yorumlar!!!
Mesaj31.10.2009, 19:39 (UTC)    
Mesaj konusu:

güzel ama niye kendi sitenin kodlarını yayımlıyorsunuz?
Mesaj31.10.2009, 19:40 (UTC)    
Mesaj konusu:


süper olmus ama baslık resmine baska bişey yazsaydın daha güzel olurdu.

ama yinde güzel olmus paylasım için teşekkürler.
Önceki mesajları göster:   


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