WEBMASTERBANK - CSS TASARIMLAR

TASARIM ÜSTÜ

<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Exploitable </a></h1> <p>design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> </div>  <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div>  <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="content"> <div class="post"> <div class="post-bgtop"> <div class="post-bgbtm"> <h1 class="title"><a href="#" _fcksavedurl="#">Welcome to Exploitable </a></h1> <p class="meta">Posted by <a href="#" _fcksavedurl="#">Someone</a> on March 10, 2008  •  <a class="comments" href="#" _fcksavedurl="#">Comments (64)</a>  •  <a class="permalink" href="#" _fcksavedurl="#">Full article</a></p> <div class="entry"> <p>

TASARIM ALTI

</p> </div> </div> </div> </div> <div style="clear: both;"> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna ornare consectetuer hendrerit.</p> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Uncategorized</a> (3)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13)<span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">Phasellus Pellentesque</a><span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Consectetuer Adipiscing</a><span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a><span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">December 2009</a> (29)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">November 2009</a> (30)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">October 2009</a> (31)<span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div> </div>  <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/">Free CSS Templates</a>.</p> </div> </div>

CSS KODU

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: 0; padding: 0; background: #E3E7ED url(https://img.webme.com/pic/u/ugraburaya2/img01.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; } h1, h2, h3 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #F93D00; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; border-bottom: 1px dotted #999999; color: #417FDA; } a:hover { } #wrapper { width: 968px; margin: 0 auto; padding: 0; } /* Header */ #header { width: 968px; height: 150px; margin: 0 auto; background: url(https://img.webme.com/pic/u/ugraburaya2/img02.gif) no-repeat left top; } /* Logo */ #logo { float: left; width: 968px; height: 60px; color: #616161; } #logo h1, #logo p { margin: 0; padding: 0; } #logo h1 { float: left; padding: 80px 0 0 80px; letter-spacing: -1px; text-transform: lowercase; font-size: 2.6em; } #logo p { float: left; margin: 0; padding: 90px 10px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style: italic; } #logo a { border: none; background: none; text-decoration: none; color: #616161; } /* Search */ #search { float: right; width: 230px; padding: 0; } #search form { height: 41px; margin: 0; padding: 70px 0 0 0px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 210px; border: none; text-transform: lowercase; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; } #search-submit { display: none; } /* Menu */ #menu { width: 968px; height: 50px; margin: 0 auto; padding: 0; } #menu ul { margin: 0; padding: 0; padding-left: 10px; list-style: none; line-height: normal; } #menu li { float: left; height: 50px; background: url(https://img.webme.com/pic/u/ugraburaya2/img03.gif) no-repeat right top; } #menu a { display: block; margin-top: 10px; margin-right: 3px; padding: 7px 20px 7px 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; border: none; } #menu a:hover, #menu .current_page_item a { } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 968px; margin: 0 auto; background: url(https://img.webme.com/pic/u/ugraburaya2/img05.jpg) repeat-y left top; } #page-bgtop { background: url(https://img.webme.com/pic/u/ugraburaya2/img04.jpg) no-repeat left top; } #page-bgbtm { background: url(https://img.webme.com/pic/u/ugraburaya2/img06.jpg) no-repeat left bottom; } /* Content */ #content { float: right; width: 700px; padding: 60px 20px 0 0; } .post { margin-bottom: 8px; background: url(https://img.webme.com/pic/u/ugraburaya2/img09.jpg) repeat-y left top; } .post-bgtop { background: url(https://img.webme.com/pic/u/ugraburaya2/img08.jpg) no-repeat left top; } .post-bgbtm { background: url(https://img.webme.com/pic/u/ugraburaya2/img10.jpg) no-repeat left bottom; } .post .title { padding-top: 15px; padding-left: 20px; color: #000000; } .post .title a { color: #000000; border: none; } .post .meta { border-bottom: 1px dashed #B5DEF4; padding-left: 20px; padding-bottom: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; } .post .entry { padding: 10px 20px 15px 20px; text-align: justify; } /* Sidebar */ #sidebar { float: left; width: 220px; padding: 60px 0 0 20px; color: #787878; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { padding-bottom: 30px; } #sidebar li li { line-height: 35px; border-bottom: 1px dashed #D2D4C9; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h2 { height: 32px; padding: 8px 0 0 30px; background: url(https://img.webme.com/pic/u/ugraburaya2/img11.gif) no-repeat left top; letter-spacing: -.5px; color: #FFFFFF; } #sidebar p { padding-bottom: 20px; text-align: justify; } #sidebar a { color: #417FDA; border: none; } #sidebar a:hover { text-decoration: underline; color: #787878; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { height: 50px; margin: 0 auto; padding: 0px 0 15px 0; font-family: Arial, Helvetica, sans-serif; color: #B2B2B2; } #footer p { margin: 0; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; } #footer a { color: #3D444F; }

Tasarım Üstü

<div id="header"> <a href="giriş yapılacak sayfanın adresi" _fcksavedurl="giriş yapılacak sayfanın adresi" class="member">GİRİŞ YAP</a> <ul class="nav"> <li class="SAYFA URL">ANA SAYFA</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> </ul> </div>   <div id="body"> <p class="top"></p>

Tasarım altı

<div id="right"> <h2>Search</h2> <form name="serch" action="#" method="post"> <p class="domain">enter the domain name</p> <input type="text" name="name" /> <input type="submit" name="go" value="" class="go" /> </form> <h2 class="scope">Our scopes</h2> <ul> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> </ul> <a href="#" _fcksavedurl="#"><img src="http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif" _fcksavedurl="http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif" alt="banner" width="157" height="146" border="0" class="banner" /></a> <p class="bottom"> <a href="#" _fcksavedurl="#" class="xhtm"></a> <a href="#" _fcksavedurl="#" class="css"></a> </p> </div>  <p class="bot"></p> <br class="spacer" /> </div>   <div id="footer"> <ul> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">ANA SAYFA</a>|</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a>|</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a>|</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a>|</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a>|</li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> <li><a href="SAYFA URL" _fcksavedurl="SAYFA URL">SAYFA ADI</a></li> </ul> <p class="copyright"> <a href="http://tasarimci-amca1.tr.gg" _fcksavedurl="http://tasarimci-amca1.tr.gg">tasarimci-amca1.tr.gg</a> ve <a href="http://htlmkodes..tr.gg" _fcksavedurl="http://htlmkodes..tr.gg">htlmkodes.tr.gg</a></p> <p>Designed By: kodes</p> </div>

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;} /* CSS Document */ body{ padding:0; margin:0; background:url(http://img530.imageshack.us/img530/5081/bodybgyn7.gif/body_bg.gif) 0 0 repeat-x #C3EA5E; color:#000; } div, h1, h2, p, form, label, input, textarea, img, span{ margin:0; padding:0; } ul{ margin:0; padding:0; list-style-type:none; } .spacer{ clear:both; font-size:0px; line-height:0px; } /*------------------------------------------------body---------------------*/ /*------------------------------------------------header start---------------------*/ #header{ width:778px; height:49px; background:url(http://img57.imageshack.us/img57/1140/headerry2.jpg/header.jpg) 0 0 no-repeat; padding:385px 0 0 0; margin:0 auto; position:relative; } #header a.member{ background:url(http://img124.imageshack.us/img124/1285/memberloginiconpz0.gif/member_login_icon.gif) center top no-repeat #fff; width:44px; height:17px; padding:23px 0 0 0; font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0C0C0C; text-transform:uppercase; text-decoration:none; text-align:center; position:absolute; left:490px; top:6px; } #header a.member:hover{ color:#607800; background-color:#fff; } #header img{ position:absolute; left:209px; top:311px; } #header ul.nav{ width:538px; height:28px; padding:0; margin:0 auto; } #header ul.nav li{ float:left; padding:0; margin:0; } #header ul.nav li a{ display:block; height:28px; padding:0 11px 0 11px; background-color:#FFFFEF; color:#523500; font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; margin:0 1px 0 0; float:left; } #header ul.nav li a:hover{ background:url(http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif) 0 0 repeat-x #FFFEEF; color:#fff; } #header ul.nav li.home{ display:block; height:28px; float:left; margin:0; padding:0 11px 0 11px; background:url(http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif) 0 0 repeat-x #FFFEEF; color:#fff; font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; } /*------------------------------------------------header end---------------------*/ /*------------------------------------------------body start---------------------*/ #body{ background:url(http://img530.imageshack.us/img530/6888/bodybgmidwd3.gif/body_bg_mid.gif) 0 0 repeat-y; width:631px; margin:0 auto; } #body p.top{ display:block; background:url(http://img266.imageshack.us/img266/2095/bodytopbghg0.gif/body_top_bg.gif) 0 0 no-repeat; width:631px; height:75px; float:left; } #body p.bot{ display:block; background:url(http://img231.imageshack.us/img231/5766/bodybottombgpz5.gif/body_bottom_bg.gif) 0 0 no-repeat; width:631px; height:78px; float:left; } /*------------------------------------------------left panel start---------------------*/ #left{ width:414px; padding:0 0 0 29px; float:left; } #left h2{ display:block; width:300px; font:bold 22px/38px Georgia, "Times New Roman", Times, serif; color:#694F10; background-color:#F8EFD3; float:left; } #left h3{ display:block; width:354px; height:23px; padding:0 0 0 12px; margin:0 0 0 0; background:url(http://img84.imageshack.us/img84/1471/h3bgww0.gif/h3_bg.gif) 0 0 no-repeat #FCF8EA; font:bold 16px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7C7A02; float:left; } #left p.text1{ display:block; width:385px; font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#63562E; background-color:#F8EFD3; margin:0 0 0 0; padding:24px 0 0 0; float:left; } #left p.text2{ display:block; width:385px; font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#63562E; background-color:#F8EFD3; padding:11px 0 19px 0; float:left; } #left p.text2 span{ font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9C4D00; background-color:#F8EFD3; } #left p.rm{ display:block; width:370px; height:19px; margin:0 0 4px 0; font-size:0; background:url(http://img207.imageshack.us/img207/4461/readmoredivgv1.gif/read_more_div.gif) 0 0 repeat-x; float:left; } #left p.rm a{ background:url(http://img266.imageshack.us/img266/1682/btnreadmorebh1.gif/btn_read_more.gif) 0 1px no-repeat; width:58px; height:14px; padding:0; margin:0; float:right; } #left p.rm a:hover{ background:url(http://img84.imageshack.us/img84/2955/btnreadmorehoverok4.gif/btn_read_more_hover.gif) 0 1px no-repeat; } #left h3.date{ display:block; background:url(http://img84.imageshack.us/img84/6221/datebgce0.gif/date_bg.gif) 0 0 no-repeat #FCF8EA; width:125px; height:18px; padding:0 0 0 12px; margin:0 0 0 0; font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7C7A02; float:left; } #left p.event{ width:354px; background:url(http://img517.imageshack.us/img517/5166/eventbgvb9.gif/event_bg.gif) 0 11px no-repeat #F8EFD3; padding:11px 0 0 20px; margin:0 0 15px 0; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#63562E; float:left; } #left p.rm2{ display:block; width:370px; height:14px; font-size:0; margin:0 0 4px 0; background:url(http://img517.imageshack.us/img517/3364/readmoredivjp6.gif/read_more_div.gif) 0 0 repeat-x; float:left; } #left p.rm2 a{ background:url(http://img525.imageshack.us/img525/2529/btnreadmoredg7.gif/btn_read_more.gif) 0 1px no-repeat; width:58px; height:14px; padding:0; margin:0; float:right; } #left p.rm2 a:hover{ background:url(http://img518.imageshack.us/img518/607/btnreadmorehovercm8.gif/btn_read_more_hover.gif) 0 1px no-repeat; } /*------------------------------------------------left panel end---------------------*/ /*------------------------------------------------right panel start---------------------*/ #right{ width:188px; padding:5px 0 55px 0; margin:0; float:left; } #right h2{ display:block; background:url(http://img117.imageshack.us/img117/1872/serchbgcp5.gif/serch_bg.gif) 0 0 no-repeat #ECE2C3; width:145px; height:27px; padding:0 0 0 9px; margin:0 0 5px 0; font:normal 18px/27px Georgia, "Times New Roman", Times, serif; color:#694F10; float:left; } #right form{ width:154px; padding:0 0 35px 0; margin:0; float:left; } #right form p.domain{ width:134px; height:15px; background:url(http://img117.imageshack.us/img117/1872/serchbgcp5.gif/domain_name_bg.gif) 0 0 no-repeat #FCF8EA; padding:0 0 0 20px; margin:0 0 7px 0; font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900C00; text-transform:uppercase; float:left; } #right form input{ width:152px; height:22px; background-color:#fff; color:#000; border:#D0BE90 solid 1px; font:normal 11px/22px Arial, Helvetica, sans-serif; float:left; } #right form input.go{ background:url(http://img237.imageshack.us/img237/2803/btngoxl7.gif/btn_go.gif) 0 0 no-repeat; width:27px; height:11px; border:none; cursor:pointer; float:right; } #right h2.scope{ display:block; background:url(http://img237.imageshack.us/img237/9907/serchbgbb8.gif/serch_bg.gif) 0 0 no-repeat #ECE2C3; width:145px; height:27px; padding:0 0 0 9px; margin:0 0 12px 0; font:normal 18px/27px Georgia, "Times New Roman", Times, serif; color:#694F10; float:left; } #right ul{ width:140px; padding:0 0 28px 9px; margin:0 0 0 0; float:left; font-size:0; } #right ul li{ padding:0; margin:0; float:left; } #right ul li a{ display:block; width:125px; background:url(http://img49.imageshack.us/img49/1765/arrow1yi9.gif/arrow1.gif) 0 5px no-repeat #F8EFD3; padding:0 0 0 15px; font:bold 11px/19px Arial, Helvetica, sans-serif; color:#BF0000; text-decoration:none; height:19px; } #right ul li a:hover{ background:url(http://img49.imageshack.us/img49/5572/arrow1hoveril8.gif/arrow1_hover.gif) 0 5px no-repeat #FEFAEC; color:#694F10; } #right img.banner{ display:block; width:157px; height:146px; margin:0 0 15px 0; padding:0 0 0 3px; float:left; } #right p.bottom{ display:block; background:url(http://img49.imageshack.us/img49/9097/bottombgzc3.gif/bottom_bg.gif) 0 0 no-repeat; width:162px; height:14px; padding:0 0 0 22px; margin:0; float:left; } #right p.bottom a.xhtm{ display:block; background:url(http://img129.imageshack.us/img129/2592/xhtmlbgsr3.gif/xhtml_bg.gif) 0 1px no-repeat; width:58px; height:14px; padding:0; margin:0 7px 0 0; font-size:0; float:left; } #right p.bottom a.xhtm:hover{ background:url(http://img210.imageshack.us/img210/7044/xhtmlbghovermn2.gif/xhtml_bg_hover.gif) 0 1px no-repeat; } #right p.bottom a.css{ display:block; background:url(http://img129.imageshack.us/img129/1017/cssbgtm9.gif/css_bg.gif) 0 1px no-repeat; width:58px; height:14px; padding:0; margin:0; font-size:0; float:left; } #right p.bottom a.css:hover{ background:url(http://img132.imageshack.us/img132/3936/cssbghoverdp6.gif/css_bg_hover.gif) 0 1px no-repeat; } /*------------------------------------------------right panel end---------------------*/ /*------------------------------------------------body end---------------------*/ /*------------------------------------------------footer start---------------------*/ #footer{ width:778px; height:207px; margin:0 auto; padding:31px 0 0 0; background:url(images/footer_bg.gif) left bottom no-repeat; position:relative; } #footer ul{ width:559px; margin:0; padding:0; position:absolute; left:148px; top:31px; } #footer ul li{ margin:0; float:left; font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#880000; background-color:#FFFFD5; background-image:none; } #footer ul li a{ font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#880000; background-color:#FFFFD5; text-decoration:none; padding:0 10px 0 10px; } #footer ul li a:hover{ color:#000; background-color:#C6EC62; } #footer p.copyright{ font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; background-color:#FFFED0; position:absolute; left:285px; top:50px; } #footer p.design{ display:block; width:194px; height:17px; border:#E1E08E solid 1px; padding:0 0 0 35px; position:absolute; left:291px; top:72px; font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#990000; background-color:#fff; } #footer a.link{ width:85px; font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#990000; background-color:#fff; padding:0 3px; text-decoration:none; text-transform:capitalize; } #footer a.link:hover{ color:#fff; background-color:#B50000; } /*------------------------------------------------footer end---------------------*/

Tasarım üzerine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> <div id="todobanners"> <div class="Estilo1" id="cabezal"> <h1 class="Estilo2">Titulo de la web </h1> </div> <div id="afiliados"> <div align="center"> <table width="200" border="2" cellspacing="5" bordercolor="#393939" bgcolor="#393939"> <tr> <td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td> <td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td> <td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td> <td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td> <td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td> </tr> </table> </div> </div>

Tasarımın Altına

<div id="abajocontenido"> <div align="center" class="Estilo3"> <span class="Estilo7">ÐÎŠ€ÑÔ Ρó® <a href="http://todobanners.es.tl" _fcksavedurl="http://todobanners.es.tl">ωωω.†ÔÐÔßáηη€®Š.€Š.†L</a> - </span><span class="Estilo6">©Tu web aqui.</span></div> </div> </div>

Css koduna

#cabezal { background-image: url(http://img23.imageshack.us/img23/8526/sinttulo103.png); width: 827px; height: 100px; background-repeat: no-repeat; padding-left: 50px; } #nav_container { width: 185px; float: left; font-family: Arial, Helvetica, sans-serif; list-style-type: none; background-color: #585757; border: 4px solid #000000; margin-top: 10px; font-size: 10px; padding-bottom: 50px; } li.nav_element { background-image: url(http://img16.imageshack.us/img16/9210/botont.png); background-repeat: no-repeat; list-style-type: none; margin-left: -40px; height: 31px; margin-top: -2px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 7px; } li.nav_element:hover { background-image: url(http://img15.imageshack.us/img15/427/botonhover.png); background-repeat: no-repeat; list-style-type: none; margin-left: -40px; height: 31px; margin-top: -2px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 7px; } #pre_content { background-image: url(http://img93.imageshack.us/img93/4826/sinttulo113.gif); width: 668px; float: right; height: 30px; padding-top: 10px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000066; } #todobanners { width: 877px; } #content_container { background-image: url(http://img140.imageshack.us/img140/5089/sinttulo119.gif); width: 667px; float: right; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; color: #666666; } #abajocontenido { width: 678px; height: 84px; background-image: url(http://img17.imageshack.us/img17/1605/sinttulo117.gif); float: right; margin-bottom: 50px; } .Estilo1 {font-family: Georgia, "Times New Roman", Times, serif} .Estilo2 {color: #FFFFFF} .Estilo3 {font-size: 9px} .Estilo6 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; } .Estilo7 { color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #post_header {display: none;} #header_container {display: none;} #sidebar_container {display: none;} h1#title{display: none;} h2#title span {display: none;} #arribacontenido p { border-bottom-width: medium; border-bottom-style: solid; margin-right: 350px; } #nav_container a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #00CCFF; list-style-type: none; margin-left: 8px; } a:link { color: #333333; } a:visited { color: #000000; } a:hover { color: #333333; } a:active { color: #000000; }

Tasarım Üstü

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Trial Impact</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main_body"> <div id="left_pan"> <img src="images/trial.gif" _fcksavedurl="images/trial.gif" width="85" height="100" title="trial impact" alt="trial impact" /> <h2>Yapımdayız<span></span></h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 01</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 02</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 03</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 04</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 05</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 06</a></li> <li class="li1"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Navigation 07</a></li> </ul> </div> <div id="rightPan"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="main">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="home">About Us</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="home">Network</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="sub">Submission</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="home">Archives</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="home">Finance</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="con">Contact</a></li> </ul> <ul class="link"> <li><a href="" _fcksavedurl="">Tasarım</a></li> <li class="sup"><a href="/" _fcksavedurl="/">Yardım</a></li> <li class="sol"><a href="" _fcksavedurl="">Web Ders</a></li> </ul>

Tasarım Altı

</div> <br class="bank" /> </div> <div id="footer_bg"> <div id="footer"> <ul> </ul> <p>© Design By htlmkodes.Tr.Gg</p> <ul class="xhtml"> </ul> </div> </div> </body> </html>

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;} /* CSS Document */ body{ background:url(http://img234.yukle.tc/images/288bg.gif) repeat-x 0 0 #FFF9F2; color:#333227; padding:0; margin:0; } div, p, ul, h1, h2, h3, img, form{ padding:0; margin:0; } ul{ list-style-type:none; } .bank{ line-height:0; font-size:0; clear:both; } /*------------------------main body-------------------------*/ #main_body{ width:778px; margin:0 auto 0 auto; } #left_pan{ width:188px; background:url(http://img232.yukle.tc/images/4294logo_bg.gif) no-repeat #FFF9F2; color:#fff; float:left; } #left_pan img{ margin:40px 0 38px 52px; display:block; } #left_pan h2{ width:73px; height:41px; background:url(http://img232.yukle.tc/images/3853login_bg.gif) no-repeat 0 0; margin:0 0 0 6px; display:block; font:14px/14px Arial, Helvetica, sans-serif; padding:17px 65px 0 32px; font-weight:bold; text-transform:uppercase; } #left_pan h2 span{ font-size:24px; line-height:24px; } #left_pan form{ width:148px; margin:0 0 0 0; padding:28px 0 0 23px; display:block; } #left_pan form input{ width:136px; height:17px; display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 0 0 12px; margin:0px 0 10px 0; } #left_pan form input.button{ width:59px; height:22px; display:block; background:url(http://img232.yukle.tc/images/7409button_arrow.gif) no-repeat 0 5px #FFF9F2; color:#333227; font:13px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 21px; margin:0 0 10px 90px; border:none; cursor:pointer; font-weight:bold; } #left_pan form label{ width:132px; font:9px/13px Tahoma, Arial, Helvetica, sans-serif; color:#D43723; font-weight:bold; display:block; text-transform:uppercase; background-color:#FFF9F2; } #left_pan form a{ width:132px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#000101; text-decoration:underline; display:block; background-color:#FFF9F2; } #left_pan form a:hover{ text-decoration:none; } #left_pan ul{ width:126px; display:block; margin:38px 0 0 38px; } #left_pan ul li{ background:url(http://img231.yukle.tc/images/1900ul_arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 1px dashed; padding: 0 0 0 18px; } #left_pan ul li.li1{ background:url(http://img231.yukle.tc/images/1900ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px; } #left_pan ul li a{ font:13px/23px Arial, Helvetica, sans-serif; color:#4D371E; text-decoration:none; background-color:#FFF9F2; } #left_pan ul li a:hover{ text-decoration:underline; } /*-------------------------------right side--------------------*/ #rightPan{ width:590px; float:left; margin:0; background:url(http://img231.yukle.tc/images/3357header_pic.jpg) no-repeat 0 29px; } #rightPan ul{ width:550px; display:block; margin:0 0 0 25px; height:29px; font-size:0; } #rightPan ul li{ float:left; height:29px; } #rightPan ul li a{ font:12px/29px Arial, Helvetica, sans-serif; font-weight:bold; height:29px; display:block; color:#FFF9F2; background:url(http://img231.yukle.tc/images/711navi_bg.gif) repeat-x 0 0 #005050; text-decoration:none; text-align:center; } #rightPan ul li a.main{ background:url(http://img231.yukle.tc/images/1538home.gif) no-repeat 0 0; width:59px; } #rightPan ul li a.main:hover{ background:url(http://img231.yukle.tc/images/4713home_h.gif) no-repeat 0 0; width:59px; } #rightPan ul li a.home{ background:url(http://img231.yukle.tc/images/5677about_us.gif) no-repeat 0 0; width:74px; } #rightPan ul li a.home:hover{ background:url(http://img231.yukle.tc/images/4127about_us_h.gif) no-repeat 0 0; width:74px; } #rightPan ul li a.sub{ background:url(http://img231.yukle.tc/images/3299submission.gif) no-repeat 0 0; width:92px; } #rightPan ul li a.sub:hover{ background:url(http://img231.yukle.tc/images/2673submission_h.gif) no-repeat 0 0; width:92px; } #rightPan ul li a.con{ background:url(http://img231.yukle.tc/images/7535contact_us.gif) no-repeat 0 0; width:74px; } #rightPan ul li a.con:hover{ background:url(http://img231.yukle.tc/images/347contact_us_h.gif) no-repeat 0 0; width:74px; } #rightPan ul.link{ width:590px; display:block; margin:23px 0 0 0; height:20px; } #rightPan ul.link li{ float:left; width:102px; font-size:0px; display:block; padding:0 0 0 96px; height:20px; } #rightPan ul.link li.sup{ float:left; width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:20px; margin:0; } #rightPan ul.link li.sol{ float:left; width:122px; display:block; padding:0 0 0 55px; height:20px; } #rightPan ul.link li a{ font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#AA855B ; font-weight:normal; background-color:#FFF9F2; background-image:none; display:block; width:104px; text-align:right; height:20px; } #rightPan ul.link li a:hover{ color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; } #rightPan ul.sub_link{ width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0; } #rightPan ul.sub_link li{ float:left; width:104px; font-size:0px; display:block; padding:0 0 0 94px; height:14px; margin:0; } #rightPan ul.sub_link li.sup1{ float:left; width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:inherit; } #rightPan ul.sub_link li.sol1{ float:left; width:112px; font-size:0px; display:block; padding:0 0 0 65px; } #rightPan ul.sub_link li a{ font:14px/14px Arial, Helvetica, sans-serif; color:#353535; font-weight:normal; background-color:#FFF9F2; background-image:none; display:block; width:104px; text-align:right; height:14px; } #rightPan ul.sub_link li a:hover{ color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; text-decoration:underline; } #rightPan h2{ width:214px; display:block; font:18px/18px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; margin:175px 0 0 10px; padding:0px 0 0 0; height:29px; background-color:#FFF9F2; } #rightPan P{ width:570px; font:14px/19px Arial, Helvetica, sans-serif; color:#4D371E; font-weight:normal; display:block; margin:0 0 20px 10px; background-color:#FFF9F2; } #rightPan P a{ width:32px; background:url(http://img231.yukle.tc/images/4455more_arrow.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 520px; height:16px; font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px } #rightPan P a:hover{ color:#C01F0B; background:url(http://img231.yukle.tc/images/7609button_arrow.gif) no-repeat 0 0 #FFF9F2; width:32px; } #rightLeft{ width:186px; float:left; margin:0 0 45px 10px; } #rightLeft h2{ width:169px; height:39px; display:block; color:#FFFFFF; font:12px/14px Arial, Helvetica, sans-serif; font-weight:bold; background:url(http://img231.yukle.tc/images/4143h2_bg.gif) no-repeat 11px 143px #006666; padding:11px 0 0 17px; margin:0 0 18px 0; text-transform:none; } #rightLeft ul{ width:186px; margin:0 0 15px 0px; padding:0; display:block; } #rightLeft ul li{ border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:48px; font-size:0; } #rightLeft ul li.noborder{ border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0; } #rightLeft ul li a{ font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block; background-image:none; background-color:#FFF9F2; text-align:left; font-weight:normal; width:177px; } #rightLeft a.more{ width:32px; background:url(http://img231.yukle.tc/images/2210more_arrow1.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px; font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px; float:right; } #rightLeft a.more:hover{ color:#C01F0B; background:url(http://img231.yukle.tc/images/3876more_arrow2.gif) no-repeat 0 0 #FFF9F2; width:32px; } #rightRight{ width:362px; float:left; margin:0 0 0 20px; } #rightRight h2{ width:197px; height:39px; background:url(http://img231.yukle.tc/images/4663h2_bg1.gif) no-repeat 303px 9px #EFBA00; text-transform:none; font:12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px; margin:0 0 18px 0; font-weight:bold; } #rightRight ul{ width:362px; margin:0 0 15px 0px; padding:0; display:block; } #rightRight ul li{ border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:52px; font-size:0; } #rightRight ul li.noborder1{ border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0; } #rightRight ul li a{ font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block; background-image:none; background-color:#FFF9F2; text-align:left; font-weight:normal; width:351px; } #rightRight ul li a b{ margin:0 200px 0 0; } #rightRight a.more1{ width:32px; background:url(http://img231.yukle.tc/images/2147more_arrow2.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px; font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px; float:right; } #rightRight a.more1:hover{ color:#C01F0B; background:url(http://img231.yukle.tc/images/9246more_arrow1.gif) no-repeat 0 0 #FFF9F2; width:32px; } /*---------------------------footer-------------------*/ #footer_bg{ background:url(http://img231.yukle.tc/images/2865footer_bg.gif) repeat-x; width:100%; margin:0 auto 0 auto; float:left; height:153px; } #footer{ width:525px; margin:0 auto 0 auto; } #footer ul{ width:525px; margin:29px 0 7px 0; display:block; height:15px; } #footer ul li{ float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; display:block; } #footer ul li a{ font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; text-decoration:none; margin:0 10px 0 10px; } #footer ul li a:hover{ text-decoration:underline; } #footer p{ width:188px; margin:0 0 0 162px; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF; background-color:#6B6854 } #footer ul.xhtml{ width:135px; display:block; margin:12px 0 0 197px; height:21px; font-size:0px; } #footer ul.xhtml li{ float:left; height:21px; margin-right:9px; } #footer ul.xhtml li a{ text-indent:-2000px; display:block; height:21px; margin:0; padding:0; font-size:0px; } #footer ul.xhtml li a.xht{ background:url(http://img231.yukle.tc/images/8665xhtml.gif) no-repeat 0 0 #6B6854; color:#fff; width:66px; } #footer ul.xhtml li a.css{ background:url(http://img231.yukle.tc/images/1484css.gif) no-repeat 0 0 #6B6854; color:#fff; width:50px; }

Tasarım Üstü

<div id="container"> <div id="head"> <h1><a href="index.html" _fcksavedurl="index.html" title="">Web Design Studio</a></h1> <ul id="menu"> <li><a class="current" href="index.html" _fcksavedurl="index.html" title="">Anasayfa</a></li> <li><a href="" _fcksavedurl="" title="">link1</a></li> <li><a href="" _fcksavedurl="" title="">link2</a></li> <li><a href="" _fcksavedurl="" title="">lin3</a></li> <li><a href="contact.html" _fcksavedurl="contact.html" title="">link4</a></li> </ul> <div class="top_head_banner"> </div> </div> <div id="area"> </div> <div id="main"> <div id="welcome"> <h1>WwW.htlmkodes.Tr.GG</h1> </div>

Tasarım Altı

<div id="content_left"> <img src="http://csscreme.com/freetemplates/bublue_studio/images/2.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/2.jpg" width="137" height="54" alt="" title="" /> <img src="http://csscreme.com/freetemplates/bublue_studio/images/3.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/3.jpg" width="114" height="54" alt="" title=""/> <img src="http://csscreme.com/freetemplates/bublue_studio/images/4.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/4.jpg" width="125" height="54" alt="" title=""/> </p> </div> <div id="content_right"> <h4>Kategori</h4> <div class="item_box"> <img src="http://csscreme.com/freetemplates/bublue_studio/images/t1.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/t1.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br /> <a href="work.html" _fcksavedurl="work.html">devamı ></a> </div> <div class="item_box"> <img src="http://csscreme.com/freetemplates/bublue_studio/images/t2.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/t2.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br /> <a href="work.html" _fcksavedurl="work.html">devamı ></a> </div> <div class="item_box"> <img src="http://csscreme.com/freetemplates/bublue_studio/images/t3.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/t3.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br /> <a href="work.html" _fcksavedurl="work.html">devamı ></a> </div> <div class="item_box"> <img src="http://csscreme.com/freetemplates/bublue_studio/images/t4.jpg" _fcksavedurl="http://csscreme.com/freetemplates/bublue_studio/images/t4.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br /> <a href="work.html" _fcksavedurl="work.html">devamı ></a> </div> </div> <div class="spacer"></div> </div> <div id="footer"> <div style="float:left; padding-left:40px;"> Copyright 2009 ©htlmkodes </div> <div id="madeby"> <a href="http://www.csscreme.com" _fcksavedurl="http://www.csscreme.com">Tasarım Düzenleme htlmkodes.Tr.GG </a><br /> </div> </div> </div>

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;} body { background: url(http://csscreme.com/freetemplates/bublue_studio/images/background.gif) top center repeat-x #CFDEEA; margin: 0px; padding: 16px 0; font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; color: #282828; text-align: center; } p{ font-size:11px; text-indent:1cm; text-align:justify; line-height:16px; } img { border-style: none; } img.pic_left{ float:left; padding:5px; margin:0 8px 8px 8px; border:1px #CCCCCC solid; } a { color: #2E9FED; text-decoration: none; } a:hover { color: #1471B1; } #welcome h1{ padding:5px 0 0 20px; margin:0px; font-weight:bold; font-size:14px; color:#FFFFFF; } h3{ font-size:14px; color: #003366; } h4{ font-size:13px; padding:2px; margin:0px; color: #003366; border-bottom:1px #999999 dashed; } #container { position: relative; width: 750px; margin: 0 auto; padding: 0px; text-align: left; } #head { width: 750px; height: 172px; background: url(http://csscreme.com/freetemplates/bublue_studio/images/head.gif) no-repeat; } #head h1 { position: absolute; margin: 31px 0 0 36px; width: 200px; height: 75px; background: url(http://csscreme.com/freetemplates/bublue_studio/images/logo.gif) no-repeat; } #head h1 a { text-indent: -2000px; width: 154px; height: 59px; display: block; background: url(http://csscreme.com/freetemplates/bublue_studio/images/logo.gif) no-repeat; } .top_head_banner{ float:right; width:200px; height:120px; background:url(http://csscreme.com/freetemplates/bublue_studio/images/top_head.gif) no-repeat right; background-position:-12px 12px; } #menu { position: absolute; width: 617px; top: 155px; left: 35px; margin: 0px; padding: 0px; z-index: 100; } #menu li { list-style-type: none; float: left; margin: 0 8px; height: 22px; } #menu li a { padding: 0 0 7px 0; height: 22px; color: #8A8A8A; } #menu li a:hover { color:#000033; } #menu .current { color:#000033; font-weight:bold; } #area { width: 750px; height: 54px; background: url(http://csscreme.com/freetemplates/bublue_studio/images/area.gif) repeat-x; } #main { margin: auto; background: url(http://csscreme.com/freetemplates/bublue_studio/images/bg_main.gif) repeat-y; width: 750px; height: auto; } #content_left { float:left; padding:0 30px 30px 30px; width: 445px; height:auto; } #content_right{ float:left; padding:5px; width: 200px; height:auto; } #welcome { background: url(http://csscreme.com/freetemplates/bublue_studio/images/center_banner.gif) no-repeat; background-position:12px 0px; padding:10px; width: 750px; height:80px; } .item_box{ width:auto; height:auto; padding:10px 0 5px 0; border-bottom:1px #666666 dashed; } .spacer{ width:auto; height:2px; clear:both; padding-bottom:2px;} /*---------contact----------*/ #form { padding: 0px; margin: 0px; } #fields label { width: 260px; display: block; padding: 0px; } #fields input { border: 1px solid #C8D2D9; margin: 0 0 3px 0; width: 260px; } #fields textarea { border: 1px solid #C8D2D9; margin: 0 0 3px 0; width: 260px; height: 63px; } #send input { width: 64px; height: 20px; margin: 0px; } ul { margin: 0 0 20px 0; padding: 0px; list-style-type: none; } .contact_info{ float:left; padding:15px; } /*work------------*/ .project_details{ float:left; width:200px; color:#0099FF; padding:10px 0 0 10px; } #footer { text-align:center; font-size:10px; color:#000033; background: url(http://csscreme.com/freetemplates/bublue_studio/images/footer.gif) no-repeat; background-position:0px 0px; padding-top:10px; width: 750px; height:85px; } #footer a { background: none; padding: 0px; } #madeby{ width:200px; height:85px; float:right; padding-right:30px; text-align:center; } #madeby a{ text-decoration:none; color:#666666; }

sitene ekle, html kodlar, ice blue kodlar, ice blue tasarımları, java script kodlar, site kur, sitene haber ekle, sitene hava durumu ekle, sitene saat ekle, sitene spor haberleri ekle, css tsasrımlar, butterfly tasarımlar, ice blue tasarımlar, tr gg şablonları, tr gg tasarımları,blogcu şablonları, blogcu eklentileri, blogcu için herşey, tr.gg tasarımları, bedava sitem tasarımları, tr gg eklentileri, bedava sitem eklentileri,sitene banner yap, sitene buton yap, sitene duyuru panosu ekle, script kodlar, javascript kodlar, tr gg başlık elkeri, bedava siteme başlık ekle,