Tugrul İndex V2

[Mystic0]

Resim:


Tasarımın Devamı Vardır O Yüzden Önizleyiniz.
Önizlemek İçin

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

http://onizle.koddostu.com/

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

Css Kodları:

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

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: Tümünü Seç Tümünü Kopyala

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

[#Warhead]

Bence birazdaha uğraşsaydınız daha güzel birşeyler çıkarta bilirdiniz emeğinize sağlık yinede.