Forum'da ara:
Ara


Yazar Mesaj
Mesaj12.07.2010, 17:41 (UTC)    
Mesaj konusu: GS Tasarım Tavsiye Edilir

Amatörce bir tasarım ama yinede öylesine uğraşırken yaptım umarım beğenirsiniz.

Tasarım Üzerine
Kod:
<table border="0" cellspacing="0" cellpadding="0" width="980" align="center" height="208">
    <tbody>
        <tr>
            <td height="208" valign="top" background="http://img51.imageshack.us/img51/7550/tavannn.png" align="left">
            <table border="0" cellspacing="0" cellpadding="0" width="980" height="114">
                <tbody>
                    <tr>
                        <td height="21" width="43">&nbsp;</td>
                        <td width="328">&nbsp;</td>
                        <td width="72">&nbsp;</td>
                        <td width="506">&nbsp;</td>
                        <td width="31">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="85">&nbsp;</td>
                        <td valign="middle" align="center">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td valign="middle" align="center">&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            <table border="0" cellspacing="0" cellpadding="0" width="980">
                <tbody>
                    <tr>
                        <td height="24" width="13">&nbsp;</td>
                        <td width="952">&nbsp;</td>
                        <td width="15">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="50">&nbsp;</td>
                        <td valign="middle" align="center">
                        <div style="text-align: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
                        <br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ffcc00">&nbsp;&nbsp;</span><span style="color: #ffcc00"><strong>&nbsp;</strong></span><span style="color: #ffcc00"><a href="http://+"><strong>ANA SAYFA&nbsp;&nbsp;</strong></a></span><span style="color: #ffcc00"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</strong></span><span style="color: #ffcc00"><a href="http://+"><strong>LİNK 2</strong></a></span><span style="color: #ffcc00"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></span><span style="color: #ffcc00"><a href="http://+"><strong>LİNK 3</strong></a></span><span style="color: #ffcc00"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></span><span style="color: #ffcc00"><a href="http://+"><strong>LİNK4&nbsp;&nbsp;&nbsp;</strong></a></span><span style="color: #ffcc00"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></span><a href="http://+"><span style="color: #ffcc00"><strong>&nbsp; LİNK5</strong></span></a></div>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="980" align="center" height="63">
    <tbody>
        <tr>
            <td valign="top" background="" align="left">
            <table border="0" cellspacing="0" cellpadding="0" width="980" height="64">
                <tbody>
                    <tr>
                        <td width="15">&nbsp;</td>
                        <td valign="top" width="186" align="left">
                        <div class="arrowlistmenu"><img alt="" src="http://img62.imageshack.us/img62/9597/aslani.png" /> </div>
                        </td>
                        <td width="21">&nbsp;</td>
                        <td valign="top" width="536" align="left">
                        <div id="container">&nbsp;</div>

Tasarım Altına
Kod:
</td>
        <td width="22"> </td>
        <td width="187" align="left" valign="top"><div class="arrowlistmenu">
 
<table border="1" cellspacing="1" cellpadding="1" width="211" style="width: 211px; height: 538px">
    <tbody>
        <tr>
            <td valign="top" align="left"><img alt="" src="http://img717.imageshack.us/img717/2197/25222.png" /></td>
        </tr>
        <tr>
            <td>istediğiniz şekilde kullanabilirsiniz.</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table></div>
</td>
        <td width="13"> </td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="109" align="left" valign="top" background="http://img94.imageshack.us/img94/3574/78035998.png"><table width="980" height="100">
      <tr>
        <td width="11"> </td>
        <td width="944"> </td>
        <td width="10"> </td>
      </tr>
      <tr>
        <td height="71"> </td>
        <td align="left" valign="middle">
</td>
        <td> </td>
      </tr>
     
    </table></td>
  </tr>
</table>


CSS Bölümüne
Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

table {margin-left: auto;margin-right: auto}

body,td,th {
font-family: tahoma;
font-size: 14px;
color: #000000;
font-weight: normal;
}
body {
background-image: url(ARKA PLAN URL);
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}

<style type="text/css">

/*Credits: LifeCity CSS Menu */
/*URL: http://www.lifecity.tr.gg*/

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background: black url(http://img.webme.com/pic/l/lifelist/mavi_menubar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666666;
background: url(http://img.webme.com/pic/l/lifelist/arrow_menu.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 85%;
}

.arrowlistmenu ul li a:visited{
color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #8F8F8F;
background-color: #F3F3F3;
}


ÖRNEK: www.gstasarim.tr.gg

Örnekten Bakabilirsiniz...İMza site ismi vs.reklam yok Smile
Mesaj12.07.2010, 19:00 (UTC)    
Mesaj konusu:

Tasarimlarinizi burada paylasiniz.

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=25697

Selametle Wink
Önceki mesajları göster:   


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