V6

Devrimcity V6 Tasarımı 



Tasarım Üstü: 

Kod:
<style type="text/css"> 
<!-- 
.style1 {color: #FFFFFF} 
--> 
</style> 
<table width="900" height="513" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td height="315" align="left" valign="top" background="https://img.webme.com/pic/d/devrimcity/734_01.gif"><table width="900" height="38" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td height="38" align="left" valign="middle"><span class="style1">Sitemize Hoşgeldiniz... İyi Vakit Ge&ccedil;irmeniz Dileğiyle</span></td> 
      </tr> 
    </table> 
      <table width="900" height="171" border="0" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td width="27" height="49">&nbsp;</td> 
          <td width="451">&nbsp;</td> 
          <td width="422">&nbsp;</td> 
        </tr> 
        <tr> 
          <td>&nbsp;</td> 
          <td align="left" valign="top"><p>&gt;&gt; Tasarımımız Değişti.08/20/2011 </p> 
          <p>&gt;&gt; İ&ccedil;erikler Ekleniyor.08/20/2011 </p> 
          <p>&gt;&gt; Tasarım Devrimcity'ye aittir. </p></td> 
          <td align="left" valign="top"><p>Bug&uuml;n:78</p> 
          <p>Tıklanma:287</p> 
          <p>Toplam:1576</p> 
          </td> 
        </tr> 
      </table> 
      <table width="900" height="90" border="0" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td width="30" height="48">&nbsp;</td> 
          <td width="870">&nbsp;</td> 
        </tr> 
        <tr> 
          <td>&nbsp;</td> 
          <td align="left" valign="top"><div class="mattblacktabs"> 
<ul> 
<li><a href="http://www.dynamicdrive.com">Home</a></li> 
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li> 
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li> 
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li> 
</ul> 
</div> 
</td> 
        </tr> 
      </table></td> 
  </tr> 
  <tr> 
    <td height="142" align="left" valign="top" background="https://img.webme.com/pic/d/devrimcity/734_02.gif"><table width="900" height="144" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="10" align="left" valign="top">&nbsp;</td> 
        <td width="890" align="left" valign="top">


Tasarım Altı: 

Kod:
</td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td height="56" align="left" valign="top" background="https://img.webme.com/pic/d/devrimcity/734_03.gif">&nbsp;</td> 
  </tr> 
</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; } 

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

iframe{border:solid 1px #000000;} 
table {margin-left: auto;margin-right: auto} 

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;} 

* {padding: 0; margin:0 } 

body { 
margin-left: auto; 
margin-right: auto; 
background: url(http://www.backgroundlabs.com/backgrounds/196.jpg) top center fixed; 


<style type="text/css"> 

.mattblacktabs{ 
width: 100%; 
overflow: hidden; 
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/ 


.mattblacktabs ul{ 
margin: 0; 
padding: 0; 
padding-left: 10px; /*offset of tabs relative to browser left edge*/ 
font: bold 12px Verdana; 
list-style-type: none; 


.mattblacktabs li{ 
display: inline; 
margin: 0; 


.mattblacktabs li a{ 
float: left; 
display: block; 
text-decoration: none; 
margin: 0; 
padding: 7px 8px; /*padding inside each tab*/ 
border-right: 1px solid white; /*right divider between tabs*/ 
color: white; 
background: #414141; /*background of tabs (default state)*/ 


.mattblacktabs li a:visited{ 
color: white; 


.mattblacktabs li a:hover, .mattblacktabs li.selected a{ 
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ 


</style> 




Bu sayfa hakkındaki yorumlar:
Yorumu gönderen: Alpay, 04.06.2012, 09:34 (UTC):
Saolun



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

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