https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 1
  • 1
  • 2
  • 3
  • 4
  • 5
Emre KRMN İndex v6
#1
İndex Adı: Emre KRMN v6
İndex Yapımcısı: Emre KRMN
İndex Görüntüsü:
AYXYj7.png

İndex HTML Kodları:
Kod:
<html>
<head>
<title>Emre KRMN</title>
 <head>
<style type="text/css">
body {
    background: rgba(243, 218, 180, 0.48);
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    overflow-y: scroll;
}

a:link {
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover,
a:active {
    color: #fff;
    text-decoration: none;
}

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
   width: 95%;
   min-width: 970px;
   max-width: 1500px;
   margin: auto auto;
    }
.header {
background: #1b9bff url(http://i.hizliresim.com/78QlXN.png);
color: #fff;
text-align: left;
border: 0px solid #ddd;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px
}
.emrekrmn {
background: #333;
color: #fff;
border-top: 3px solid #1B9BFF;
text-align: left;
}
.float_right {
float:right;
}
.duyuru {
background: #fff;
color: #006699;
border: 1px solid #ddd;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 9px;
    font-family: Arial;
    font-size: 17px;
    width: 1235px;
}
.manset {
background: url(http://i.hizliresim.com/66Mgq7.png);
color: #fff;
border: 1px solid #ddd;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 9px;
height: 154px;
}
.float_left {
float:left;
}
.buton {
    -moz-box-shadow:inset 0px 1px 0px 0px #1b9cff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #1b9cff;
    box-shadow:inset 0px 1px 0px 0px #1b9cff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b9cff), color-stop(1, #1b9cff) );
    background:-moz-linear-gradient( center top, #1b9cff 5%, #1b9cff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b9cff', endColorstr='#1b9cff');
    background-color:#1b9cff;
    -webkit-border-top-left-radius:14px;
    -moz-border-radius-topleft:14px;
    border-top-left-radius:14px;
    -webkit-border-top-right-radius:14px;
    -moz-border-radius-topright:14px;
    border-top-right-radius:14px;
    -webkit-border-bottom-right-radius:14px;
    -moz-border-radius-bottomright:14px;
    border-bottom-right-radius:14px;
    -webkit-border-bottom-left-radius:14px;
    -moz-border-radius-bottomleft:14px;
    border-bottom-left-radius:14px;
    text-indent:0px;
    border:1px solid #1b9cff;
    display:inline-block;
    color:#ffffff;
    font-family:Trebuchet MS;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    height:34px;
    line-height:34px;
    width:137px;
    text-decoration:none;
    text-align:center;
}
.buton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b9cff), color-stop(1, #1b9cff) );
    background:-moz-linear-gradient( center top, #1b9cff 5%, #1b9cff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b9cff', endColorstr='#1b9cff');
    background-color:#1b9cff;
}.buton:active {
    position:relative;
    top:1px;
}
.cizgi {
border: 1px dashed #ddd;
}
.top-grids{
    padding: 4em 0;
}
.top-grids h2{
    text-align: center;
    text-transform: uppercase;
    color: #676767;
    padding: 0em 0 1.2em;
    font-size: 2em;
    font-weight: 100;
}
.top-grids h2 span{
    color:#676767;
}
.top-grid{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.top-grid1{
    margin-right:0;
}
.top-grid-head-left{
    float:left;
     width:25%;
}
.top-grid-head-left span{
    width:70px;
    height:64px;
    display:inline-block;
    background:url(../images/icons.png) no-repeat 0px 0px;
}
.icon1 span{
    background-position: -78px -1px;
}
.icon2 span{
    background-position: -149px 0px;
}
.top-grid-head-right{
    float:right;
     width:75%;
}
.top-grid-head-right h3{
    text-transform: uppercase;
    color: #676767;
    font-size: 1.6em;
    font-weight: 100;
}
.top-grid-head-right h3 span{
    display:block;
    color:#676767;
}
.top-grid-info p{
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    line-height: 1.5em;
    margin: 1em 0;
}
/*----carousel----*/
.img-carousel h3{
    text-align: center;
    text-transform: uppercase;
    color: #676767;
    padding: 0em 0 1.2em;
    font-size: 2em;
    font-weight: 100;
}
.img-carousel h3 span {
    color: #676767;
}
/*----//carousel----*/
/*----start-pricetables----*/
.price-tables{
    padding:4em 0;
}
.price-tables h3{
    text-align: center;
    text-transform: uppercase;
    color: #676767;
    padding: 0em 0 1.2em;
    font-size: 2em;
    font-weight: 100;
    width: 50%;
    margin: 0 auto;
}
.price-tables h3 span {
    color: #676767;
}
.price-table-grid{
    float: left;
    width: 31%;
    margin-right: 2%;
    text-align: center;
}
.price-table-grid:nth-child(3){
    margin-right:0;
}
.price-table-grid1{
    background:#676767;
}
.price-table-grid-head1{
    background: #333;
}
.price-table-grid-head{
    color: #fff;
    width: 97%;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 100;
    padding: 0.5em;
}
.price-table-grid-head h2{
    font-size: 1.2em;
}
.price-table-grid-head h2 label{
    font-weight: 600;
    font-size: 1.5em;
    vertical-align: initial;
}
.price-table-grid-info h4{
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.3em;
    padding: 1em 0;
}
.price-table-grid-info ul li{
    text-align:left;
}
.price-table-grid-info ul{
    margin: 0 auto 2em auto;
    width: 66%;
}
.price-table-grid-info ul li a{
    color: #FFF;
    padding: 0.5em 0;
    display: block;
}
.price-table-grid1 ul li a:hover{
    color:#0099FF;
}
.price-table-grid-info ul li a span{
    width:15px;
    height:15px;
    display:inline-block;
    background:url(..) no-repeat 0px 0px;
    vertical-align:middle;
    margin-right:0.3em;
}
.btn1,.btn2,.btn3,.price-table-grid ul li a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.btn1{
    color: #FFF;
    background: #1DBB90;
    padding: 0.5em 1.5em;
    display: inline-block;
    float: right;
    margin-top: 0.8em;
}
.btn1:hover{
    background:#0099FF;
}
.btn2{
    background:#474747;
}
.btn2:hover{
    background: #0099FF;
}
.price-table-grid2{
    background:#676767;
}
.price-table-grid-head2{
    background:#474747;
}
.price-table-grid2 ul li a:hover{
    color:#0099FF;
}
.price-table-grid3{
    background:#676767;
}
.price-table-grid-head3{
    background:#676767;
}
.btn3{
    background:#676767;
}
.btn3:hover{
    background:#0099FF;
}
.price-table-grid3 ul li a:hover{
    color:#0099FF;
}
.bottom-grids{
    
}
.bottom-grid-left{
    float:left;
    width:49%;
    margin-right:2%;
}
.bottom-grid-left h3{
    text-transform: uppercase;
    color: #676767;
    padding: 0em 0 0.8em;
    font-size: 2em;
    font-weight: 100;
}
.bottom-grid-left h3 span{
    color: #676767;
}
.bottom-grid-box-left{
    float:left;
    width:10%;
}
.bottom-grid-box-left img{
    margin-top: 0.4em;
}
.bottom-grid-box-right{
    float:right;
    width:88%;
}
.bottom-grid-box-right ul li{
    display:inline-block;
}
.bottom-grid-box-right ul li a{
    color:#676767;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.bottom-grid-box-right ul li a:hover{
    color:#0099FF;
}
.bottom-grid-box-right ul li{
    color:#1DBB90;
}
.bottom-grid-box-right p{
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    line-height: 1.5em;
    margin-bottom: 0.3em;
}
.bottom-grid-box{
    margin-bottom:1em;
}
.bottom-grid-right h3{
    text-transform: uppercase;
    color: #676767;
    padding: 0em 0 0.8em;
    font-size: 2em;
    font-weight: 100;
}
.bottom-grid-right iframe{
    width:100%;
    min-height:310px;
}
.bottom-grid-right{
    float:right;
    width:49%;
    margin-right:0;
}
.bottom-grid-right h3 span{
    color: #676767;
}
.bottom-grid-right a img{
    width:100%;
}
.news-letter{
    background:#676767;
    padding:2em 0;
    margin-top:5em;
}
.news-letter-left{
    float:left;
    color:#FFF;
    text-transform:uppercase;
}
.news-letter-left span{
    display: block;
    font-size: 0.66em;
    font-weight: 100;
}
.news-letter-left h3{
    font-size: 2.5em;
    font-weight: 400;
}
.news-letter-right{
    float: right;
    width: 40%;
    text-align: right;
    margin-top: 1.7em;
}
.news-letter-right input[type="text"]{
    background: #fff;
    border: 1px solid #FFF;
    outline: none;
    padding: 0.6em;
    width: 95%;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}
.news-letter-right form{
    position:relative;
}
.news-letter-right input[type="text"]:focus{
    color:#676767;
}
.news-letter-right input[type="submit"]{
    width:34px;
    height: 22px;
    display: inline-block;
    background: #fff center;
    border: none;
    padding: 2.5em 2.5em;
    position: absolute;
    top: -9px;
    right: 0px;
    outline:none;
    cursor:pointer;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.news-letter-right input[type="submit"]:hover{
    background: #0099FF center;
}
.price-table-grid2{
    background:#676767;
}
.price-table-grid-head2{
    background:#333;
}
.price-table-grid2 ul li a:hover{
    color:#0099FF;
}
.price-table-grid3{
    background:#1DBB90;
}
.price-table-grid-head3{
    background:#676767;
}
.btn3{
    background:#676767;
}
.btn3:hover{
    background:#0099FF;
}
.price-table-grid3 ul li a:hover{
    color:#0099FF;
}
.price-table-grid3{
    background:#1DBB90;
}
.price-table-grid-head3{
    background:#676767;
}
.btn3{
    background:#676767;
}
.btn3:hover{
    background:#0099FF;
}
.price-table-grid3 ul li a:hover{
    color:#0099FF;
}
.codexresim {
width: 1250px;
height: 250px;
background: url(http://i.hizliresim.com/LoRo7V.png); // 1. Resim
}
.codexresim:hover {
width: 1250px;
height: 250px;
background: url(http://i.hizliresim.com/1nZnJj.png); // Fare ile üzerine gelince değişmesini istediğiniz resim
}
</style>

<body>
<div class="header"><a href="#"><img src="http://webalemi.biz/images/vb/logo.png"></a>
<div class="float_right"><a class="btn1 btn2" href="#">Kayıt Ol</a>
<a class="btn1 btn2" href="#">Giriş Yap</a>
<a class="btn1 btn2" href="#">Forum</a></div></div><br />
<div id="container">
<div class="duyuru"><b>Emre KRMN (Designer and Coder)</b><div class="float_right">
<a href="http://facebook.com/emrekaraman.official"><img src="http://i.hizliresim.com/voNoXv.png" width="24" height="24"></a>
<a href="http://twitter.com/EmreKaraman96"><img src="http://i.hizliresim.com/VyzyMZ.png" width="24" height="24"></a>
<a href="https://plus.google.com/u/1/113650750929566115432"><img src="http://i.hizliresim.com/G141yZ.png" width="24" height="24"></a>
<a href="http://instagram.com/emre.krmn"><img src="http://i.hizliresim.com/ynpnzj.png" width="24" height="24"></a>
<a href="http://www.youtube.com/user/emrekaraman95"><img src="http://i.hizliresim.com/kY8YXD.png" width="24" height="24"></a>
<a href="mailto:emrekaraman196@gmail.com"><img src="http://i.hizliresim.com/EEAEyZ.png" width="24" height="24"></a>
</div></div><br />
<div class="codexresim">

</div><br />
<div class="cizgi"></div><br />
<div class="price-table-grid price-table-grid1">
                    <div class="price-table-grid-head price-table-grid-head1">
                        <h2>Duyurular & Kurallar</h2>
                    </div>
                    <div class="price-table-grid-info">
                        <ul>
                            <li><a href="#">Forum Kuralları</a></li>
                            <li><a href="#">Görgü Kuralları</a></li>
                            <li><a href="#">Yetkili Kuralları</a></li>
                            <li><a href="#">Duyuru&Kural Ekle</a></li>
                            <li><a href="#">Duyuru&Kural Ekle</a></li>
                            <div class="clear"> </div>
                        </ul>
                        
                    </div>
                </div>
                <div class="price-table-grid price-table-grid2">
                    <div class="price-table-grid-head price-table-grid-head2">
                        <h2>Dost Sitelerimiz</h2>
                    </div>
                    <div class="price-table-grid-info">
                        <ul>
                            <li><a rel="nofollow" href="http://** ! 10TL.Net Dışı Link Yasaktır ! **/" target="_blank">Emre KRMN Official</a></li>
                            <li><a href="#">Eklenecektir..</a></li>
                            <li><a href="#">Eklenecektir..</a></li>
                            <li><a href="#">Eklenecektir..</a></li>
                            <li><a href="#">Eklenecektir..</a></li>
                            <div class="clear"> </div>
                        </ul>
                        
                    </div>
                </div>
                                <div class="price-table-grid price-table-grid2">
                    <div class="price-table-grid-head price-table-grid-head2">
                        <h2>Müzik</h2>
                    </div>
                    <div class="price-table-grid-info"><br/ >
                            <embed src="http://webailem.biz/tugce.mp4" width="300" height="150" autostart="false"></embed>
                        
                        
                    </div><br />
                </div><br />
        <script type="text/javascript">
document.write(unescape('%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E%0A%09%09%09%3C%62%72%20%2F%3E'));
</script>
                </div>
<div class="header"><center>Copyright © 2014 Emre KRMN </center><br />
<script type="text/javascript">
document.write(unescape('%3C%64%69%76%20%63%6C%61%73%73%3D%22%66%6C%6F%61%74%5F%72%69%67%68%74%22%3E%3C%73%6D%61%6C%6C%3E%44%65%73%69%67%6E%65%72%20%61%6E%64%20%43%6F%64%65%72%3A%20%3C%61%20%72%65%6C%3D%22%6E%6F%66%6F%6C%6C%6F%77%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%65%6D%72%65%6B%61%72%61%6D%61%6E%2E%63%6F%6D%2E%74%72%2F%22%20%61%6C%74%3D%22%44%65%73%69%67%6E%65%72%20%61%6E%64%20%43%6F%64%65%72%22%20%74%69%74%6C%65%3D%22%44%65%73%69%67%6E%65%72%20%61%6E%64%20%43%6F%64%65%72%22%3E%45%6D%72%65%20%4B%52%4D%4E%3C%2F%61%3E%3C%2F%73%6D%61%6C%6C%3E%3C%2F%64%69%76%3E%3C%62%72%20%2F%3E'));
</script>
<div class="cizgi"></div>
Bu sitenin tüm hakları saklı olmakla beraber sitemizden izinsiz veya kaynak belirtmeksizin içerik çalan kişiler hakkında gerekli işlemler yapılacaktır.Daha fazla ve ayrıntılı bilgi için iletişim kurabilirsiniz.
</div>
</body>
</html>
Ara
Cevapla PGM
Teşekkür verenler:
#2
Gayet hoş olmuş hocam,
Tebrikler..

Kodlamada gayet iyiymişsiniz. :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
Rica ederim, bu index kodlama süresi: 1 saat 52 dakika :)
Ara
Cevapla PGM
Teşekkür verenler:
#4
Gayet güzel.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#6
süpersin :D
AromaticCoolInexpectatumpleco-size_restricted.gif
Cevapla PGM
Teşekkür verenler:
#7
Eyvallah.
Ara
Cevapla PGM
Teşekkür verenler:
#8
Güzel Olmuş.Footer Daha İyi Ola Bilirdi Çizim Gibi Kalmış.Header`i CSS`le Yapsaydın Daha İyi Olurdu.Eline Sağlık..
Ara
Cevapla PGM
Teşekkür verenler:
#9
KEsinlikle. Footer kötü yani index ile uyumsuz bir görüntüsü var. ancak genel olarak iyi. eline sağlık
Ara
Cevapla PGM
Teşekkür verenler:
#10
header zaten css ile yapıldı. Yorumlarınız ve düşünceleriniz için teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#11
Böyle devam emre abi :)
Ara
Cevapla PGM
Teşekkür verenler:
#12
Eyvallah.
Ara
Cevapla PGM
Teşekkür verenler:
#13
Güzel Olmuş.Footer Daha İyi Ola Bilirdi Çizim Gibi Kalmış. Ama yine cok begendim elinize sağlik
Ara
Cevapla PGM
Teşekkür verenler:
#14
Rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#15
EmreKRMN ama gercekten cok begendim umarimki bizlere daha iyi temalar sunacagina eminim
Ara
Cevapla PGM
Teşekkür verenler:
#16
EmreKRMN değil Emre KRMN :) Beğenmenize sevindim, teşekkür ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#17
İkiside ayni yola cikiyor arkadas :)
Ara
Cevapla PGM
Teşekkür verenler:
#18
Arada boşluk(space) tuşunu unutma/unutmayın :D
Ara
Cevapla PGM
Teşekkür verenler:
#19
Bir yetkili multi yoruma ikaz etmiyor. Şaşırtıcı değil.
Ara
Cevapla PGM
Teşekkür verenler:
#20
Anlamadım?
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 7 Ziyaretçi


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