Coderweb diyorki; hakkımda Bilgin Yoksa Fikrinde Olmasın Evlat !!!!!
Tasarım Üzerine
<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">
Tasarım Altına
<div class="pie"> <div class="pie2 pueque"> <p>© 2008-2009 Todos los derechos reservados <strong>Radioflash24</strong></p> <p> </p> <p>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.</p> </div> </div> www.sitename.tr.gg
Css Koduna
#extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div#nav_container{display: none;} div.header{display: none;} 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;
