Laser Index V1

[newsong30]

Selam Arkadaşlar Metin Aydın'ın Çizdiği Tamamen Kendimin Kodladığı Laser Index V1 :) Sizce güzel Mi?

DEMO: http://www.n30demo.10tr.net/

Kodları;

PHP Kod: Tümünü Seç Tümünü Kopyala

<table id="ust" width=100%>
<tr>
<td width=37%>
<div class="ust-sol" style="">
<br>
<span style="padding: 50px;font-family: 'Myriad Pro', Arial, 'Segoe UI'; color: white;">
<a class="menuler" href="http://www.webmaksi.com/index.html">Ana Sayfa</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="menuler" href="http://www.webmaksi.com/#">Hakkımızda</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="menuler" href="http://www.webmaksi.com/#">Referanslarımız</a>
</span>
</div>
</td>
<td width=26%>
<center>
<a href="http://www.webmaksi.com/"><img src="http://i.hizliresim.com/PoPPOO.png"></img></a>
</center>
</td>
<td width=37%>
<div class="ust-sag" style="">
<br>
<span style="padding: 75px; font-family: 'Myriad Pro', Arial, 'Segoe UI'; color: white;">
<a class="menuler" href="http://www.webmaksi.com/neden-biz.html">Neden Biz?</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="menuler" href="http://www.webmaksi.com/#">ÜRÜNLER</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="menuler" href="http://www.webmaksi.com/#">İletişim</a>
</span>
</div>
</td>
</tr>
</table>

<center>
<div class="orta">
<center>
<a>WebMaksi İle Google'da Üst Sıralarda Olun!<br>
<a class="orta2">
Uygun Fiyatlarımız İle Google'da Yerinizi Kapın!
<br>
</br>
Detaylı Bilgi İçin <a href="http://webmaksi.com/fiyatlar.html" class="orta3">Tıklayın</a>
</a>
</a>
</div>
</center>

<table id="alt" width=100%>
<tr>
<td width=37%>
<div class="alt-sol">
<br>
</br>
<br>
<br>
<a style="padding: 2px; font-size:12px;font-family: 'Myriad Pro', Arial, 'Segoe UI'; color: white;">Çizim: Metin AYDIN | Kodlama: <a  style="padding: 2px; font-size:12px;font-family: 'Myriad Pro', Arial, 'Segoe UI'; color: white;" href="http://www.fb.com/6c.snf/">Berken Eren Uşar(N30)</a>
</div>
</td>
<td width=26%>
<center>
<img src="http://i.hizliresim.com/PoPPOO.png"></img>
<br>
<a href="http://www.facebook.com/#"><img src="http://i.hizliresim.com/ZV77O3.png"></img></a>&nbsp;&nbsp;&nbsp;
<a href="http://www.twitter.com/#"><img src="http://i.hizliresim.com/L411OZ.png"></img></a>
</center>
</td>
<td width=37%>
<div class="alt-sag" style=""></div>
</td>
</tr>
</table>
<style>
#ust {
position:fixed;
  top: 0; 
}

.ust-sol{  background:url(http://i.hizliresim.com/zVrR94.png);
   
  height: 90px;
 
   -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;  
   background-repeat:no-repeat; 
}

.ust-sag{  background:url(http://i.hizliresim.com/kgnrNy.png);
  height: 90px;

   -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;  
   background-repeat:no-repeat; 
}

a{text-decoration: none; color: white;}
a:visited{text-decoration: none; color: white;}
a:hover{text-decoration: none; color: white;}


.menuler{
  transition: 500ms;
 color: white;
 border: 0px solid white;
   border-radius: 5px;
  
}
.menuler:hover{
  transition: 500ms;
 color: white;
  border: 3px solid white;
  border-radius: 7px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
}

body{
background: #313131;  
padding: 0px;
  margin:0px;
   height:100%;
}

.alt-sol{  background:url(http://i.hizliresim.com/rVZZJ3.png);
    height: 90px;
 
   -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;  
   background-repeat:no-repeat; 
}

.alt-sag{
 background:url(http://i.hizliresim.com/7bMMyN.png);
  height: 90px;

   -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;  
   background-repeat:no-repeat; 
}

#alt {
  position:fixed; 
bottom:0;
}

.orta {
  font-family:Myriad Pro, Arial, Segoe UI;
  font-size: 36px;
  color: white;
  align:Center;
position:absolute;
left: 50%;
top: 50%;
margin-left: -600px;
margin-top: -100px;
  width: 1200px;
   height: 200px;
  
}

.orta2 {
  font-family:Myriad Pro, Arial, Segoe UI;
  font-size: 22px;  
  color: white;
  }

.orta3 {
  font-family:Myriad Pro, Arial, Segoe UI;
  font-size: 22px;  
  color: #36AC85;
  }
</style> 


[diyar]

aynısını yapmışsın güzel

[newsong30]

Sağol Kardeş :)

[Gokss]

css kodlarıylla yapsaydın, site açışı hızlanırdı
üst tarafta boşluk var
onun haricinde güzel :)

[newsong30]

Göksel SS Atarsan ve Detaylı Görsem Mutl uOlurum :)

- O Şekilleri CSS İle Nasıl Yapacağımı Bilmiyorum :)

[Gokss]

Göksel SS Atarsan ve Detaylı Görsem Mutl uOlurum :)

- O Şekilleri CSS İle Nasıl Yapacağımı Bilmiyorum :)

turuncu yerler tam üstte değil boşluk var :)

[newsong30]

Haa, Biliyorumm Onu Bir Türlü Düzeltemedim Olsun Zaten Öok Küçük :)