https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
Tugrul İndex V2
#1
Resim:
52G9PR.png

Tasarımın Devamı Vardır O Yüzden Önizleyiniz.
Önizlemek İçin
Kod:
http://onizle.koddostu.com/

Açıkcası Çok Ugrasmadım Ama Olsun Can Sıkıntısından Yaptım.
Renkler Temsilidir.

Css Kodları:
Kod:
body{
background: #999CFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3238ff), to(#999CFF));
background: -webkit-linear-gradient(#3238ff, #999CFF);
background: -moz-linear-gradient(#3238ff, #999CFF);
background: -ms-linear-gradient(#3238ff, #999CFF);
background: -o-linear-gradient(#3238ff, #999CFF);
background: linear-gradient(#3238ff, #999CFF);
}

.clear{
    clear: both;
}

.border {
    border-top: 6px solid #00ccff;
    margin-left: -8px;
    margin-top: -8px;
    margin-right: -8px;
    margin-bottom: -18px;
    color: #33ff66;
    
}
.header {
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
    background: #ccc;
    height: 100px;
    background: #33ff66;
    border-top: 2px solid #00ffcc;
}

.logo {
    margin-left: 100px;
    line-height: 100px;
}

.logo a {
    color: #0099ff;
    text-decoration: none;
    font-size: 35px;
    transition: 0.6s;
}

.logo a:hover {
    color: #66ccff;
    transition: 0.6s;
}

.menu {
    float: right;
    margin-top: -65px;
    margin-right: 80px;
}

.menu ul a {
    float: left;
    margin-right: 20px;
    text-decoration: none;
    color: #ff9999;
    transition: 0.6s;
}

.menu ul a:hover {
    color: #ff0000;
    transition: 0.6s;
}

.ortakisim {
    background: #cccccc;
    width: 750px;
    height: 700px;    
    margin-left:  270px;
    margin-top: 50px;
}

.ortakisim img {
    border-top: 4px solid #434343;        
    border-bottom: 4px solid #434343;        
}

.ortakisim h2 {
    color: #333333;
    margin-left: 10px;
    margin-top: -2px;
}

.ortakisim hr {
    margin-top: -22px;
}

.ortakisim h4 {
    margin-left: 7px;
    margin-top: 5px;
}

.gereksiz {
    text-indent: -9999px;
    height: 80px;
}

.footer {
    background: #ccc;
    height: 50px;
    width: 1349px;
    margin-top: 3px;
    margin-left: -8px;
    margin-right: -8px;
    position: absolute;
}

.footer strong {
    line-height: 50px;
    margin-left: 100px;
}

.footer strong a {
    text-decoration: none;
    transition: 0.6s;
}

.footer strong a:hover {
    color: #434343;
    transition: 0.6s;
}

Html Kodları
Kod:
<link rel="stylesheet" href="/kodlamalar/index2/style.css">

<title>..:: HoşGeldiniz ..::</title>

<div class="border">s</div>
<div class="header">
    <div class="logo"><a href="#">Logo</a></div>
    <div class="menu">
        <ul>
            <a href="#">Ana Sayfa</a>
            <a href="#">Hakkımda</a>
            <a href="#">İletişim</a>        
        </ul>
    </div>
</div>

<div class="ortakisim">
<img src="http://i.hizliresim.com/B4yXY9.png">

<h2>Benim Hakkımda</h2>
<hr>
<h4>Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı
Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı Yazı</h4>
</div>

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

<div class="gereksiz">s</div>

<div class="footer">
<strong>Tüm Hakkı Saklıdır <a href="#">İsminiz</a></strong>


</div>
Ara
Cevapla PGM
Teşekkür verenler:
#2
Bence birazdaha uğraşsaydınız daha güzel birşeyler çıkarta bilirdiniz emeğinize sağlık yinede.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



WTSupport | Torrent - ZULA - The Forest Platformu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping