kodekleyin

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

İstek kodlar,ve görüş bildirmek içinFORUM sayfamızı ziyaret edin...

10TK

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
                    <div class="item_foot"></div>
                   
                    <div class="item">
                       
                    </div>
                    <div class="item_foot"></div>
           
            </div>
       
                <div id="right">
               
                        <div class="box">
                        <h2>Menu</h2>
                            <center><ul>
                          <li><a href="#"><b>Prueva</b></a></li>
                          <li><a href="#">Prueva<</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>       
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>
              </ul></center>
                      </div>
                   
                    <div class="box">
                        <h2>Menu</h2>
                            <center><ul>
                          <li><a href="#">Prueva</a></li>
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>       
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>
              </ul></center>                 
                    </div>
                   
                    <div class="box">
                        <h2>Menu</h2>
                            <center><ul>
                          <li><a href="#">Prueva</a></li>
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>       
                          <li><a href="#">Prueva</a></li>           
                          <li><a href="#">Prueva</a></li>
              </ul></center>             
                    </div>
               
                </div>
       
                    <div id="footer"><a href="http://www.viadeescape.es.tl/">Web design By Via de Escape</a><a href="http://www.viadeescape.es.tl" id="sub"></a>                    </div>
</div>
</body>
</html>

CSS KODU

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
 *---------->>> GLOBAL <<<-----------*/
html { margin:0; padding:0;}
* { margin: 0; padding: 0; outline: 0; }
body {
    margin:0; padding:0;
    font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
    font-size: 12px;
    color: #ffffff; text-align: center;
    background: #282a34  none repeat-x top center;
    }
/* ---------->>> structure <<<-----------*/
#container {
    margin: 0 auto;
    width: 875px;
    text-align: center;
}
    #container h1 {
        background:url('http://img3.xooimage.com/files/e/e/3/banner-123e187.jpg') no-repeat;
        width: 875px;/*875*/ height: 270px;/*270*/
        padding: 20px 0 0 138px; margin: 0;
        display: block; overflow: visible;
        text-align: left; float: left;
        font-size: 30px; font-weight:normal;
    }
    html>body #container h1 {
        width: 737px; height: 250px;
    }
/* ---------->>> left <<<-----------*/
#left {
    width: 192px;
    margin: 1px 0 0 0; padding: 0;
    float: left;
    text-align: left;
}
    #left a {
        color: #191919;
        text-decoration: none;
        margin: 20px 0 0 15px; padding: 0;
    }
    #left .box {
        background: #ffffff url(http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg) no-repeat bottom center;
        width: 192px;
        margin: 12px 0 0 0; padding: 0 0 15px 0;
    }
        #left .box h2 {
            background: #ffffff url(http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg) no-repeat top center;
            width: 192px /*192*/; height: 31px /*31*/;
            padding: 9px 0 0 0; margin: 0;
            display: block; overflow: visible;
            text-align: center;
            font-size: 12px;
        }
            html>body #left .box h2 {
                width: 192px; height: 22px;
            }
    #left ol#main {
        margin: 6px 0 0 18px; padding: 0;
        list-style: none;
    }
        ol#main li {
            font-size: 12px;
        }
            ol#main li a:link, ol#main li a:visited {
                color: #282a34;
                text-decoration: none;
                font-weight: normal;
                margin: 8px 0 0 0; padding: 0 0 1px 0;
            }
            ol#main li a:hover, ol#main li a:active {
                font-weight: bold;
                margin: 2px 0 3px 6px; padding: 0 0 1px 0;
                    border-bottom: solid 1px #191919;
            }
    #left ul {
        margin: 6px 0 0 18px; padding: 0;
        list-style: none;
    }
        #left ul li a {
            color: #191919;
            text-decoration: none;
            font-weight: normal;
            margin: 0; padding: 0;
        }
/* ---------->>> main <<<-----------*/
#content {
    width: 478px;
    margin: 1px 0 33px 5px; padding: 0;
    float: left;
    text-align: left;
}
    .item {
        background:  none repeat-y top center;
        width: 478px;
        margin: 12px 0 0 0; padding: 0;
    }
        .item_foot {
            background:  none no-repeat bottom center;
            width: 478px; height: 14px;
            margin: 0; padding: 0;
        }
        .item h2 {
            background: # url('http://img3.xooimage.com/files/4/f/a/main_title-123e1d5.jpg') no-repeat top center;
            width: 478px /*478*/; height: 43px /*43*/;
            padding: 9px 299px 0 43px; margin: 0;
            text-align: center;
            font-size: 12px;
        }
            html>body .item h2 {
                width: 136px; height: 34px;
            }
            .item p {
                font-weight: bold;
                padding: 7px 11px 7px 11px; margin: 0;
            }
            .item a {
                color: #CCCCCC;
                text-decoration: none;
            }   
/* ---------->>> right <<<-----------*/
#right {
    width: 192px;
    margin: 1px 0 0 6px; padding: 0;
    float: left;
    text-align: left;
}       
    #right .box {
        background: #ffffff url('http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg') no-repeat bottom center;
        width: 192px;
        margin: 12px 0 0 0; padding: 0 0 15px 0;
        text-align: left;
    }
    #right a img {
        color: #191919;
        text-decoration: none;
        text-align: center;
        border: none;
        margin: 5px 0px 5px 2px; padding: 0;
    }
        #right .box h2 {
            background: #ffffff url('http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg') no-repeat top center;
            width: 192px /*192*/; height: 31px /*31*/;
            padding: 9px 0 0 0; margin: 0;
            text-align: center;
            font-size: 12px;
        }   
            html>body #right .box h2 {
                width: 192px; height: 22px;
            }
/* ---------->>> right <<<-----------*/
#footer {
    width: 875px; height: 73px;
    background:  none no-repeat;
    margin: 33px 0 0 0; padding: 0;
    clear: both;
    position: relative;
}   
    a#ct {
        width: 151px; height: 31px;
        position: absolute; top: 0; left: 703px;
    }
    a#sub {
        background: url('./images/sub-2.jpg') no-repeat;
        width: 137px; height: 62px;
        position: absolute; top: 7px; left: 12px;
    }

Bugün 13 ziyaretçi (22 klik) kişi burdaydı!

Bir vatanı vatan yapan üzerindeki kandır.Uğrunda kan dökülmeyen vatan,vatan değildir.

KOD EKLEYİN

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

10TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR