v5 tasarim

Devrimcity V5 Tasarımı 

 

Tasarım Üstü: 

Kod:
<table width="890" height="643" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="890" height="39" align="left" valign="top"><img src="http://b1108.hizliresim.com/11/8/15/7701.jpg" width="900" height="49" border="0" usemap="#Map"></td> 
  </tr> 
  <tr> 
    <td height="286" align="left" valign="top" background="http://a1108.hizliresim.com/11/8/15/7716.gif"><table width="900" height="105" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="70" height="33" align="left" valign="top"> </td> 
        <td width="558" align="left" valign="top"> </td> 
        <td width="213" align="left" valign="top"> </td> 
        <td width="49" align="left" valign="top"> </td> 
      </tr> 
      <tr> 
        <td height="72" align="left" valign="top"> </td> 
        <td align="left" valign="top">Tasarımımız Değişti hayırlı olsun... </td> 
        <td align="left" valign="top"><div>Bugün:59 
          <div>Tıklanma:93 
            <div>Toplam:917 Kişi Ziyaret Etti. </div> 
          </div> 
        </div></td> 
        <td align="left" valign="top"><p> </p> 
          <p> </p>          </td> 
      </tr> 
    </table> 
      <table width="900" height="76" border="0" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td width="24" height="38"> </td> 
          <td width="866"> </td> 
        </tr> 
        <tr> 
          <td> </td> 
          <td align="left" valign="top"><a href="yakıda"><img src="https://img.webme.com/pic/d/devrimcity/666.gif" width="152" height="34" border="0"></a><a href="yakında"><img src="https://img.webme.com/pic/d/devrimcity/777.gif" width="118" height="34" border="0"></a><a href="yakında"><img src="http://b1108.hizliresim.com/11/8/15/7713.gif" width="120" height="34" border="0"></a><a href="yakında"><img src="https://img.webme.com/pic/d/devrimcity/999.gif" width="222" height="34" border="0"></a><a href="yakında"><img src="https://img.webme.com/pic/d/devrimcity/100.gif" width="144" height="34" border="0"></a><a href="yakında"><img src="https://img.webme.com/pic/d/devrimcity/111.gif" width="87" height="34" border="0"></a></td> 
        </tr> 
      </table></td> 
  </tr> 
  <tr> 
    <td height="126" align="left" valign="top" background="http://a1108.hizliresim.com/11/8/15/7721.gif"><table width="835" height="124" border="0" align="center" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="178" align="left" valign="top"><div class="arrowlistmenu"> 

<h3 class="headerbar">CSS Library</h3> 
<ul> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li> 
<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li> 
</ul> 

<h3 class="headerbar">CSS Drive</h3> 
<ul> 
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li> 
<li><a href="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li> 
<li><a href="http://www.cssdrive.com/index.php/news/">Web Design News</a></li> 
<li><a href="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li> 
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li> 
</ul> 

</div> 
</td> 
        <td width="18" align="left" valign="top"> </td> 
        <td width="639" align="left" valign="top">Bu tasarım devrimcity.tr.gg tarafından bedava sitem kullanıcıları için özel olarak hazırlanmıştır.Tasarım resimleri dreamweaver'de kodlanıp bedava siteme uyarlanmıştır.Tasarımlarda gördüğünüz siteler benim sitelerimdir.Her hangi bir çalıntı yoktur.Bu aralar photoshop tasarım çizip kodluyorum.Bedava sitemde kullanmanız için ayarlıyorum...Tasarımları kullanabilirsiniz,yanlız devrimcity.tr.gg küçük bir yerde belirtmesinizi isterim...



Tasarım Altı: 

Kod:
</td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td height="182" align="left" valign="top" background="https://img.webme.com/pic/y/yorgun50deneme/dv5_04.gif"><table width="870" height="182" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="200" height="84" align="left" valign="top">&nbsp;</td> 
        <td width="185" align="left" valign="top">&nbsp;</td> 
        <td width="485" align="left" valign="top">&nbsp;</td> 
      </tr> 
      <tr> 
        <td height="19" align="left" valign="top">&nbsp;</td> 
        <td align="left" valign="top">&nbsp;</td> 
        <td align="left" valign="top">&nbsp;</td> 
      </tr> 
      <tr> 
        <td height="79" align="left" valign="top">&nbsp;</td> 
        <td align="left" valign="top"><table width="147" height="63" border="0" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td height="63" align="left" valign="top"><div> 
                <div>Link Takas </div> 
            </div> 
                <div>Link Takas 
                  <div>Link Takas </div> 
                </div></td> 
          </tr> 
        </table></td> 
        <td align="left" valign="top"><a href="www.devrimcity.tr.gg"><img src="https://img.webme.com/pic/d/devrimcity/94.gif" border="0"/></a> </td> 
      </tr> 
    </table></td> 
  </tr> 
</table> 

<map name="Map"><area shape="rect" coords="12,11,125,41" href="devrimcity.tr.gg"> 
<area shape="rect" coords="134,11,225,40" href="http://devrimcity.tr.gg/Iletisim.htm"> 
<area shape="rect" coords="233,9,347,42" href="Hakkımızda url"> 
<area shape="rect" coords="355,11,548,40" href="http://devrimcity.tr.gg/Ziyaretci-defteri.htm"> 
<area shape="rect" coords="554,14,645,40" href="http://devrimcity.tr.gg/Eglence.htm"> 
<area shape="rect" coords="656,11,726,40" href="http://devrimcity.tr.gg/Saglik.htm"> 
<area shape="rect" coords="730,11,853,41" href="gelecek"> 
</map>


Css Kodu: 

Kod:
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 

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

body,td,th { 
font-family: tahoma; 
font-size: 14px; 
color: #000000; 
font-weight: normal; 

body { 
background-image: url(https://img.webme.com/pic/d/devrimcity/152.gif); 

a { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #333399; 
font-weight: normal; 


<style type="text/css"> 

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


.arrowlistmenu .headerbar{ 
font: bold 14px Arial; 
color: white; 
background: black url(media/titlebar.png) repeat-x center left; 
margin-bottom: 10px; /*bottom spacing between header and rest of content*/ 
text-transform: uppercase; 
padding: 4px 0 4px 10px; /*header text is indented 10px*/ 


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


.arrowlistmenu ul li{ 
padding-bottom: 2px; /*bottom spacing between menu items*/ 


.arrowlistmenu ul li a{ 
color: #A70303; 
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block; 
padding: 2px 0; 
padding-left: 19px; /*link text is indented 19px*/ 
text-decoration: none; 
font-weight: bold; 
border-bottom: 1px solid #dadada; 
font-size: 90%; 


.arrowlistmenu ul li a:visited{ 
color: #A70303; 


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


</style> 






Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

Bugün 3 ziyaretçi (40 klik) kişi burdaydı!
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=