Forum'da ara:
Ara


Yazar Mesaj
Mesaj04.10.2008, 07:34 (UTC)    
Mesaj konusu: ice blue içindir sarı süperrrrrrrrrr

ice blue içindir sarı süperrrrrrrrrr



Kod:
<style type="text/css">




 <!--
td.nav{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/KpMxb6ZtqR.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/g1rIdX2e3C.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/NtutZ81jT3.jpg); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#0000000;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #000000;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/np0qpWk26o.jpg);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/YNXlBAhqrg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/CY9Oi4rFhD.jpg);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#000000;}
td.sidebar_heading{background-image:url(http://www.ww64.com/uploads/images/2008-09-30/NtutZ81jT3.jpg); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url();background-color: ;}
td.shouty2{background-image:url();background-color: ;}
td.shouty3{background-image:url();background-color: ;}
td.shouty4{background-image:url();background-color: ;}
td.shouty5{background-image:url();background-color: ;}
--> </style><style type="text/css">




 
<!--
html, body {
text-align: center;
}
--> </style><style type="text/css">




body {background-image: url(http://images-009.cdn.piczo.com/p4/img/i73140533_92360_4.gif);}
            </style>

______________
Mesaj04.10.2008, 09:29 (UTC)    
Mesaj konusu:

CSS DESIGIN İÇİNDİR




tasarım ust
Kod:
<p align="center">&nbsp;</p>
<p align="center">
<table cellspacing="0" cellpadding="0" width="800" border="0">
    <tbody>
        <tr>
            <td>
            <p align="center"><img class="" alt="VEBSİTEN TASARİM SAYFALARİ" src="http://site.mynet.com/motorpan/mynet_resimlerim/hosgeldiniz.gif" /></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<div align="center">
<table cellspacing="0" cellpadding="0" width="800" align="center" border="0">
    <tbody>
        <tr>
            <td>
            <table cellspacing="0" cellpadding="0" width="970" border="0">
                <tbody>
                    <tr>
                        <td>
                        <p align="center"><style type="text/css">





#MainMenu
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; height:27px;
background: #FFFFFF;
margin:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a
{
background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0px none;
display:block;
float:left
}
#tab a span
{
display:block;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
background-position:left bottom;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
background: #FFFFFF;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
padding:0;
display:block;
border:0px solid ;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0px solid ;
background-position: left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#000000
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000000;
font-weight:bold;
} </style><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromee.js"></script><style type="text/css">





#MainMenu
{
height:27px;
background: #FFFFFF;
margin:0;
border-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a
{
background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
background: #FFFFFF;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#000000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000000;
font-weight:bold;
} </style></p>
                        <div id="MainMenu">
                        <div id="tab">
                        <ul>
                            <li class="item_active"><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                        </ul>
                        </div>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</div>
<p align="center">
<table height="500" cellspacing="1" cellpadding="1" width="970" border="5">
    <tbody>
        <tr>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="936" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>


tasarım alt

Kod:
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</p>


css koduna

Kod:

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}

______________
Mesaj04.10.2008, 09:50 (UTC)    
Mesaj konusu:

CSS DESIGIN İÇİNDİR



tasarım ustune
Kod:
<div align="center">
<table cellspacing="1" cellpadding="1" width="970" align="center" border="5">
    <tbody>
        <tr>
            <td>
            <table cellspacing="1" cellpadding="1" width="970" border="2">
                <tbody>
                    <tr>
                        <td>
                        <p align="center"><font color="#ff6600"><img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-04/iVEZXGbZaS.jpg" /></font></p>
                        </td>
                    </tr>
                </tbody>
            </table>
            <br />
            <table cellspacing="0" cellpadding="0" width="970" border="0">
                <tbody>
                    <tr>
                        <td>
                        <p align="center"><font color="#ff6600"><!---kodsistemi.tr.gg kod başlangıcı---><style type="text/css">

#MainMenu
{
height:36px;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif');
margin:0;
border:0px none;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif') no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0px none;
display:block;
float:left
}
#tab a span
{
display:block;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:36px; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
background-position:left bottom;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0px solid ;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif');
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0px solid ;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:36px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0px solid ;
background-position: left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
} </style><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromees.js"></script><style type="text/css">

#MainMenu
{
height:36px;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif");
margin:0;
border:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:36px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif");
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:36px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif") no-repeat right top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
} </style></font></p>
                        <div id="MainMenu">
                        <div id="tab">
                        <ul>
                            <li class="item_active"><a href="LİNK"><span>Ana sayfa</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                            <li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
                        </ul>
                        </div>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</div>
<div align="center"><br />
<br />
<table height="600" cellspacing="1" cellpadding="1" width="970" align="center" border="5">
    <tbody>
        <tr>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="900" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>


tasarım altına

Kod:
</tbody>
            </table>
            <font color="#ff6600">&nbsp; <style type="text/css">


 .nackvision.com {Background code} body {background-image: url(http://img236.imageshack.us/img236/8296/plasma5yh.jpg);} </style></font></td>
        </tr>
    </tbody>
</table>
</div>


css koduna
Kod:

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}

______________
Mesaj04.10.2008, 11:24 (UTC)    
Mesaj konusu:

arkadaşlar oyun sitesi açanlar için muzjde bu tasarım superr ama başlık resmini game zıngden aldım

ha bıde isterseniz menü resimleri değiştire bılırısınız

ve linkleride index.html yazan yere usrl adresi gelecek







tasarımın ustune

Kod:
<p align="center">&nbsp;</p>
<p align="center">
<table cellspacing="1" cellpadding="1" width="960" border="0">
    <tbody>
        <tr>
            <td>
            <p align="center"><img class="" style="width: 956px; height: 301px" height="301" alt="" width="950" src="http://www.ww64.com/uploads/images/2008-10-04/FP8qxooxWW.png" /></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p align="center">
<table cellspacing="1" cellpadding="1" width="200" align="center" border="1">
    <tbody>
        <tr>
            <td><a href="http://index.html"><img style="width: 100px; height: 38px" height="27" alt="" width="116" src="http://www.oyuntak.com/icons/big_01.gif" /></a></td>
            <td><a href="http://index.html"><img height="36" alt="" width="77" src="http://www.oyuntak.com/icons/big_02.gif" /></a></td>
            <td><a href="http://index.html"><img style="width: 53px; height: 41px" height="41" alt="" width="61" src="http://www.oyuntak.com/icons/big_03.gif" /></a></td>
            <td><a href="http://index.html"><img height="41" alt="" width="67" src="http://www.oyuntak.com/icons/big_04.gif" /></a></td>
            <td><a href="http://index.html"><img style="width: 55px; height: 34px" height="28" alt="" width="55" src="http://www.oyuntak.com/icons/big_05.gif" /></a></td>
            <td><a href="http://index.html"><img height="35" alt="" width="66" src="http://www.oyuntak.com/icons/big_06.gif" /></a></td>
            <td><a href="http://index.html"><img height="34" alt="" width="77" src="http://www.oyuntak.com/icons/big_07.gif" /></a></td>
            <td><a href="http://index.html"><img style="width: 86px; height: 37px" height="31" alt="" width="106" src="http://www.oyuntak.com/icons/big_08.gif" /></a></td>
        </tr>
    </tbody>
</table>
</p>
<p align="center">
<table height="500" cellspacing="1" cellpadding="1" width="970" border="1">
    <tbody>
        <tr>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="900" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>




tasarımın altına

Kod:
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</p>


css koduna

Kod:

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}

______________
Mesaj04.10.2008, 14:33 (UTC)    
Mesaj konusu: Siyah Tasarım

Siyah tasarım


Tasarımın Üstündeki Yazı:
Kod:
<table cellspacing="0" cellpadding="0" width="800" border="1">
    <tbody>
        <tr>
            <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000">
            <table height="200" cellspacing="0" cellpadding="0" width="800" border="1">
                <tbody>
                    <tr>
                        <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"><img class="" alt="" src="http://img367.imageshack.us/img367/4826/96484340qx5.jpg" /></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 804px; height: 50px" height="50" cellspacing="0" cellpadding="0" width="804" border="1">
                <tbody>
                    <tr>
                        <td bordercolor="#ff6600"><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromey.js"></script><style type="text/css">
 
#MainMenu
{
   height:37px;
   background: #FFFFFF;
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top;
   padding:0 25px 0 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:37px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid ;
   background: #FFFFFF;
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0 solid ;
   color:#FFFFFF;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:37px;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top;
   padding:0 25px 0 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid ;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
} </style>
                        <div id="MainMenu">
                        <div id="tab">
                        <ul>
                            <li class="item_active"><a href="#"><span>Sayfa Adı</span></a></li>
                            <li><a href="#"><span>Sayfa Adı</span></a></li>
                            <li><a href="#"><span>Sayfa Adı</span></a></li>
                        </ul>
                        </div>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>


Tasarımın Altındaki Yazı
Kod:
</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;}
<style type="text/css">
<!--
html, body {
text-align: center;
}

</style>
<style type="text/css">
<!--
body {
    background-image: url("http://media.bigoo.ws/content/background/space/space_216.gif");
    background-attachment: fixed;
}
-->

______________
Mesaj04.10.2008, 15:02 (UTC)    
Mesaj konusu: css desıgın süperrrrr........

css desıgın süperr



tasarımın ustune

Kod:
<p><style type="text/css">
body {background-image: url(http://www.ww64.com/uploads/images/2008-10-04/YVHOOh1bb3.gif);}
            </style></p>
           
<div align="center">
<table height="500" cellspacing="1" cellpadding="1" width="800" align="center" border="1">
    <tbody>
        <tr>
            <td valign="top" bordercolor="#ffcc00" align="left">
            <table height="10" cellspacing="1" cellpadding="1" width="800" align="center" border="1">
                <tbody>
                    <tr>
                        <td bordercolor="#ffcc33">
                        <table cellspacing="1" cellpadding="1" width="800" align="center" border="1">
                            <tbody>
                                <tr>
                                    <td bordercolor="#ffcc33">
                                    <p align="center"><img class="" style="width: 792px; height: 150px" height="150" alt="" width="870" src="http://www.ww64.com/uploads/images/2008-10-02/bNPaK6sejz.jpg" /></p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br />
                        <table cellspacing="1" cellpadding="1" width="800" align="center" border="1">
                            <tbody>
                                <tr>
                                    <td bordercolor="#ffcc66">
                                    <p align="center"><script>
//Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated: June 14th, 06' v2.0

var cssdropdown={
disappeardelay: 500, //set delay in miliseconds before menu disappears onmouseout
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
enableswipe: 1, //enable swipe effect? 1 for yes, 0 for no

//No need to edit beyond here////////////////////////
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0,

getposOffset:function(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
},

swipeeffect:function(){
if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually
this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
}
else
return
this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
},

showhide:function(obj, e){
if (this.ie || this.firefox)
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
if (this.enableswipe==1){
if (typeof this.swipetimer!="undefined")
clearTimeout(this.swipetimer)
obj.clip="rect(0 auto 0 0)" //hide menu via clipping
this.bottomclip=0
this.swipeeffect()
}
obj.visibility="visible"
}
else if (e.type=="click")
obj.visibility="hidden"
},

iecompattest:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},

clearbrowseredge:function(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
},

dropit:function(obj, e, dropmenuID){
if (this.dropmenuobj!=null) //hide previous menu
this.dropmenuobj.style.visibility="hidden" //hide menu
this.clearhidemenu()
if (this.ie||this.firefox){
obj.onmouseout=function(){cssdropdown.delayhidemenu()}
obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
this.dropmenuobj=document.getElementById(dropmenuID)
this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
this.showhide(this.dropmenuobj.style, e)
this.dropmenuobj.x=this.getposOffset(obj, "left")
this.dropmenuobj.y=this.getposOffset(obj, "top")
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
}
},

contains_firefox:function(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
},

dynamichide:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
this.delayhidemenu()
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
this.delayhidemenu()
},

delayhidemenu:function(){
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay) //hide menu
},

clearhidemenu:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)
},

startchrome:function(){
for (var ids=0; ids<arguments.length; ids++){
var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
for (var i=0; i<menuitems.length; i++){
if (menuitems[i].getAttribute("rel")){
var relvalue=menuitems[i].getAttribute("rel")
menuitems[i].onmouseover=function(e){
var event=typeof e!="undefined"? e : window.event
cssdropdown.dropit(this,event,this.getAttribute("rel"))
}
}
}
}
}

}</script><style type="text/css">




#MainMenu
{
   width:100%;
   height:40px;
   background: #FFFFFF;
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0 3px 0 0 ;
   padding:0;
}
#tab a
{
   background:#000000 url("http://www.ww64.com/uploads/images/2008-10-04/ETi8mBjBXF.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.ww64.com/uploads/images/2008-10-04/W6d5DXOaGP.gif") no-repeat left top;
   padding:0 18px 0 18px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:40px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid #330066;
   background: #FFFFFF;
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0 3px 0 0 ;
   padding:0;
   display:block;
   border:0 solid #000000;
   color:#FFFFFF;
   background:url("http://www.ww64.com/uploads/images/2008-10-04/2EJNDFgsAE.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:40px;
   background:url("http://www.ww64.com/uploads/images/2008-10-04/ETi8mBjBXF.gif") no-repeat right top;
   padding:0 18px 0 18px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid #000000;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}</style></p>
                                    <div id="MainMenu">
                                    <div id="tab">
                                    <ul>
                                        <li><a href="http://www.vebsiten.tr.gg"><span>vebsiten.tr.gg</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                        <li><a href="#"><span>Link</span></a></li>
                                    </ul>
                                    </div>
                                    </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table cellspacing="0" cellpadding="0" width="800" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>


tasarımın altına

Kod:
</tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</div></style><style type="text/css">




body {background-image: url(http://www.ww64.com/uploads/images/2008-10-04/YVHOOh1bb3.gif);}
            </style>




css kodu bolumune

Kod:
td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}

______________
Mesaj05.10.2008, 08:36 (UTC)    
Mesaj konusu: css desıgın içindir superrrr.




tasarımın ustune

Kod:
<p align="center">
<table cellspacing="1" cellpadding="1" width="800" align="center" border="0">
    <tbody>
        <tr>
            <td>
            <p align="center"><img class="" alt="hoşgeldinizzzzzz" src="http://img.webme.com/pic/y/ymag/hosgeldinizzzz.gif" /></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p align="center">
<table cellspacing="1" cellpadding="1" width="900" border="0">
    <tbody>
        <tr>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="150" border="0">
                <tbody>
                    <tr>
                        <td>
                        <div class="outer">
                        <div class="menu">
                        <ul>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                        </ul>
                        </div>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="500" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>


tasarımın altına

Kod:
</tbody>
            </table>
            </td>
            <td valign="top" align="left">
            <table cellspacing="0" cellpadding="0" width="150" border="0">
                <tbody>
                    <tr>
                        <td>
                        <div class="outer">
                        <div class="menu">
                        <ul>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                            <li><a target="_self" href="#">sample</a></li>
                        </ul>
                        </div>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p align="center">&nbsp;</p>



css koduna

Kod:
<!-- www.vebsiten.tr.gg tasarim sayfalari kod baslangici --->
td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}
<!-- www.vebsiten.tr.gg tasarim sayfalari kod bitişi --->


.outer a, .outer div, .outer li, .outer ul, .outer body{
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
   width: 193px;
}
div.menu ul{
   list-style: none;
   text-indent: 0px;
}
div.menu li{
   margin-top: 3px;
}
div.menu a{
   font: 12px Verdana;
   padding: 4px;
   color: #646464;
   display:block;
   padding: 6px 30px;
   height: 20px;
   text-decoration: none;
   background: url('http://www.ww64.com/uploads/images/2008-10-05/p5w1Ch5YJT.gif');
}
div.menu a:hover{
   background: url('http://www.ww64.com/uploads/images/2008-10-05/tz0S6F4Ytc.gif') no-repeat right;
   padding: 6px 40px;
}:148px;background:url() no-repeat;color:#b18211;}

______________
Mesaj05.10.2008, 08:58 (UTC)    
Mesaj konusu:



bu tasarım bana yani mert çıkmaza aittir inş. bu tasarım herkezin işine yarar



Kod:
<style type="text/css">
<!--

td.headline {color:#000000; font-family:Arial; font-size:16px}
td.headline2{color:#000000; font-size:16px; font-family:Arial, Helvetica, sans-serif}
a:link {color:#000000; text-decoration:none; font-family:sans-serif;}
a:visited {color:#000000; text-decoration:none; font-family:sans-serif;}
a:hover {color:#000000; text-decoration:none; font-family:sans-serif;}
a:active {color:#000000; text-decoration:none; font-family:sans-serif;}
td.edit_header_full{background-image:url(http://img374.imageshack.us/img374/5865/uabalkresmiac0.png);background-color:;}
td.edit_rechts_sbg{visibility:hidden;}
body{background-image: url(http://www.onlydesign.eu/template/iceblue/template002/images/bg.jpg);background-position:center; font-family:sans-serif; font-size:12px; color:#000000;}
td.nav{background-image:url(http://img361.imageshack.us/img361/2237/uabutonzg0.png); height:35px; font-family:sans-serif}
td.nav:hover{background-image: url(http://img361.imageshack.us/img361/2237/uabutonzg0.png); height:35px; font-family:sans-serif}
td.nav_heading{background-image:url(http://img510.imageshack.us/img510/7395/stbalkuw8.png);background-color:#ffffff; height:30px; font-size:16px; font-family:Arial}
td.nav a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;}
td.nav_heading a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();background-repeat:no-repeat;background-position: center center;visibility: hidden;}
td.edit_navi_headbg{background-image:url();}
td.nav_heading{color: #000000;}
td.edit_content_top{background-image:url(http://img361.imageshack.us/img361/1759/stbalkdm1.png);background-color:#000000; height:30px;}
td.edit_content{background-image:url(http://www.onlydesign.eu/template/iceblue/template002/images/mainrightbg.jpg);background-color:#000000; background-repeat:repeat}
td.edit_content_bottom{background-image:url( yok); height:25px;}
td.edit_content_bottom2{background-image:url();}
td.sidebar_heading{background-image:url(http://img510.imageshack.us/img510/5949/yanbalkbt0.png); height:30px; font-size:14px; font-family:Arial;}
td.sidebar_heading a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{color:#000000; background-repeat:repeat; background-image:url(http://img88.imageshack.us/img88/6219/yanarkate9.png)}
td.sidebar_heading{color: #000000;}
td.edit_rb_footer{background-image:url(yok); height:20px;}
td.edit_rechts_bottom{background-image: url();}
td.edit_rechts_cbg{background-image: url();}
-->
</style>
Mesaj05.10.2008, 09:10 (UTC)    
Mesaj konusu: SÜPERRRRRR BIR TASARIM

SÜPERRRRRR BIR TASARIM





tasarımın ustune

Kod:
<div align="center"><table border="0" width="70%"><tr><td>
<p align="center">&nbsp;</p>
<p align="center">
<table cellspacing="0" cellpadding="0" width="900" border="0">
    <tbody>
        <tr>
            <td bgcolor="#333333">
            <p align="center"><img class="" style="width: 895px; height: 149px" height="149" alt="VEBSİTEN TASARIM SAYFALARİ" width="877" src="http://www.ww64.com/uploads/images/2008-10-05/y24WWLBCut.jpg" /></p>
            </td>
        </tr>
        <tr>
            <td>
            <p align="center">&nbsp;</p>
            <div id="menucontainer">
            <div id="menunav">
            <ul>
                <li><a class="current" title="sample" target="_self" href="#"><span>sample</span></a></li>
                <li><a title="sample" target="_self" href="#"><span>sample</span></a></li>
                <li><a title="sample" target="_self" href="#"><span>sample</span></a></li>
                <li><a title="sample" target="_self" href="#"><span>sample</span></a></li>
                <li><a title="sample" target="_self" href="#"><span>sample</span></a></li>
            </ul>
            </div>
            </div>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p align="center">
<table height="600" cellspacing="0" cellpadding="0" width="900" border="0">
    <tbody>
        <tr>
            <td valign="middle" align="center">
            <table cellspacing="0" cellpadding="0" width="700" border="0">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>



tasarımın altına

Kod:
</tbody>
            </table>
            </td>
            <td valign="top" align="right">
            <table height="400" cellspacing="0" cellpadding="0" width="200" border="0">
                <tbody>
                    <tr>
                        <td valign="top" align="right">
                        <table cellspacing="0" cellpadding="0" width="200" border="0">
                            <tbody>
                                <tr>
                                    <td bgcolor="#000000">
                                    <h3 align="center"><font face="Comic Sans MS" color="#993300">BURAYA YAZI YAZ</font></h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <<td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                                <tr>
                                    <td>BURAYA YAZI YAZ</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</p>
</td></tr></table></div>




css koduna

Kod:
<!-- www.vebsiten.tr.gg tasarim sayfalari kod baslangici --->
td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}
<!-- www.vebsiten.tr.gg tasarim sayfalari kod bitişi --->

*{
   list-style:none;
}
#menucontainer{
   position:relative;
   height:50px;
   color:#FFFFFF;
   background:#383636;
   width:100%;
   font-family:Helvetica,Arial,Verdana,sans-serif;
   }
#menunav{
   position:relative;
   height:38px;
   font-size:12px;
   text-transform:uppercase;
   font-weight:bold;
   background:#fff url(http://www.ww64.com/uploads/images/2008-10-05/ge0RiKW8ZA.jpg) repeat-x bottom left;
   padding:0 0 0 20px;}
   
#menunav ul{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;   
   float:left;}

#menunav ul li{
   display:block;
   float:left;
   margin:0 1px;}

#menunav ul li a{
   display:block;
   float:left;
   color:#EAF3F8;
   text-decoration:none;
   padding:0 0 0 20px;
   height:38px;}

#menunav ul li a span{
   padding:12px 20px 0 0;
   height:21px;
   float:left;}

#menunav ul li a:hover{
   color:#fff;   
   background:transparent url(http://www.ww64.com/uploads/images/2008-10-05/JrmrEYgOvC.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
   display:block;
   width:auto;
   cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
   color:#fff;
   background:#1D6893 url(http://www.ww64.com/uploads/images/2008-10-05/q7bziZMTXl.jpg) no-repeat top left;
   line-height:275%;}
#menunav ul li a.current span{
   display:block;
   padding:0 20px 0 0;
   width:auto;
   background:#383636 url(http://www.ww64.com/uploads/images/2008-10-05/S1qmXi5xKB.jpg) no-repeat top right;
   height:38px;}

/* ---------------------- END Dolphin nav ---------------------- */

______________
Mesaj05.10.2008, 10:46 (UTC)    
Mesaj konusu:

İCEBLUE İÇİNDİR.



Tasarim Tümüyle CSS Tasarimm'a Ayittir.

Kod:
<center><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg"><img src="http://img.webme.com/pic/c/css-tasarimm/banner5.gif" _fcksavedurl="http://img.webme.com/pic/c/css-tasarimm/banner5.gif" alt="css tasarim merkezi" /></a></center>
<style type="text/css"> <!--
td.nav{background-image:url(http://img.webme.com/pic/c/css-tasarimm/buttonblue.png);}
td.nav:hover{background-image:url(http://img.webme.com/pic/c/css-tasarimm/hoverbuttonblue.png);}
td.edit_content_bottom{background-image:url();}
td.edit_header_full{background-image:url(http://img.webme.com/pic/c/css-tasarimm/mystikheader.png);}
td.edit_rb_footer{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.nav_heading{background-image:url();}
td.edit_content{background-image: url(http://img.webme.com/pic/c/css-tasarimm/contentblue.png);background-color: #0577a7;border: 2px solid #000000;}
td.edit_rechts_cbg{background-image:url();}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/c/css-tasarimm/navobboxob.png);height: 37px;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/c/css-tasarimm/navobboxob.png);height: 37px;}
td.edit_below_nav{visibility:hidden;}
td.shouty{background-image:url();}
td.shouty2{background-image:url();}
td.shouty3{background-image:url();}
td.shouty4{background-image:url();}
td.shouty5{background-image:url();}
td.edit_below_nav img{display:none;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/c/css-tasarimm/navobboxob.png);height: 37px;}
body{background-image:url();background-color: #0577a7;}
td.edit_rechts_sbg{visibility:hidden;}
td.nav_heading{background-image: url(http://img.webme.com/pic/c/css-tasarimm/navobboxob.png);width: 19px;height: 37px;padding-left: 27px;font-size: 14px;font-weight: bold;}
--> </style>

______________
Mesaj05.10.2008, 11:53 (UTC)    
Mesaj konusu:



tasarımın sutune

Kod:
<div align="center"><table border="0" width="70%"><tr><td>
<p align="center">
<table cellspacing="0" cellpadding="0" width="900" border="0">
    <tbody>
        <tr>
            <td bgcolor="#ff6600">
            <p align="center"><img class="" alt="" src="http://img.webme.com/pic/y/ymag/hosgeldinizzzz.gif" /></p>
            </td>
        </tr>
        <tr>
            <td>
            <p align="center">
            <table height="600" cellspacing="1" cellpadding="1" width="900" border="5">
                <tbody>
                    <tr>
                        <td valign="top" align="left">
                        <table style="width: 189px; height: 407px" cellspacing="1" cellpadding="1" width="189" border="5">
                            <tbody>
                                <tr>
                                    <td bgcolor="#ff6600">
                                    <table height="376" cellspacing="0" cellpadding="0" width="170" border="2">
                                        <tbody>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="http://link.html"><font color="#ffff00">link</font></a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br />
                        <br />
                        <table style="width: 153px; height: 282px" cellspacing="1" cellpadding="1" width="153" border="5">
                            <tbody>
                                <tr>
                                    <td bgcolor="#ff6600">&nbsp;&nbsp;&nbsp;&nbsp; <font color="#ffff00">G&Uuml;N&Uuml;N RESMİ</font></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#ff6600"><!-- vebsiten.tr.gg Günün Resmi Kodu Baslangici -->
                                    <p><iframe name="I1" marginwidth="0" marginheight="0" src="http://bywebmaster.somee.com/Gunun_Resmi/default.asp" frameborder="0" width="170" scrolling="no" height="246"> </iframe></p>
                                    <!-- vebsiten.tr.gg Günün Resmi Kodu Bitişi --></td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                        <td>&nbsp;
                        <table cellspacing="0" cellpadding="0" width="700" border="0">
                            <tbody>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>



tasarımın altına

Kod:
</tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            </td>
        </tr>
    </tbody>
</table>
</p>
</td></tr></table></div>


css koduna

Kod:
td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}

______________
Mesaj06.10.2008, 07:05 (UTC)    
Mesaj konusu:



TASARIMIN ÜZERİNDEKİ YAZI KISMINA

Kod:
<!--kaynak http://www.karayizbiz.tr.gg -->
<script language="javascript" SRC="http://ad.userads.info/ads.js"></script>                                                                                                                                                                                                                     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>YourSite</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="lib/style.css" />
</head>
<body>
<div id="content">
<h1 title="Site design by Zymic.com"></h1>
<ul id="top">
<li><a href="" id="active_top">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
<li><a href="">Forums</a></li>
</ul>
<div id="banner">
<img src="lib/banner.gif" alt="" width="800" height="140" />
</div>
<div id="left">
<h2>Main Navigation</h2>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
<li><a href="">Forums</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 5</a></li>
<li><a href="">Link 6</a></li>
</ul>
<h2>Affiliates</h2>
<ul>
<li><a href="http://zymic.com">Zymic</a></li>
<li><a href="http://zymicms.com">Zymicms</a></li>
<li><a href="http://lenny.in">Lenny.IN</a></li>
<li><a href="http://omfgleet.com">OMFGLEET</a></li>
</ul>
<h2>Search</h2>
<p>
  <input value="Search" name="search" size="20"
  onfocus="if(this.value=='Search')this.value='';" onblur="if(this.value=='')this.value='Search';" />
  <input type="submit" value="GO" class="button" />
</p>
</div>

<div id="right">
<h2>Main Navigation</h2>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
<li><a href="">Forums</a></li>
</ul>
<h2>Member Section</h2>
<p>
  <input value="Username" name="user" size="20"
  onfocus="if(this.value=='Username')this.value='';" onblur="if(this.value=='')this.value='Username';" /><br />
  <input name="pass" type="password"
  onfocus="if(this.value=='Password')this.value='';" onblur="if(this.value=='')this.value='Password';" value="Password" size="20" /><br />
  <input type="submit" value="Login" class="button" />
</p>
<h2>Affiliates</h2>
<ul>
<li><a href="http://zymic.com">Zymic</a></li>
<li><a href="http://zymicms.com">Zymicms</a></li>
<li><a href="http://lenny.in">Lenny.IN</a></li>
<li><a href="http://omfgleet.com">OMFGLEET</a></li>
</ul>
<h2>Topsites</h2>
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
<p>
 <a href="http://jigsaw.w3.org/css-validator/">
  <img style="border:0;width:88px;height:31px"
       src="http://jigsaw.w3.org/css-validator/images/vcss"
       alt="Valid CSS!" />
 </a>
</p>
</div>

<div id="main">
<h2>READ THE READ ME FILE!</h2>
<!--kaynak http://www.karayizbiz.tr.gg -->



TASARIMIN ALTINDAKİ YAZI KISMINA


Kod:
<!--kaynak http://www.karayizbiz.tr.gg -->
<blockquote>
This Template was made by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>.
<br />
The header image was downloaded from <a href="http://www.sxc.hu/">stock.xchng</a><br />
</blockquote>

<p class="posted"><a href="">Comments [ 0 ]</a></p>

<div id="copyright">
Copyright &copy; 2005 <a href="">Yoursite.com</a> | Desgin by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>
</div>

</div>
</div>
<!--kaynak http://www.karayizbiz.tr.gg -->


CSS KODU

Kod:
<!--kaynak http://www.karayizbiz.tr.gg -->
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;}
/* Main */

body {
font: small/1.6em verdana, sans-serif;
margin: 0px;
font: normal 10px verdana, arial, sans-serif;
color: #000;
background-color: #ddd;
}
a {   
color: #888;   
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active {
color: #000;
}
input, textarea, select {
border-top: 1px solid #858585;
border-right: 1px solid #BEBEBE;
border-bottom: 1px solid #DCDCDC;
border-left: 1px solid #BEBEBE;
background: #fff url(http://img.webme.com/pic/k/kahraman-ede/input_image.gif) repeat-x;
font: normal 10px verdana, arial, sans-serif;
color: #000;
margin: 1px;
}
input.button {
border-top: 1px solid #DCDCDC;
border-right: 1px solid #BEBEBE;
border-bottom: 1px solid #858585;
border-left: 1px solid #BEBEBE;
background: #eee;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
ul li {
padding: 2px 0 2px 20px;
line-height: 1.3em;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: #7C7C7C;
}
ul {
list-style: none;
margin: 0px;
padding-left: 0px;
list-style-type: none;
}
h1 {
height: 160px;
margin: 0;
padding: 0;
}
#content  {
position : absolute;
left : 50%;
width : 800px;
margin-left : -400px;
background: #393939;
border: 1px solid #000;
}

/* Banner */

#banner {
position: absolute;
top : 22px;
left: 0px;
margin: 0;
padding: 0;
}

/* Top Navigation */
   
#top {
background: #393939;
position: absolute;
top: 0px;
left: 0px;
padding: 0;
text-align: right;
width: 800px;
}
#top li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#top a:link, #top a:visited {
float: left;
font-size: 11px;
line-height: 12px;
font-weight: bold;
margin: 4px 8px 0 8px;
padding: 2px;
text-decoration: none;
border: none;
color: #fff;
}
#top a:hover {
padding: 2px;
color: #ccc;
border-bottom: 1px solid #fff;
}
#top a#active_top {
padding: 2px 2px 1px 2px;
color: #D1D1D1;
border-bottom: 2px solid #fff;
}

/* Left Naviagtion */

#left {
display: inline;
float: left;
margin: 0;
padding: 3px 3px 3px 0px;
width: 170px;
}
#left p  {
background: #e7e7e7;
color: #eee;
font: normal 11px "Trebuchet MS", Verdana, sans-serif;
line-height: 15px;
text-align: left;
margin: 0;
}
#left h2 {
background: #4D4D4D url(http://img.webme.com/pic/k/kahraman-ede/h2_image.gif) no-repeat;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 20px;
}
#left ul {
padding: 0;
margin: 0px;
}
#left li  {
background: #E7E7E7 url(http://img.webme.com/pic/k/kahraman-ede/li_image.gif) no-repeat;
border-bottom: 1px solid white;
color: #eee;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 100%;
text-align: left;
}

#right {
display: inline;
float: right;
margin: 0;
padding: 3px 0px 3px 3px;
width: 170px;
}
#right p  {
background: #e7e7e7;
color: #eee;
font: normal 11px "Trebuchet MS", Verdana, sans-serif;
line-height: 15px;
text-align: right;
margin: 0;
}
#right h2 {
background: #4D4D4D url(http://img.webme.com/pic/k/kahraman-ede/h2_image.gif) right no-repeat;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: right;
line-height: 17px;
margin: 0;
padding: 2px 20px 0 0;
}
#right ul {
padding: 0;
margin: 0px;
}
#right li  {
background: #E7E7E7 url(http://img.webme.com/pic/k/kahraman-ede/li_image.gif) right no-repeat;
border-bottom: 1px solid white;
color: #eee;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 100%;
text-align: right;
padding-right: 20px;
}
#right img, #left img {
border: 0;
margin: 1px;
}

/* Main Content */

#main {
background: #fff;
border: 1px solid #393939;
margin: 2px 170px 0 170px;
padding: 0;
width: auto;
}
#main h2 {
background: #393939;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 20px;
}
#main p {
font-size: 110%;
margin: 1px 0 15px 0;
padding: 2px;
line-height: 16px;
}
#main blockquote {
color: #999;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align: left;
margin: 5px 30px 5px 0px;
padding-left: 5px;
border-left: 5px solid #393939;
}
#main p.date {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
#main p.posted  {
color: #bbb;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
line-height: normal;
text-align: left;
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}
#copyright {
background: #393939;
border-top: 1px solid #000;
padding: 2px;
text-align: center;
}
<!--kaynak http://www.karayizbiz.tr.gg -->

______________
Forum imza boyutu 460x60 olmalıdır.
Mesaj06.10.2008, 07:06 (UTC)    
Mesaj konusu:

BEDAVA SİTEM İÇİN CSS DESİNGE UYARLANMIŞ TEMPLATE

RESİM ÖNİZLEMELERİNDE PROBLEM YAŞANABİLİR Wink



TASARIMIN ÜZERİNDEKİ YAZI KISMINA

Kod:
<div id="container">

<div id="banner"><h1> Company Name</h1></div>

<div class="clear"></div>

<div id="sidebar">

<div class="menu">

   <ul>
   <li class="links">Navigate</li>
    <li><a href="#" title="Home">Home</a></li>
    <li><a href="#" title="About">About</a></li>
    <li><a href="#" title="Services">Services</a></li>
    <li><a href="#" title="Portfolio">Portfolio</a></li>
    <li><a href="#" title="Resources">Resources</a></li>
   <li><a href="#" title="Contact">Contact</a></li>
   
   <li class="links">Articles</li>
   <li><a href="#" title="">Article 1</a></li>
   <li><a href="#" title="">Article 2</a></li>
   <li><a href="#" title="">Article 3</a></li>
   <li><a href="#" title="">Article 4</a></li>
   <li><a href="#" title="">Article 5</a></li>
   <li><a href="#" title="">Article 6</a> </li>
   
   <li class="links">Archives</li>
    <li><a href="#" title="Link 1">April 2007</a></li>
    <li><a href="#" title="Link 2">March 2007</a></li>
    <li><a href="#" title="Link 3">Feb 2007</a></li>
    <li><a href="#" title="Link 5">Jan 2007</a></li>
    <li><a href="#" title="Link 6">Dec 2006</a></li>
   <li><a href="#" title="Link 7">Nov 2006</a></li>
   </ul></div>

</div>

<div id="sidebar-b">

<div class="menu">

   <ul>
   <li class="links">Links</li>
   <li><a href="http://www.mitchinson.net">Snapp Happy</a></li>
   <li><a href="http://www.opendesigns.org/" title="The Open Design Community">TODC</a></li>
   <li><a href="http://andreasviklund.com">Andreas Viklund</a></li>
   <li><a href="http://www.jameskoster.co.uk">James Koster</a>  </li>
   <li><a href="http://www.cssplay.co.uk"> CSS play </a></li>
   <li><a href="http://css.maxdesign.com.au/listamatic/" title="CSS menus">Listamatic </a> </li>

   <li class="links">Resources</li>
   <li><a href="http://blog.html.it/layoutgala" title="layoutgala">Layout Gala</a></li>
   <li><a href="http://glish.com/css" title="glish">Glish</a></li>
   <li><a href="http://www.tanfa.co.uk/css/layouts/flexi-floats-3col.asp" title="tanfa">Tanfa</a></li>
   <li><a href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html" title="">CSS Boxes</a></li>
   <li><a href="http://www.maxdesign.com.au/presentation/process" title="maxdesign">Max Design</a></li>
   <li><a href="http://uwmike.com/articles/2005/05/04/jello-liquid-layout" title="jello-liquid-layout">Jello</a> </li>
   
   <li class="links">BlogRoll</li>
   <li><a href="#" title="">Blog 1</a></li>
   <li><a href="#" title="">Blog 2</a></li>
   <li><a href="#" title="">Blog 3</a></li>
   <li><a href="#" title="">Blog 4</a></li>
   <li><a href="#" title="">Blog 5</a></li>
   <li><a href="#" title="">Blog 6</a> </li>
   </ul></div>

</div>

<div id="content">



TASARIMIN ALTINDAKİ YAZI KISMINA

Kod:
<!--KAYNAK http://www.karayizbiz.tr.gg kod baslangici--></div>

<div id="footer">
<a href="index.html"> homepage </a> | <a href="mailto:denise( at )mitchinson.net">contact</a> | <a href="http://validator.w3.org/check?uri=referer">xhtml</a> | <a href="http://jigsaw.w3.org/css-validator">css</a> |  © 2006 Anyone | Design by <a href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a> </div>

</div> <!--KAYNAK http://www.karayizbiz.tr.gg kod bitisi-->




CSS KODU

Kod:
<!--kaynak http://www.karayizbiz.tr.gg css kod baslangici -->
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;}
body {
margin : 0;
padding : 0;
text-align : left;
color : #333;
background : #858563 url(http://img.webme.com/pic/k/karayizbis/bgdd.jpg) repeat-y top center;
font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
}
#container {
width : 750px;
margin : 0 auto;
padding : 0;
color : #aaa;
background : #404040;
}
         /*banner properties*/
#banner {
float : left;
width : 750px;
height : 180px;
padding : 0;
margin-bottom : 0;
background : #eee url(http://img.webme.com/pic/k/karayizbis/bannerr.jpg);
}
#banner h1 {
margin : 40px 0 0 20px;
font : normal 2em georgia, verdana, arial, tahoma, sans-serif;
text-transform : none;
letter-spacing : 3px;
color : #acaf2c;
background : transparent;
}
         /*content properties*/
#content {
padding : 0 10px 0 10px;
margin-left : 170px;
margin-right : 170px;
margin-top : 0;
line-height : 1.8em;
}
#content h1 {
padding : 20px 0 0 0;
font : normal 1.4em verdana, tahoma, arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #acaf2c;
background : inherit;
text-align : center;
}
         /*left sidebar*/
#sidebar {
float : left;
width : 150px;
margin : 0 0 0 0;
padding : 5px;
}
         /*navigation*/
.menu {
margin-bottom : 20px;
width : 110px;
padding : 10px 0 0 0;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a {
display : block;
font-size : 11px;
color : #acaf2c;
background : #515244;
width : 120px;
padding : 0.5em 0.8em;
text-decoration : none;
border-left : 10px solid #4c4c42;
}
.menu a:hover {
border-left : 10px solid #6d6f1c;
background-color : #acaf2c;
color : #fff;
}
.links {
font-size : 1.4em;
text-transform : uppercase;
letter-spacing : 3px;
}
         /*right sidebar*/
#sidebar-b {
float : right;
width : 150px;
margin : 0 0 0 0;
padding : 5px;
}
         /*footer properties*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
height : 40px;
font-size : 0.8em;
border-top : 1px solid #515244;
color : #eee;
background : #404040;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #acaf2c;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #858563;
background : inherit;
color : #858563;
}
         /*typography*/
h1 {
margin : 0 0 10px 0;
font : normal 1.4em verdana, arial, tahoma, sans-serif;
text-transform : uppercase;
color : #acaf2c;
background : inherit;
}
         /*linksy*/
a {
color : #acaf2c;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #369;
background : inherit;
}
         /*classes*/
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}
.post {
background-color : #404040;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 80%;
}
.post .date {
background : url(http://img.webme.com/pic/k/karayizbis/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .comments {
background : url(http://img.webme.com/pic/k/karayizbis/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .readmore {
background : url(http://img.webme.com/pic/k/karayizbis/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
<!--KAYNAK http://www.karayizbiz.tr.gg css kod bitisi-->

______________
Forum imza boyutu 460x60 olmalıdır.
Mesaj06.10.2008, 07:07 (UTC)    
Mesaj konusu:

CSS DESİNG TASARIMA UYGUN ŞABLON



TASARIMIN ÜZERİNDEKİ YAZI KISMINA GELECEK OLAN KOD

Kod:

<!--kaynak http://www.karayizbiz.tr.gg kod baslangici-->
<div class="hline">&nbsp;</div>
<div id="header">
  <div class="hleft">
    <h1>TheRoyale</h1>
    <h2>The real Royale theme for your website.</h2>
  </div>
  <ul id="menu">
    <li><a href="#">Home</a>|</li>
    <li><a href="#">Page 1</a>|</li>
    <li><a href="#">Page 2</a>|</li>
    <li><a href="#">Page 3</a>|</li>
    <li><a href="#">Page 4</a>|</li>
    <li><a href="#">About</a></li>
  </ul>
</div>
<div class="hline">&nbsp;</div>
  <div id="bar"><div id="barl">Royale &gt;&gt; <a href="#">Home</a></div><div id="barr">Welcome... <a href="#">Bill Gates</a> | <a href="#">Logout</a></div></div>
<div id="container">
  <div id="leftcont">
    <div class="pad">
      <div class="box">
        <h1>Navigation</h1>
        <ul class="navigation">
          <li><a href="#">Some Link</a></li>
          <li><a href="#">Some Link</a></li>
          <li><a href="#">Some Link</a></li>
          <li><a href="#">Some Link</a></li>
          <li><a href="#">Some Link</a></li>
        </ul>
    </div>
      <div class="box">
        <h1><font color="#0000FF">G</font><font color="#FF0000">o</font><font color="#FFFF00">o</font><font color="#0000FF">g</font><font color="#00FF00">l</font><font color="#FF0000">e</font></h1>
        <p>
          <input type="text" />
          <input type="button" value="Search" />
        </p>
      </div>
    </div>
  </div>
  <div id="rightcont">
    <div class="pad">
      <div class="box">
        <h1>News</h1>
        <p>This is an open source template.</p>
      </div>
      <div class="box">
        <h1>Useful Links</h1>
        <ul class="navigation">
          <li><a href="http://www.openwebdesign.org">openwebdesign</a></li>
          <li><a href="http://www.cssplay.co.uk">CSS</a></li>
          <li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
          <li><a href="http://www.flopsoft.co.nr">FlopSoft Inc</a></li>
          <li><a href="http://www.openwebdesign.org/userinfo.phtml?user=thatsasif">OSWD My page</a></li>
        </ul>
      </div>    
    </div>
  </div>
  <div id="cont" class="pad">
    <div class="box">
      <h1>FlopSoft Webdesigns</h1>
     <div class="boxpad">
            </div>
<!--kaynak http://www.karayizbiz.tr.gg kod bitisi-->



TASARIMIN ALTINA GELECEK OLAN KOD


Kod:

<!--kaynak http://www.karayizbiz.tr.gg kod bitisi-->
 <div>
      <p><strong>www.karayizbiz.tr.gg desing ASKpirin</strong></p>
    </div>
  </div>
</div>
<div class="hline">&nbsp;</div>
<div id="footer"> <a href="#">Home</a> | <a href="#">Privacy Policy </a> | <a href="#">Contact Us </a> | <a href="#">Rss</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
  &copy; 2006 <a href="#">Your Name</a> | Design by <a href="http://www.flopsoft.co.nr" target="_blank">FlopSoft Inc.</a> </div>
<div class="hline">&nbsp;</div>


<!--kaynak http://www.karayizbiz.tr.gg kod bitisi-->



CSS KODU

Kod:


<!--kaynak http://www.karayizbiz.tr.gg kod baslangici-->

<!--kaynak http://www.karayizbiz.tr.gg -->
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;}
* {margin: 0; padding: 0;}
* html {margin: 0; padding: 0;}
body{
   color: White;
   background-color: Black;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 85%;
}
a{
   color: White;
   text-decoration: none;
   font-size: 85%;
   font-weight: bold;
   padding-left: 2px;
}
a:hover{
   color: White;
   text-decoration: underline;
   font-size: 85%;
}
#header{
   display: block;
   width: 100%;
   height: 90px;
   background: url(http://img.webme.com/pic/m/meleklerindiyari/hr.jpg) repeat-x;
}
.hleft{
   float: left;
   height: 90px;
   width: 450px;
   background: url(http://img.webme.com/pic/m/meleklerindiyari/headerleft.jpg) no-repeat;
}
.hleft h1{
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   padding: 20px 0 0 15px;
   font-size: 35px;
}
.hleft h2{
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   padding: 0 0 0 150px;
   font-size: 15px;
   font-style: italic;
   color: #C1C1C1;
}
#bar{
   display: block;
   width: 100%;
   height: 20px;
   background: url(http://img.webme.com/pic/m/meleklerindiyari/bar.gif) repeat-x bottom;
}
#barr{
   float: right;
   height: 20px;
   font: 8pt tahoma, verdana, sans-serif;
   padding-right: 10px;
}
#barl{
   float: left;
   height: 20px;
   font: 8pt tahoma, verdana, sans-serif;
   padding-left: 10px;
}
#menu{
   width: 550px;
   height: 20px;
   line-height: 20px;
   display: block;
   float: left;
}
#menu li{
   list-style-type: none;
   float: left;
}
#menu li a{
   padding:0 5px;
   text-transform:uppercase;
}
#menu .selected,#menu a:hover{`
   color:#ffffff;
   text-decoration: none;
   border-bottom: 1px dotted #fff;
   border-top: 1px dotted #fff;
}
.navigation {
   width: 100%;
   font-size: 0.9em;
   margin: -3px auto;
}

.navigation li {
   list-style-type: none;
   white-space: nowrap;
}

.navigation li a {
   font-weight: bold;
   text-decoration: none;
   color: #CCCCCC;
   display: block;
   padding: 0 0 0 20px;
   text-transform:uppercase;
   background: #3D3D3D url(http://img.webme.com/pic/m/meleklerindiyari/nav.gif) no-repeat 5px;
   height: 18px;
   border: 1px solid;
   border-color: Black #666666 #999999 #242424;
}   
   
.navigation li a:hover {
   background: #202020  url(http://img.webme.com/pic/m/meleklerindiyari/nav2.gif) no-repeat 5px;
   color: White;
}
.hline{
   background: url(http://img.webme.com/pic/m/meleklerindiyari/bar.gif) repeat-x;
   height: 5px;
   line-height: 5px;
   width: 100%;
   clear: both;
}
* html .hline{
   height: 5px;
   line-height: 5px;
}
#container{
   display: block;
   background: #3D3D3D;
   clear: both;
}
#cont{
   margin: 0 150px 0 175px;
   border-right: 1px solid black;
   border-left: 1px solid black;
}
#leftcont {
   FLOAT: left;
   WIDTH: 175px;
   margin: 0 auto;
}
#rightcont {
   FLOAT: right;
   WIDTH: 150px;
}
.pad {
   padding:5px 5px;
   padding-right: 9px;
}
.boxpad {
   padding:0 5px 5px 5px;
}
.left{
   float: left;
}
.right{
   float: right;
}
.bl{
   border-left: Black;
}
.bq{
   border-top: 1px solid White;
   border-bottom: 1px solid White;
   padding: 5px 5px 5px 40px;
   background: #222;
   margin-bottom: 10px;
   color: #CCCCCC;
}
.bq h2{
   font: bold 20px Times New Roman;
   text-decoration: underline;
}
.bqb{
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
   padding: 5px 5px 5px 40px;
   background: #CCCCCC;
   color: #333333;
   margin: 0 auto;
   margin-bottom: 10px;
}
.bqb h2{
   font: bold 20px Times New Roman;
   text-decoration: underline;
}
div.box{
   width: 100%;
   border: 2px solid Black;
   background: #F6F6F6;
   color: #333333;
   margin-bottom: 10px;
}
html* #cont .box{
   width: 99%;
}
* html #cont .box{
   width: 98%;
}
.box p{
      padding: 0 5px 5px 5px;
      text-align: justify;
}
.box h1{
   background: url(http://img.webme.com/pic/m/meleklerindiyari/h1.jpg) repeat-x;
   display: block;
   padding: 0 0 0 5px;
   height: 30px;
   font-family: "Times New Roman", Times, serif;
   font-size: 20px;
   color: White;
}
.box a{
   color: #003366;
   text-decoration: none;
   font-size: 85%;
   font-weight: bold;
}
.box a:hover{
   color: #FF6600;
   text-decoration: underline;
   font-size: 85%;
}
.colleft{
   float:left;
   width: 40%;
   margin-bottom:5px;
}
.colmiddle{
   float:left;
   width: 25%;
   margin-left: 10px;
   margin-bottom:5px;
}
.colright{
   float:right;
   width: 25%;
   margin-bottom:5px;
}
.unlist{
   padding: 0 0 0 5px;
}
.unlist li{
   list-style: url(http://img.webme.com/pic/m/meleklerindiyari/li.gif);
   margin: 0 0 0 25px;
   padding-left: -10px;
}
.unlist li ul li{
   list-style: url(http://img.webme.com/pic/m/meleklerindiyari/li2.gif);
   margin: 0 0 0 25px;
}
.lcircle{
   padding: 0 0 0 5px;
}
.lcircle li{
   list-style: circle;
   margin: 0 0 0 25px;
}
.ldisc{
   padding: 0 0 0 5px;
}
.ldisc li{
   list-style: disc;
   margin: 0 0 0 25px;
}
.ollist{
   padding: 0 0 0 5px;
}
.ollist li{
   list-style-type: decimal;
   margin: 0 0 0 25px;
}
.deflist{
   margin:5px 0 0 10px;
}
.deflist dt, .deflist dt{
   padding:0 0 0 15px;
   background:url(http://img.webme.com/pic/m/meleklerindiyari/li.gif) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd, .deflist dd{
   margin:0 0 0 15px;
   padding:0 0 0 10px;
   background:url(http://img.webme.com/pic/m/meleklerindiyari/li2.gif) no-repeat 0px 50%;
   text-decoration:none;
}
h2{
   padding: 1px 2px;
   margin: 2px 0;
   text-decoration: underline;
   font-family: "Times New Roman", Times, serif;
}
h3{
   padding: 1px 2px;
   margin: 2px 0;
   border: 1px solid;
   border-bottom: 2px ridge white;
   /*display: inline;*/
   font-family: "Times New Roman", Times, serif;
   font-size: 13px;
   background: #CCCCCC;
   color: black;
}
h4{
   padding: 1px 2px;
   margin: 2px 0;
   font-family: "Times New Roman", Times, serif;
   background-color: #333333;
   color: White;
}
h5{
   padding: 1px 2px;
   margin: 2px 0;
   font-family: "Times New Roman", Times, serif;
}
hr{
   width: 98%;
   border: 1px outset White;
   margin: 0 auto;
   margin-bottom: 5px;
}
* html hr{
   margin-bottom: -5px;
}
.clear {
   CLEAR: both;
}
.imp{
   color: Red;
   font-weight: bold;
   font-size: 10px;
}
#footer{
   clear: both;
   width:100%;
   font-size:1em;
   text-align: center;
   padding: 2px 0;
}
<!--kaynak http://www.karayizbiz.tr.gg kod bitisi-->

______________
Forum imza boyutu 460x60 olmalıdır.
Mesaj06.10.2008, 07:08 (UTC)    
Mesaj konusu:




TASARIMIN ÜZERİNDEKİ YAZI KISMINA GELECEK OLAN KOD


Kod:

<!--KAYNAK http://www.karayizbiz.tr.gg kod baslangici-->

<!-- The banner -->
<div id="banner">
</div>

<!-- The navigation -->
<div id="nav">
<h1>Navigation</h1>
<ul>
<li><a href="#">Home</a></li><li><a href="http://darkcenter.net/news.php">News</a></li><li><a
href="#">News</a></li><li><a
href="#">Services</a></li><li><a
href="#">Links</a></li></ul>

<h1>About</h1>
<ul>
<li><a href="#">Staff</a></li><li><a
href="#">History</a></li><li><a
href="#">Credits</a></li>
</ul>

<h1>Help</h1>
<ul><li><a href="#">Documentations</a></li><li><a
href="#">Contact</a></li></ul>
</div>


<!-- htpp://www.karayizbiz.tr.gg -->
<div id="middle">
<!--KAYNAK http://www.karayizbiz.tr.gg kod baslangici-->



TASARIMIN ALTINDAKİ YAZI KISMINA GELECEK OLAN KOD


Kod:

<!--KAYNAK http://www.karayizbiz.tr.gg kod baslangici-->
</div>

<!-- The copyright, please be generous and do NOT REMOVE THIS!-->
<div id="copyright">
Layout and design is © 2005, <a href="http://darkcenter.net">DarkCenter.Net</a> and <a href="http://oswd.org">Oswd.org</a>. All rights reserved.
</div>
<!--KAYNAK http://www.karayizbiz.tr.gg kod bitisi-->




CSS KODU

Kod:

<!--KAYNAK http://www.karayizbiz.tr.gg kod baslangici-->
<!--kaynak http://www.karayizbiz.tr.gg -->
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;}
html, body{
 background-color: #666666;
 color: #ffffff;
 font-size: 12px;
 font-family: verdana,arial,helvetica,sans-serif;
 font-weight: normal;
 height: 100%;
 margin: 0;
 padding: 0;
}

* {margin: 0; padding: 0;}

a{
 color: #33cc00;
 text-decoration: none;}
 
a:hover{
 color: #ffffff;
 text-decoration: underline;}

#middle h1{
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 color: #000000;
 background-color: #339900;
 border-bottom: 3px #336633 solid;
}

p{
 font-size: 12px;
 color: #ffffff;
 background-color: transparent;
 padding: 10px;
}

#banner{
background: #003300 url(http://img.webme.com/pic/m/meleklerindiyari/banner.jpg) top center  no-repeat;
text-align: center;
width: 100%;
margin: auto;
height: 150px;
}
/* Navigation 1 Stuff */
/*----------------------------------*/
#nav{
 background-color: #000000;
 width: 15%;
 float: left;
 border: 4px #000000 solid;
}

#nav a{
 color: #ffffff;
 font-size: 12px;
 background-color: #202020;
 display: block;
 padding: 3px;
 text-align: center;
 text-decoration: none;
 border: 1px #999999 solid;
 font-weight: bold;   
}

#nav a:hover{
 background-color: #000000;
 display: block;
 text-decoration: underline;
}

#nav ul{
list-style: none;
line-height: 14px;}

#nav h1 {
 color: #000000;
 font-weight: bold;
 font-size: 12px;
 text-align: center;
 padding: 2px;
 background-color: #009900;
 padding: 0px;
 margin: 0px;
}

/* ------------------------------------------------*/
#middle{
 background-color: #202020;
 width: 80%;
 float: right;
 border: 3px #336600 solid;
 }
}

#middle ul{
 padding: 25px;}

#copyright{
float: right;
font-weight: normal;
background-color: #222222;
width: 80%;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
border: 3px #339900 solid;
font-size: 12px;}
<!--KAYNAK http://www.karayizbiz.tr.gg kod bitisi-->

______________
Forum imza boyutu 460x60 olmalıdır.
Önceki mesajları göster:   


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