BHA-TASARIM VE DANIŞMANLIK

CSS TASARIMLARI

Tasarım Üstüne
<!-- www.CssSehri.tr.gg Kod Baslangici --> <div id="container"> <div id="header"> <div id="nav"> <ul> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Anasayfa</a></li> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Game Guide</a></li> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Interactive</a></li> </ul> <ul> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Account</a></li> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Support</a></li> <li><a href="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg" _fcksavedurl="http://www.cssmerkezi20.tr.gg">Media</a></li> </ul> </div> </div> <div id="content1"> <div id="text1"><br /> <!-- www.CssSehri.tr.gg Kod Sonu -->  

Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> <p> </p> </div> </div> <div id="pagebottom"> <div id="left"> <div id="text2"> </div> </div> <div id="right"> <div class="heading2">QUICK LINKS</div> <div id="quicklinks"> <ul> <li><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Contact</a></li> <li><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Realms Status</a></li> <li><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Account Creation</a></li> <li><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Account Management</a></li> <li><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Cetrieve Passward</a></li> </ul> </div> <div class="heading2">SCREENSHOT OF THE DAY</div> <img alt="Screenshot" src="images/screenshot.jpg" _fcksavedurl="images/screenshot.jpg" _fcksavedurl="images/screenshot.jpg" /> <br /> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Cross Realm Battlegrounds</a><br /> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">World PvP </a><br /> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Rogue Talents revamped </a></div> </div> <div id="footer"><a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">News</a> | <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Game Guide </a> | <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Interactive</a> | <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Community</a> | <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Account</a> | <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">Support</a> | <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Media</a> <p><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Legal Documents</a> | <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Game Policies</a> <br /> ©2009 <a href="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st" _fcksavedurl="http://www.bedavasitem.forum.st">WorldofWarcraft.com</a>. Tüm Hakları Saklıdır..</p> </div> </div> <!-- www.CssSehri.tr.gg Kod Sonu -->  

Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> 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;} body { background: #000000; color: #534834; font-family: tahoma, arial; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; } * html body { line-height: 13px; } a:link { color: #B00000; font-weight: bold; text-decoration: none; } a:visited { color: #B00000; font-weight: bold; text-decoration: none; } a:hover, a:active { color: #000000; font-weight: bold; text-decoration: underline; } #footer a:link { color: #F1D6AC; font-weight: bold; text-decoration: none; } #footer a:visited { color: #F1D6AC; font-weight: bold; text-decoration: none; } #footer a:hover, #footer a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; } #nav a:link { color: #F1D6AC; font-weight: bold; text-decoration: none; } #nav a:visited { color: #F1D6AC; font-weight: bold; text-decoration: none; } #nav a:hover, #nav a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; } #right a:link { color: #73613B; font-weight: bold; text-decoration: underline; } #right a:visited { color: #73613B; font-weight: bold; text-decoration: underline; } #right a:hover, #right a:active { color: #000000; font-weight: bold; text-decoration: none; } /* ------------------------------------------------------------------ DIV ID's ------- */ #container { margin: 0 auto; margin-top: 20px; text-align: left; width: 900px; } #content1 { background: url(http://img512.imageshack.us/img512/8763/elfbg.jpg) no-repeat 2px; clear: both; display: block; height: 450px; padding-left: 130px; padding-top: 38px; width: 770px; } #footer { background: url(http://img12.imageshack.us/img12/4286/footerbgq.jpg) no-repeat; clear: both; color: #F1D6AC; display: block; height: 99px; padding-top: 20px; text-align: center; width: 900px; } #header { background: url(http://img219.imageshack.us/img219/7480/headerbgy.jpg) no-repeat; display: block; height: 197px; width: 900px; } #left { background: url(http://img147.imageshack.us/img147/3426/btmleftbg.gif) no-repeat; display: block; float: left; height: 494px; width: 558px; } #pagebottom { clear: both; width: 900px; } #nav { padding-left: 175px; padding-top: 68px; } #nav ul { float: left; list-style: none; margin: 0; margin-right: 70px; padding: 0; } * html #nav ul { margin-right: 40px; } #nav li { float: left; list-style: none; margin: 0; margin-right: 30px; padding: 0; } #right { background: url(http://img22.imageshack.us/img22/1351/btmrightbg.gif) no-repeat; display: block; float: left; height: 464px; padding-left: 25px; padding-top: 30px; width: 314px; } #text1 { width: 430px; } #text2 { margin-left: 110px; margin-top: 28px; width: 410px; } #quicklinks { background: url(http://img512.imageshack.us/img512/4695/quicklinksbg.gif) no-repeat; display: block; height: 165px; margin-bottom: 10px; padding-top: 5px; width: 210px; } #quicklinks ul { list-style: none; margin: 0; margin-left: 40px; padding: 0; } * html #quicklinks ul { margin-top: 22px; } #quicklinks li { list-style: none; margin: 0; margin-top: 15px; padding: 0; } * html #quicklinks li { margin-top: 16px; } /* ------------------------------------------------------------------ CLASSE'S ------- */ .flt-lft { float: left; margin-right: 10px; } .flt-rgt { float: right; } .heading { color: #413727; font-family: arial; font-size: 14px; font-weight: bold; margin-bottom: -10px; } * html .heading { margin-bottom: -16px; } .heading2 { color: #413727; font-family: arial; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .small { font-size: 10px; } <!-- www.CssSehri.tr.gg Kod Sonu -->  

 

Tasarım Üstüne
<!-- www.CssSehri.tr.gg Kod Baslangici --> [code language="html"]<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" > <tr><td bgcolor="#FFFFFF"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td bgcolor="#FFFFFF" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"> <DIV align=left><b><font face="Arial" size="1" color="#000000"> <SPAN id=clock> <SCRIPT language=JavaScript> <!-- Begin var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado") var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym=""+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+" &nbsp;&nbsp;&nbsp; "+hours+":"+minutes+":"+seconds+" "+dn+"" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit // End --> </SCRIPT> </SPAN></font></b></DIV> </td> <td bgcolor="#FFFFFF"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-05.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-05.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-05.gif" width="119" height="21"></td></tr> </table> <table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center"> <tr><td bgcolor="#000000" background="https://img.webme.com/pic/d/diegovenegas/a-06.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>NombredetuWeb.es.tl</b></td></tr></table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td class="topBorder"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" _fcksavedurl="/.s/t/121/7.gif" _fcksavedurl="/.s/t/121/7.gif" width="1" height="1"></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a href="http://www.diegovenegas.es.tl/" _fcksavedurl="http://www.diegovenegas.es.tl/" _fcksavedurl="http://www.diegovenegas.es.tl/" class="menu1">Inicio</a></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#" _fcksavedurl="#" _fcksavedurl="#">Foro</a></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#" _fcksavedurl="#" _fcksavedurl="#">Blog</a></td> <td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" _fcksavedurl="/.s/t/121/7.gif" _fcksavedurl="/.s/t/121/7.gif" width="1" height="1"></td> </tr> </table> </td></tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-08.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E4E8F3" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="right" class="copy"></td> <td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-09.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-09.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-09.gif" width="11" height="21"></td></tr> </table> <div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td width="195" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <div class="menu_1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</href></div> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 02</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 03</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td> <td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-12.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-12.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-12.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-05.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-05.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-05.gif" width="119" height="21"></td> </tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan="3" class="topBorder" style="padding:3px;" valign="top"> [/code] <!-- www.CssSehri.tr.gg Kod Sonu -->
 
Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> [code language="html"]</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-08.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center">Copyright MyCorp © 2009</td> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-13.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-13.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-13.gif" width="119" height="21"></td> </tr></table></td> <td width="195" valign="top" align="right"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 04</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <div id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script> <div class="applemenu"> <div class="silverheader"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nombre Menu</a></div><div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </div> <div class="silverheader"><a href="#" _fcksavedurl="#" _fcksavedurl="#" >Nombre Menu</a></div> <div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link</a></li> </ul> </div> </div> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 05</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 06</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td> </tr> </table> <div style="padding:5px;text-align:center;"><a href="http://www.diegovenegas.es.tl" _fcksavedurl="http://www.diegovenegas.es.tl" _fcksavedurl="http://www.diegovenegas.es.tl"><img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/d/diegovenegas/a-01.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-01.gif" _fcksavedurl="https://img.webme.com/pic/d/diegovenegas/a-01.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </body> [/code] <!-- www.CssSehri.tr.gg Kod Sonu -->  

Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> [code language="html"]a:link {text-decoration:underline; color:#000000;} a:hover {text-decoration:underline; color:#0000FF;} td, body {font-family:Verdana,Arial,Helvetica; font-size:11px;} form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:Verdana,Arial,Helvetica;} .copy {font-size:10px;} hr {color:#A9B8C2; height:1px;} label {cursor:pointer; cursor:hand} .blockTitle,.menu1 {color:#000000; text-transform:uppercase; font-size:9px; font-family:Tahoma,Verdana;} a.menu1:link {text-decoration:none; color:#000000} a.menu1:hover {text-decoration:underline; color:#0000FF} .topBorder {border-left:1px solid #000000; border-right:1px solid #000000;} .topMenu {border:1px solid #000000; padding:2px;} .menu_1 {background-image:url(https://img.webme.com/pic/d/diegovenegas/a-02.gif); widht: 190px; height: 25px; color:#000000; margin-top:1px; padding:0 20px; line-height:25px;} .menu_1:hover {background-image:url(https://img.webme.com/pic/d/diegovenegas/a-07.gif); widht: 190px; height: 25px; color:#0000FF; margin-top:1px; padding:0 20px; line-height:25px;} #content {padding:10px; color:#000000; font-family: Helvetica, sans-serif; font-size:14px; background-color:#transparent; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5, #extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading, div.header,h1#title,h2#title span,#counter {display: none;} .applemenu {margin: 5px 0; padding: 0; width: 182px;} .applemenu div.silverheader a {background: black url(https://img.webme.com/pic/d/diegovenegas/a-02.gif) repeat-x center left; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: #000000; display: block; position: relative; width: auto; padding: 5px 0; padding-left: 25px; text-decoration: none;} .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {color: #000000;} .applemenu div.selected a, .applemenu div.silverheader a:hover {background-image: url(https://img.webme.com/pic/d/diegovenegas/a-07.gif); color: #0000FF;} .applemenu div.submenu { padding: 5px;} ul{list-style-image: url(https://img.webme.com/pic/d/diegovenegas/a-14.gif);} [/code] <!-- www.CssSehri.tr.gg Kod Sonu -->

 



Tasarım Üstüne
<!-- www.CssSehri.tr.gg Kod Baslangici --> <div id="wrapper"> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Contact</a></li> </ul> </div> <!-- end #menu --> <div id="search"> <form method="get" action=""> <fieldset> <input type="text" name="s" id="search-text" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> </div> <!-- end #search --> </div> <!-- end #header --> <FCK:hr ></FCK:hr> <!-- end #logo --> <!-- end #header-wrapper --> <div id="page"> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->  

Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> <div id="sidebar"> <div id="logo"> <h1><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flattering </a></h1> <p>template design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p> </li> <li id="calendar"> <h2>Calendar</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption> March 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="February" colspan="3" id="prev"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">« Feb</a></td> <td class="pad"> </td> <td abbr="April" colspan="3" id="next"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="">Apr »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="5" class="pad"> </td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td id="today">11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> </tr> <tr> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> </tr> <tr> <td>31</td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Turpis nulla</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"></a><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nec metus sed donec</a></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> <div id="bottom-bg"><img src="https://img.webme.com/pic/p/poniex/img07.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/img07.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/img07.gif" alt="" /></div> <!-- end #page --> <div id="footer"> <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!-- end #footer --> </div> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->  

Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> 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;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 45px; padding: 0; background: #7A1A1A url(https://img.webme.com/pic/p/poniex/img01.gif) repeat left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #837669; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #649632; } h1 { font-size: 44px; } h2 { font-size: 20px; } h3 { } p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } ul, ol { } blockquote { } a { color: #B03336; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 { } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } #wrapper { } /* Header */ #header-wrapper { width: 880px; margin: 0 auto; } #header { width: 900px; height: 50px; margin: 0 auto; background: url(https://img.webme.com/pic/p/poniex/img02.gif) no-repeat left top; } /* Menu */ #menu { float: left; width: 540px; height: 50px; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; height: 35px; padding-top: 15px; background: url(https://img.webme.com/pic/p/poniex/img03.gif) no-repeat right center; } #menu a { display: block; float: left; padding: 0px 25px 0 25px; text-decoration: none; font: 14px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 305px; height: 26px; } #search form { float: right; margin: 0; padding: 15px 20px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; } #search-text { width: 135px; height: 18px; padding: 3px 0 0 5px; background: #ECF9E4; color: #658453; } #search-submit { height: 21px; margin-left: 12px; color: #39561D; } /* Page */ #page { width: 860px; margin: 0 auto; padding: 30px 20px 0px 20px; background: #FFFFFF; } /** LOGO */ #logo { width: 280px; height: 190px; margin: 0 auto; background: url(https://img.webme.com/pic/p/poniex/img04.jpg) no-repeat left top; } #logo h1, #logo p { margin: 0; line-height: normal; text-align: center; } #logo h1 { padding-top: 50px; } #logo h1 a { text-decoration: none; text-transform: lowercase; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo p { margin: 0; padding: 130px 0 0 10px; font: italic 10px Georgia, "Times New Roman", Times, serif; color: #BF7D7F; } #logo p a { text-decoration: none; color: #BF7D7F; } #logo p a:hover { text-decoration: underline; } /* Content */ #content { float: right; width: 550px; } /* Post */ .post { margin-bottom: 25px; } .post .title { height: 30px; margin-bottom: 3px; padding: 8px 0px 2px 20px; background: url(https://img.webme.com/pic/p/poniex/img06.jpg) no-repeat left top; color: #FFFFFF; } .post .date { float: right; margin-top: -45px; padding-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; color: #FFFFFF; } .post .meta { margin: -30px 0 3px 25px; padding: 2px 30px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #FFFFFF; } .post .meta a { color: #B6ACA2; } .post .entry { padding: 25px 20px 0px 20px; } .post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; } .post .links .comments { } .post .links .permalink { padding-left: 17px; } /* Sidebar */ #sidebar { float: left; width: 280px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 20px 0px; } #sidebar li ul { line-height: 200%; } #sidebar li li { margin: 0; padding: 0 20px; } #sidebar p { margin: 0; padding: 0 20px; } #sidebar h2 { height: 33px; margin: 0 0 20px 0px; padding: 8px 0 2px 20px; background: url(https://img.webme.com/pic/p/poniex/img05.jpg) no-repeat left top; font-size: 20px; color: #FFFFFF; } #sidebar p { line-height: 200%; } /* Calendar */ #calendar { } #calendar caption { padding-bottom: 5px; font-weight: bold; } #calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; } #calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; background: #F5F2EF; } #calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; } #calendar tfoot td { padding: 5px; } #calendar tfoot #next { text-align: right; } #calendar #today { background: #E7F1E1; } /* Footer */ #footer { width: 900px; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/p/poniex/img07.jpg) no-repeat left top; height: 61px; } #footer p { margin: 0; padding: 20px 0; text-align: center; line-height: normal; color: #FFFFFF; } #footer a { color: #B03336; } #bottom-bg { width: 900px; margin: 0 auto; } <!-- www.cssmerkezi20.tr.gg Kod Sonu -->  

Tasarım Üstüne
<!-- www.CssSehri.tr.gg Kod Baslangici --> <style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 210px; left: 52%; margin-left:-300px; width: 647px; } .menu li { width: 70px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->   

Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> <style type="text/css">body{ background-image: url("https://img.webme.com/pic/m/msn-kent/bsg.gif");</style> <style type="text/css"> <!-- html, body { text-align: center; } --> </style> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->

Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-color:#000000;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:900px; background-image:url(https://img.webme.com/pic/m/msn-kent/arkaplsnn.png);} #content { position: absolute; left: 50%; top: 250px; margin-left:-356px; width: 717px; height: 618px; padding:10px; color: #a7a4a4; font-size:12px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#a7a4a4; text-decoration: none; font-size:13px;} a:hover { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:link { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:active { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:visited { color: #a7a4a4; font-size: 13px; text-decoration: none;} <!-- www.cssmerkezi20.tr.gg Kod Sonu -->  

Tasarım Üstüne
<!-- www.CssSehri.tr.gg Kod Baslangici --> [size=9] [list] <LI class="page_item page-item-2">[url=http://artcolor.qualitywordpress.com/?page_id=2]About[/url] <LI class="page_item page-item-4">[url=http://artcolor.qualitywordpress.com/?page_id=4]About[/url] [*][url=http://artcolor.qualitywordpress.com/?page_id=5]Links[/url] [/list] [b][url=http://artcolor.qualitywordpress.com/]Art Color[/url][/b] Wordpress Theme [b][/b] [list] [*][url=http://artcolor.qualitywordpress.com/?p=7]Pic in Post[/url] [*][url=http://artcolor.qualitywordpress.com/?p=6]Longer Post[/url] [*][url=http://artcolor.qualitywordpress.com/?p=1]Hello world![/url] [/list] [b][/b] [list] [*][url=http://artcolor.qualitywordpress.com/?p=6]@ Longer Post ...[/url] [*][url=http://artcolor.qualitywordpress.com/?p=7]@ Pic in Post ...[/url] [*][url=http://artcolor.qualitywordpress.com/?p=1]Mr WordPress @ Hello world! ...[/url] [/list] [b]Pages[/b] [list] <LI class="page_item page-item-2">[url=http://artcolor.qualitywordpress.com/?page_id=2]About[/url] <LI class="page_item page-item-4">[url=http://artcolor.qualitywordpress.com/?page_id=4]About[/url] [*][url=http://artcolor.qualitywordpress.com/?page_id=5]Links[/url] [/list] [b]Archives[/b] [list] [*][url=http://artcolor.qualitywordpress.com/?m=200805]May 2008[/url] [/list] [b]Recent Posts[/b] [list] [*][url=http://artcolor.qualitywordpress.com/?p=7]Pic in Post [/url] [*][url=http://artcolor.qualitywordpress.com/?p=6]Longer Post [/url] [*][url=http://artcolor.qualitywordpress.com/?p=1]Hello world! [/url] [/list] [b]Recent Comments[/b] [list] <LI class=recentcomments>Anonymous on [url=http://artcolor.qualitywordpress.com/?p=6#comment-3]Longer Post[/url] <LI class=recentcomments>Anonymous on [url=http://artcolor.qualitywordpress.com/?p=7#comment-2]Pic in Post[/url] [*][url=http://wordpress.org/]Mr WordPress[/url] on [url=http://artcolor.qualitywordpress.com/?p=1#comment-1]Hello world![/url] [/list] 16 May [b]Cssmerkezi20.tr.gg[/b] Bilgi Güçtür, Paylaştıkça Büyür! [/size] <!-- www.CssSehri.tr.gg Kod Sonu -->  

Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> [size=9] [url=http://artcolor.qualitywordpress.com/?p=7#comments]Comment (1)[/url] // [url=http://artcolor.qualitywordpress.com/?p=7#respond]Add Comment[/url] [b]Categories[/b] [list] [*][url=http://artcolor.qualitywordpress.com/?cat=1]Uncategorized[/url] [/list] [b]Blogroll[/b] [list] [*][url=http://wordpress.org/development/]Development Blog[/url] [*][url=http://codex.wordpress.org/]Documentation[/url] [*][url=http://wordpress.org/extend/plugins/]Plugins[/url] [*][url=http://wordpress.org/extend/ideas/]Suggest Ideas[/url] [*][url=http://wordpress.org/support/]Support Forum[/url] [*][url=http://wordpress.org/extend/themes/]Themes[/url] [*][url=http://planet.wordpress.org/]WordPress Planet[/url] [/list] (c)Copyrighted Art Color, All Rights Reserved. Designed by: [url=http://www.absinthe-discount.de/en/]Absinthe[/url] [url=http://www.whiskey-shop.de/]Whiskey[/url], [url=http://www.spielekatalog.com/nintendo-wii_konsole_11.html]Wii[/url], [url=http://www.ps3-spiele-portal.de/news.html]PS3 News[/url] [/size] <!-- www.CssSehri.tr.gg Kod Sonu -->
 
Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> [size=9] 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;} /* Theme Name: Macbook Theme URI: http://macbook.qualitywordpress.com Description: Macbook is a theme that has the simplistic design style as the Apple company. Version: 1.0 Author: qualitywordpress.com Author URI: http://qualitywordpress.com */ /* General */ body { margin: 0; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/bg.gif); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 1px; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 1004px; } /* Header */ #header { width: 1004px; height: 459px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header.jpg) no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 125px; left: 100px; } #header #header-info h1 { color: #000000; font: bold 30px Verdana, Verdana; } #header #header-info h1 a { color: #000000; text-decoration: none; } #header #header-info .description { color: #000000; font: bold 15px Verdana, Verdana; } /* Header - Menu */ #header #header-menu { position: absolute; top: 0px; left: 26px; height: 53px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 53px; } #header #header-menu ul li { float: right; height: 53px; margin-right: 8px; font: bold 10px/43px Verdana, Verdana; color: #ffffff; text-transform: lowercase; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header_menu_left.gif) no-repeat; } #header #header-menu ul li a { color: #ffffff; text-decoration: none; padding: 0 40px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/header_menu_right.gif) no-repeat right top; display: block; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Topbar */ #header #topbar { position: absolute; top: 270px; left: 0px; width: 1004px; height: 201px; color: #FFFFFF; font: normal 12px Trebuchet MS, Verdana; } #header #topbar h3 { font: bold 15px Verdana, Verdana; color: #ffffff; } #header #topbar ul { margin: 0; padding: 0; list-style-type: none; } #header #topbar ul li { padding-top: 12px; color: #ffffff; font: normal 12px Trebuchet MS, Verdana; } #header #topbar ul li a { color: #ffffff; text-decoration: none; } #header #topbar ul li a:hover { text-decoration: underline; } /* Header - Topbar - Boxes */ #header #topbar #topbar-left { width: 285px; padding: 35px 33px; float: left; } #header #topbar #topbar-center { width: 306px; float: left; padding: 12px 0 0 30px; } #header #topbar #topbar-right { width: 287px; float: left; padding: 12px 0 0 30px; } /* Main */ #main { width: 1004px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main.gif) repeat-y; } #main-top { width: 1004px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main_top.gif) no-repeat; } #main-bottom { width: 992px; padding-left: 12px; min-height: 60px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/main_bottom.gif) no-repeat left bottom; } /* Main - Content */ #content { float: left; width: 570px; padding: 6px 16px 0 16px; } /* Main - Content - Post */ #content .post { color: #FFFFFF; float: left; margin-bottom: 16px; width: 554px; padding: 7px; background: #252525; } /* Post - Title */ #content .post .post-title { width: 554px; height: 51px; color: #FFFFFF; font: bold 12px Trebuchet MS, Verdana; } #content .post .post-title a { color: #FFFFFF; text-decoration: none; } #content .post .post-title a:hover { text-decoration: underline; } #content .post .post-title .post-date { float: left; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/post_date.gif) repeat-x; width: 50px; height: 51px; color: #000000; text-align: center; text-transform: uppercase; margin-right: 10px; font: bold 10px/15px Trebuchet MS, Verdana; } #content .post .post-title .post-date span { margin-bottom: 2px; display: block; font: bold 16px/34px Trebuchet MS, Verdana; } #content .post .post-title h2 { padding: 4px 0 3px 0; color: #FFFFFF; font: bold 19px Verdana, Verdana; } #content .post .post-title h2 a { color: #FFFFFF; text-decoration: none; } #content .post .post-title h2 a:hover { text-decoration: underline; } /* Post - Entry */ #content .post .post-entry { font: normal 10px/18px Trebuchet MS, Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; } #content .post .post-entry a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry a:hover { text-decoration: underline; } #content .post .post-entry .more-link { font: bold 12px/20px Trebuchet MS, Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; } #content .post .post-entry .more-link a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content .post .post-info { padding: 10px 4px 0 4px; width: 546px; clear: both; font: 12px Trebuchet MS, Verdana; color: #FFFFFF; } #content .post .post-info a { color: #FFFFFF; text-decoration: none; } #content .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content .post h3 { color: #FFFFFF; font: bold 17px Verdana, Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; } #content .post .comments { padding: 0 4px; width: 546px; font: normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; } #content .post .comments a { color: #FFFFFF; text-decoration: none; } #content .post .comments a:hover { text-decoration: underline; } #content .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content .post .comments ol li { padding: 5px; } #content .post .comments ol li.alt { background: #000000; } #content .post .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; } #content .post .comments ol li cite a { color: #FFFFFF; text-decoration: none; } #content .post .comments ol li cite a:hover { text-decoration: underline; } #content .post .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; } #content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content .post #commentform { margin: 0; font: normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; } #content .post #commentform a { color: #FFFFFF; text-decoration: none; } #content .post #commentform a:hover { text-decoration: underline; } /* Main - Sidebar */ .sidebar { float: left; width: 189px; font: strong 15px/18px Trebuchet MS, Verdana; color: #ffffff; padding: 7px 0; } .sidebar a { color: #ffffff; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 18px; font: bold 15px/34px Verdana, Verdana; text-transform: lowercase; color: #ffffff; height: 46px; width: 189px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/sidebar_title.gif) no-repeat; } /* Sidebar - Menus */ .sidebar ul { margin: 0 0 20px 18px; padding: 0; list-style-type: none; } .sidebar ul li { color: #ffffff; font: normal 12px/26px Trebuchet MS, Verdana; } .sidebar ul li a { color: #ffffff; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0 auto; padding: 15px 0 25px 0; width: 145px; text-align: center; } .sidebar #searchform #s { width: 145px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 5px auto 20px auto; width: 120px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 0 10px 20px 10px; } /* Footer */ #footer { margin-top: 15px; width: 1004px; height: 62px; background: url(http://artcolor.qualitywordpress.com/wp-content/themes/artcolor/images/footer.gif) repeat-x; color: #FFFFFF; font: normal 10px/15px Trebuchet MS, Verdana; text-align: center; } #footer a { color: #CCCCCC; text-decoration: none; } #footer a:hover { text-decoration: underline; } [/size] <!-- www.CssSehri.tr.gg Kod Sonu -->

Tasarım Üstüne 
<!-- www.CssSehri.tr.gg Kod Baslangici --> <div id="wrap"> <div id="header"><br /> <h3>BEDAVASİTEM.FORUM.ST</h3> <p><strong>"BEDAVA SİTEM DESTEK FORUMU"</strong><br /> (ELAN)</p> </div> <div id="nav"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">.: index :. </a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forum</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New</a></li> <li class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">contact</a></li> </ul> </div> <div id="left"> <p class="title_left"><img src="http://img200.imageshack.us/img200/1930/arrowg2.gif" _fcksavedurl="http://img200.imageshack.us/img200/1930/arrowg2.gif" _fcksavedurl="http://img200.imageshack.us/img200/1930/arrowg2.gif" alt="" width="9" height="5" /> information</p> <div class="news"> <h3><img src="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" /> Gallery </h3> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 1</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 4</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 5</a></li> <li class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery 6</a></li> </ul> <p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> Selection of march ... </p> <p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> Selection of april ... </p> <p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> Selection of may ... </p> <p class="comment">Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">More Info...</a><br /> <br /> </div> <p class="text_left">Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> <p><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img class="img" src="https://img.webme.com/pic/p/poniex/mail.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/mail.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/mail.jpg" alt="mail" width="64" height="52" /><br /> </a><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer"> Validate XHTML 1.0 Strict</a><br /> and Css <br /> </p> </div> <div id="right"> <p class="title_right"><img src="http://img200.imageshack.us/img200/1930/arrowg2.gif" _fcksavedurl="http://img200.imageshack.us/img200/1930/arrowg2.gif" _fcksavedurl="http://img200.imageshack.us/img200/1930/arrowg2.gif" alt="" width="9" height="5" /> Some news</p> <h3 class="right_titre"> <img src="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" /> About</h3> <div id="info"> <h3> Minim veniam:</h3> <p> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br /> </p> <h3> Archives:</h3> <p><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news ( juin 2007)<br /> <img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news ( juillet 2007)<br /> <img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" _fcksavedurl="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news (aout 2007)<br /> </p> </div> <p > </p> <h3 class="right_titre"> <img src="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" _fcksavedurl="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" /> Minim veniam:</h3> <p > </p> <p class="right_texte" >"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br /> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">More Info...</a></p> <p > </p> <p class="right_texte" ><img src="https://img.webme.com/pic/p/poniex/feed.png" _fcksavedurl="https://img.webme.com/pic/p/poniex/feed.png" _fcksavedurl="https://img.webme.com/pic/p/poniex/feed.png" alt="feed" width="16" height="16" /> Rss </p> <p class="small2" >"Lorem ipsum<a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"> dolor sit amet</a>, consectetur " <br /> quis nostrud exerci tation ullamcorper suscipit lobortis </p> </div> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->  

Tasarım Altına
<!-- www.CssSehri.tr.gg Kod Baslangici --> <div id="footer"> <p class="text_footer">Copyright © 2008 ("your sitename"). Design by kty <a href="http://www.studio-plume.org" _fcksavedurl="http://www.studio-plume.org" _fcksavedurl="http://www.studio-plume.org"> studio-plume.org</a>.</p> </div> </div> <!-- www.cssmerkezi20.tr.gg Kod Sonu -->
 
Css Kodu
<!-- www.CssSehri.tr.gg Kod Baslangici --> 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;} /* city - an open source xhtml/css website layout by Studio-plume.org kty (aug 6, 2008) */ body { margin: 0 auto; padding: 0; font: 0.7em "trebuchet ms",arial,sans-serif; background: #000} #wrap { background: #000 url(https://img.webme.com/pic/p/poniex/deg_wrap.jpg) repeat-x center bottom ; color: #aaa9a9; border: none; margin: 0 auto; width: 920px; border-left: 1px #000 solid; border-right: 1px #000 solid;} /* header */ #header { clear: both; padding: 0; height: 260px;background-image: url(https://img.webme.com/pic/p/poniex/920.jpg); background-repeat: no-repeat;} #header h3 { width: 350px; margin: 0px 0px 0px 25px; float: left; font-family: "trebuchet ms",arial,sans-serif;font-size: 0.9em;} #header p { width: 400px; float: left; text-align: left; color: #fff; margin: 70px 0px 0px 350px; font-size: 0.9em; line-height: 1.2em;height: 35px;background-color: inherit;} /* navigation */ #nav { font-size: 1.2em;font-weight: bold;margin-top: -42px;width: 600px;height: 25px;margin-left: 180px;} #nav ul { margin : 0; padding : 0; list-style : none; text-align: center;font-variant: small-caps; font-weight: bold;} #nav li { float : left; font-family: "trebuchet ms",arial,sans-serif; } #nav a { display : block; padding : 10px; color : #FFF; text-decoration : none;width: 75px;background-color: inherit;color: #000; padding: 0px 10px 0px 10px;} #nav a:hover { color : #8E8E6A;background-color: inherit;color: #fff;} /* content */ #content { padding: 0 10px 0 10px; line-height: 1.4em; text-align: left;background-color: #161616;width: 470px;margin-top: 7px;float: left;background-image: url(https://img.webme.com/pic/p/poniex/ht_center2.jpg);background-repeat: no-repeat;background-position: center top; margin-left: 15px;} #content h2 { font-size: 1.2em; margin: 20px 0em 0em 0em; font-family: "trebuchet ms",arial,sans-serif; height: 21px;} #content img { padding: 0px; display:inline; padding-right: 3px; margin-left: 8px;} .left_articles { margin: 15px 15px 0px 0em; color: #fff; padding: 15px 0px 10px;text-align: justify;background-color: inherit;}.comment { padding: 0 0 0 12px; line-height: 1.4em;} .bigimage { float: left; clear: left; margin: 8px;border: none;} h3 { font-size: 1.1em; margin: 0em 0em 25px; font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;width: 196px; color: #fff;} a { text-decoration: none; color: #657536;background-color: inherit;} a:hover { text-decoration: underline; color: #819545;background-color: inherit;} /* left side */ #left { float: left; margin: 12px 0em 20px 10px; list-style: none;background-position: left top;background-color: #161616;background-image: url(https://img.webme.com/pic/p/poniex/ht_menu2.jpg);background-repeat: no-repeat;height: auto; width: 185px;} .text_left{margin: 35px 0em 10px;width: 175px; color: #aaa9a9;line-height: 1.2em;padding-left: 2px;background-repeat: no-repeat;background-position: top center;background-color: #232325;border: 1px #2e2e2e dashed;} .news { margin: 35px 0em 10px 0px;width: 175px; color: #fff;line-height: 1.2em;background-repeat: no-repeat;background-position: top center;background-color: #232325;border: 1px #2e2e2e dashed;} /* right side */ #right { float: right; width: 206px; margin: 10px 0em; padding: 0; font-size: 1em;list-style: none;background-position: left top;background-color: #161616;background-image: url(https://img.webme.com/pic/p/poniex/ht_right2.jpg);background-repeat: no-repeat;} .right_titre{ margin: 0em 0em 0em 30px; text-align: center;width: 150px;} .right_texte{ margin: 0em 0em 0em 5px; text-align: left;width: 150px; } #info { float: right; width: 170px; margin: 18px 15px 10px 5px; padding: 3px; line-height: 1.5em; text-align: left;background-color: #667731;} #info p { margin: 0em 0em 0em 2px; font-style: italic; color: #fff; background-color: #566529; padding: 3px;} #info h3 { margin: 0em 0em 0em 5px; text-align: center;width: 150px; font-size: 0.9em; font-style: italic; color: #fff;} /* footer part */ #footer { clear: both; margin: auto 0em auto; padding: 0; width: 920px; text-align: center; color: #a5a5a5; font-size: 0.9em;background: #000 url(https://img.webme.com/pic/p/poniex/bg_footer.jpg) no-repeat left center ;border: none;height: 36px; } #footer a { color: #ccc; text-decoration: none;background-color: inherit;} #footer a:hover { text-decoration: underline; } .text_footer { font-size: 0.9em; padding-top: 10px;} /* others */ .title_left { font-size: 0.9em; margin: 15px 0em 25px 10px; font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;color: #7e9144;padding-left: 30px;} .title_right { font-size: 0.8em; margin: 24px 0em 25px 10px; font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;color: #7e9144;padding-left: 30px;} .left { margin: 0px 7px 0px; float: left; } .right { margin: 0px 7px 0px 5px; float: right; } .small { font-size: 0.85em; padding-top: 10px; color: #4f4f53; text-align: center;} .small2 { font-size: 0.85em; padding-top: 10px; color: #aaa9a9; text-align: left;} .bold { font-weight: bold; } .img {border: none;} <!-- www.cssmerkezi20.tr.gg Kod Sonu -->


 

CSS KOD 
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;} * {padding: 0; margin:0 } body { margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/h/hackerfriend4/arkaplan.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto; margin-right:0 auto; } #baslik{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/f/free-picture/header-red1.jpg); width: 1000px; height: 20px; float: left; text-align: center; padding: 180px 0 0 0; font-size: 20px; color: #ff0000; font-family: Verdana, arial; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/h/hackerfriend4/tasarim1.png); width: 1000px; height: 191px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/h/hackerfriend4/tasarim2.png); width: 1000px; height: 100%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/h/hackerfriend4/tasarim3.png); width: 1000px; height: 196px; float: left; }