Css-Thema Bilgi Paylaşım Platformu..

Güzel Tasarım

tasarımın Üstüne

<div id="templatemo_container"> <div id="templatemo_top_panel">  <div id="top_panel_ls"> <div id="templatemo_site_title">WEB TASARIM</div> </div> <div id="top_panel_rs"> <div id="search_section"> <form action="#" method="get"> <input type="text" name="q" size="10" id="searchfield" title="searchfield" /> <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" /> </form> <div class="cleaner"></div> </div> <div id="templatemo_menu"> <ul> <li><a href="http://bedava-sitem-web-tasarim.tr.gg/" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/"><span></span>AnaSayfa</a></li> <li><a href="http://bedava-sitem-web-tasarim.tr.gg/FORUM/index.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/FORUM/index.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/FORUM/index.htm"><span></span>Forum</a></li> <li><a href="http://bedava-sitem-web-tasarim.tr.gg/GALERI/index.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/GALERI/index.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/GALERI/index.htm"><span></span>Galeri</a></li> <li><a href="http://bedava-sitem-web-tasarim.tr.gg/ILETISIM.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/ILETISIM.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/ILETISIM.htm"><span></span>İletişim</a></li> <li><a href="http://bedava-sitem-web-tasarim.tr.gg/TOPLIST.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/TOPLIST.htm" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/TOPLIST.htm"><span></span>Toplist</a></li> </ul> <div class="cleaner"></div> </div>  <div class="cleaner"></div> </div> </div>  <div id="templatemo_banner"> <div id="banner_header_01">BEDAVA-SİTEM-WEB-TASARIM!</div> <div id="banner_header_02">SİTENİZİN BASLIGI.</div> <div id="banner_text"> <p> </p> <div class="rc_btn_01"><a href="http://bedava-sitem-web-tasarim.tr.gg/" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/" _fcksavedurl="http://bedava-sitem-web-tasarim.tr.gg/">tıklayın...</a></div> </div> </div>	 <div id="ct"></div> <div id="templatemo_content">

Tasarımın Altına

Css Koduna

table {margin-left: auto;margin-right: auto} 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 { margin: 0; padding: 0; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a8b5b2; background: #121e1b url(http://img194.imageshack.us/img194/394/templatemomainbg.png) repeat; } a:link, a:visited { color: #dbdb13; text-decoration: none; font-weight: normal;} a:active, a:hover { color: #FFFF99; text-decoration: underline;} p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	} .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	} .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	} .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	} .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	} .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	} .margin_right_30 { margin-right: 30px; } .margin_right_40 { margin-right: 40px; } .rc_btn_01 a { clear: both; float: right; display: block; width: 104px; height: 25px; padding: 5px 0 0 0; font-size: 12px; text-align: center; color: #cfa937; text-decoration: none; border: none; background: url(http://img5.imageshack.us/img5/7996/templatemobutton01.png) no-repeat; } .rc_btn_01 a:hover { background: url(http://img5.imageshack.us/img5/8169/templatemobutton02.png) no-repeat; color: #FFFF99; } #templatemo_container { width: 980px; margin: 0 auto; padding: 40px 0; } /* top panel */ #templatemo_top_panel { width: 940px; height: 141px; padding: 0 20px; background: url(http://img194.imageshack.us/img194/4638/templatemotoppanelbg.png); } #templatemo_top_panel #top_panel_ls { float: left; width: 280px; } #templatemo_site_title { margin-left: 20px; padding-top: 45px; font-size: 25px; font-weight: bold; color: #ffffff; } #templatemo_top_panel #top_panel_rs { float: right; width: 660px; } #top_panel_rs #search_section { float: right; padding: 20px 20px 10px 0; margin-bottom: 6px; width: 400px; } #search_section form { float: right; margin: 0px; padding: 0px; } #searchfield { height: 15px; width: 200px; padding: 5px; color: #000; font-size: 13px; font-variant: normal; line-height: normal; background: #606060; border: 1px solid #969696; } #searchbutton{ width: 106px; height: 29px; margin: 0 0 0 10px; padding: 0 6px; cursor: pointer; font-size: 12px; font-weight: bold; text-align: center; vertical-align: bottom; white-space: pre; color: #ffffff; background: #ba9835; border: 1px solid #000; } /* end of top panel */ /* menu */ #templatemo_menu { clear: both; } #templatemo_menu ul { float: left; margin: 0px; padding: 0px; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; display: block; height: 40px; margin-left: 10px; padding: 17px 30px 0 20px; font-size: 13px; font-weight: bold; text-decoration: none; color: #ffffff; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ position: relative; color: #ffffff; background: url(http://img4.imageshack.us/img4/2579/templatemomenubuttonrig.png) bottom right no-repeat; } #templatemo_menu li a:hover span, #templatemo_menu li .current span	{ position: absolute; display: inline-block; width: 10px; height: 57px; bottom: 0px; left: -10px; background: url(http://img17.imageshack.us/img17/4836/templatemomenubuttonlef.png) left bottom no-repeat; } /* end of menu */ /* banner */ #templatemo_banner { clear: both; width: 860px; height: 291px; margin: 0 auto; padding: 0 60px; text-align: center; background:url(http://img406.imageshack.us/img406/7268/templatemobanner.png); } #banner_header_01 { padding: 65px 0 15px 0; font-size: 40px; font-weight: bold; color: #bf9f3f; } #banner_header_02 { margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #b6ad94; } #banner_text {  color: #cccccc; font-size: 14px; } #banner_text p{ margin-bottom: 20px; } /* end of banner */ /* content */ #templatemo_content { clear: both; width: 860px; margin: 0 auto; padding: 20px 60px 0 60px; background: url(http://img4.imageshack.us/img4/4126/templatemocontentmiddle.png) repeat-y; } #ct { clear: both; width: 980px; height: 20px; background: url(http://img5.imageshack.us/img5/8493/templatemocontenttop.png) no-repeat; } #cb { clear: both; width: 980px; height: 50px; background: url(http://img17.imageshack.us/img17/3897/templatemocontentbottom.png) no-repeat; } #templatemo_content #content_right{ float: right; width: 220px; } #templatemo_content #content_left{ float: left; width: 600px; } .content_header_01 { font-size: 22px; color: #42c7f8; padding-bottom: 10px; margin-bottom: 20px; } .content_header_02 { font-size: 22px; color: #42c7f8; padding-bottom: 15px; } #content_left .content_left_section { clear: both; } .content_left_section p{ text-align: justify; padding-bottom: 10px; } #content_left .content_left_280_section { float: left; width: 280px; } .content_left_280_section .image_wrapper { background: #333; padding: 9px; margin-bottom: 10px; } .content_left_280_section .image_wrapper img { border: 1px solid #ffffff; } .content_left_280_section ul { margin: 20px 0 20px 30px; padding: 0px; } .content_left_280_section ul li{ margin-bottom: 10px; color: #dbdb13; list-style: decimal-leading-zero; } .content_left_280_section ul li a{ color: #dbdb13; } .content_left_w600_wrapper { border: 1px solid #000; } .content_left_w600_inner { padding: 30px 28px; color: #ffffff; background: #333; border: 1px solid #666; } .content_left_w600_inner .image_wrapper{ border: 1px solid #ffffff; background: #cccccc; padding: 4px; margin-bottom: 5px; } .image_wrapper img{ border: none; } .box_w255 { float: left; width: 255px; } #content_right .content_right_section { clear: both; } .news_section .news_date { font-size: 12px; font-weight: bold; color: #42c7f8; } .news_section .news_title { font-size: 12px; font-weight: bold; color: #bf9f3f; } .content_right_section form { padding: 0px; margin: 10px 0 0px 0; } .content_right_section #subscribe_field { padding: 5px 0 0 0; height: 20px; width: 215px; margin-bottom: 10px; } .content_right_section #subscribe_button { float: right; width: 104px; height: 29px; padding: 0; margin: 0; cursor: pointer; font-size: 12px; text-align: center; white-space: pre; background: url(http://img5.imageshack.us/img5/7996/templatemobutton01.png) no-repeat; color: #cfa937; border: none; } /* end of content right */ /* footer */ #templatemo_footer { width: 900px; height: 45px; padding: 20px 40px 0 40px; text-align: center; background: url(http://img5.imageshack.us/img5/7918/templatemofooter.png) no-repeat; } #templatemo_footer a { color: #ffffff; font-weight: bold; } /* =-=-=-=-=-=-=-[Menu Seven]-=-=-=-=-=-=-=- */ #menu7 { width: 200px; border-style: none dashed dashed dashed; border-color: #608FB5; border-width: 1px; } #menu7 li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 22px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #1D537F; display: block; background:  none repeat-x; padding: 10px 0 0 10px; } #menu7 li a:hover { color: #fff; background:  none repeat-x 0 -32px; padding: 10px 0 0 10px; } #menu7 li a:active { color: #fff; background:  none repeat-x 0 -64px; padding: 10px 0 0 10px; }  b