abron.tr.gg

8


TASARIMIN ÜSTÜNDEKİ YAZI:
Kod:
<div id="tabsG">
            <ul>
                <li><a title="Link 1" href="#"><span>Link 1</span></a></li>
                <li><a title="Link 2" href="#"><span>Link 2</span></a></li>
                <li><a title="Link 3" href="#"><span>Link 3</span></a></li>
                <li><a title="Longer Link Text" href="#"><span>Longer Link Text</span></a></li>
                <li><a title="Link 5" href="#"><span>Link 5</span></a></li>
                <li><a title="Link 6" href="#"><span>Link 6</span></a></li>
                <li><a title="Link 7" href="#"><span>Link 7</span></a></li>
            </ul>
            </div>
<div class="menu"><img src="http://pixelea.com/s/f6dc47d4ae.png" />
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="/#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
<img src="http://pixelea.com/s/bac4bbd9ec.png" alt="" />
</ul>
</div>

<div id="conten">



TASARIMIN ALTINDAKİ YERE :
Kod:
<div class="pie">
 <div class="pie2 pueque">

    <p>© 2008-2009 Todos los derechos reservados <strong>Radioflash24</strong></p>
    <p> </p>
    <p>WEBPAYLASİMİ WEBPAYLASİMİ WEBPAYLASİMİ.</p>
  </div>
</div>


CSS KODUNA:
Kod:
h2#title{margin-bottom:10px}
 h1#title{margin:10}
 li.nav_element{display: none;}
 li.nav_element a{display: none;}
*{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin:0px;
   padding:0px;
}
body{
   background:url(http://www.dezinerfolio.com/wp-content/themes/df_blue/images/body_loop.gif) repeat-x 0 0;
   width:990px;
   background-color: #000000;
   margin-left:auto;
   margin-right:auto;
   margin-top:0px;
   margin-bottom:0px;
   color:#ffffff;
}
img {
   border: none;}

a{
   text-decoration:underline;
   color:#848484;
}
a:hover{
   text-decoration:underline;color:#58ACFA;
}
.linkpeq{
   font-size:9px;
}
.estilosgris{
   font-size:9px;
   color:#999999;
}
.negross{
   font-size:15px;
   text-decoration:none;
   font-weight:bold;
   color:#000000;
}



/*-- diseño --*/

.cabecera{
   height: 129px;
}


.centro {
   background-image: url(http://pixelea.com/s/de0a2352ef.gif);
   background-repeat: repeat-y;
   width:990px;
   border-right-color:#cccccc;
   border-right-style:solid;
   border-right-width:1px;

}

.contenido {   
   width:811px;
   float:right;
   background:#43464a ;
   background-repeat:  repeat-x;

}

.menu {
   width: 179px;
   float:left;
   text-align: center;
   
}
.flinea{
   width: 179px;
   float:left;
   text-align: center;
   border-bottom-color:#FFFFFF;
   border-bottom-style:solid;
   border-bottom-width:1px;
   margin-bottom:10px;
}
.fh{
   margin-top:15px;
   width:179px;
   float:left;
   text-align:center;
   margin-bottom:5px;
   
}
.fh iframe{
   display:block;
   margin-bottom:6px;
   border-color:#ffffff;
   border-width:1px;
   border-style:solid;
   width:100px;
   height:69px;
   padding:3px;
   float:center;
   margin-left:33px;
   margin-right:32px;
}
.fh img{
   display:block;
   margin-bottom:6px;
   border-color:#ffffff;
   border-width:1px;
   border-style:solid;
   width:100px;
   height:69px;
   padding:3px;
   float:center;
   margin-left:33px;
   margin-right:32px;
}
.fh2{
   width:179px;
   float:left;
   text-align:center;
   margin-bottom:5px;
}
.fh3{
   width:179px;
   float:left;
   text-align:center;
   margin-top:15px;
}


.menu ul{
   margin-bottom:5px;
}
.menu ul li  {
   text-align:left;
   background-image: url(http://pixelea.com/s/e71886fc0b.png);
   background-repeat: no-repeat;
   list-style:none;
   height: 22px;
   width:179px;
   padding-top: 10px;
}

.menu ul li a {
   padding-left: 20px;
   color:#FFFFFF;

}

.menu ul li a:hover {
   color:#007dfc;
   font-weight:bold;
   text-decoration:none;

}




/*-- pie --*/

.pie{
   width:787px;margin-top:30px;
   margin-left:5px;
   border-top-color:#0080FF;
   border-top-style:solid;
   border-top-width:1px;
   border-left-color:#0080FF;
   border-left-style:solid;
   border-left-width:1px;
   border-right-color:#0080FF;
   border-right-style:solid;
   border-right-width:1px;
   border-bottom-color:#0080FF;
   border-bottom-style:solid;
   border-bottom-width:20px;
   padding-top: 20px;
   margin-bottom:20px;
   height: 100px;
   text-align: center;
   color: #999999;
   font-size:9px;
   float:left;
   background-image:url(http://pixelea.com/s/44347874aa.png);
   background-repeat:  repeat-x;
   background-position: bottom;   
}
.pie1{
   border-left-color:#CCCCCC;
   border-left-style:solid;
   border-left-width:1px;
   width:400px;
   float:right;
   text-align:left;
   padding-left:15px;
}
.pie1a{
   width:100px;
   float:left;
   text-align:center;
   padding-left:15px;
   padding-top:10px;

}

.pie2{
   width:520px;
   float:left;
   text-align:justify;
   margin-left:15px;
}
.pie .peque{
   font-size:9px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pie a {
   color:#0000FF;

}
#tabsG {
      float:right;
      width:100%;
      background:#xxxxxx;
      font-size:93%;
      line-height:normal;
      }
    #tabsG ul {
     margin:0;
     padding:10px 10px 0 50px;
     list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:right;
      background:url("http://img398.imageshack.us/img398/9296/tableftgwx6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("http://img398.imageshack.us/img398/7484/tabrightgcm1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }

#conten{   
   width:800px;
   float:right;
   background:#43464a;border:1px solid #0687ca;
   background-repeat:  repeat-x;
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol