Css Tasarım 4

TASRIMIN üZERİ

<link rel="stylesheet" href="http://csstasarimm.cs.funpic.org/Tasarim/Mavi/StyleKodu.css" type="text/css" media="screen" />
<div id="templatemo_container"> <div id="templatemo_header"> <div id="templatemo_login"> </div> </div> <div id="templatemo_content"> <div id="templatemo_left_content"> <div class="templatemo_menu"> <ul> <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" class="current">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> </ul> </div> <div class="templatemo_section_bottom_line"></div> <div class="templatemo_section"> <div class="templatemo_icon_home"> <h1>Hakkımızda</h1> <p> Bu Bölüme Kendi Kişiliğiniz Hakkında Bilgi Veriniz... </p> </div> </div> <div class="templatemo_section_bottom_line"></div> <div class="templatemo_section"> <div class="templatemo_icon_cube"> <h1>Duyuru Panosu</h1> <p> Sitenizde Olup Bitenleri Bu Bölümden Ziyaretcilerinize Tanıtınız..i. </p> </div> </div> <div class="templatemo_section_bottom_line"></div> <div class="templatemo_section"> <div class="templatemo_icon_tick"> <h1>Güncellenen Konular</h1> <p> Sitenizdeki Güncellenen Konuları Buraya Yazınız.... </p> </div> </div> <div class="templatemo_section_bottom_line"></div> </div><!-- End Of left Content --> <div id="templatemo_right_content"> <div id="templatemo_content_area"> <div class="templatemo_title"> SİTEMİZE HOŞGELDİNİZ. </div>


Tasarımın Altı

</div> </div> <div id="templatemo_right_content_bottom"> Copyright 2009 SiteAdı | Designed by <a title="free css templates" href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" target="_parent">Css Tasarim Merkez</a> </div> </div> </div>

Tasarımın Yerleştirileceği ALan Yani Css bölümü

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;} html { background: #0a2035; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: #0a2035 url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_bd_bg.jpg) repeat-x top; } a {color: #1dd678; text-decoration:none; } a:hover { color: #18ac61; text-decoration:none; } #templatemo_container { width: 940px; margin: auto; } #templatemo_header { width: 940px; height: 78px; background:url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_header.jpg) no-repeat; margin: 0; padding: 0; } /* Login Form */ #templatemo_login { float: right; width: 355px; height: 35px; margin: 25px 40px 0 0; } #templatemo_login label { color: #37b2f8; font-family: Tahoma; font-size: 12px; font-weight: bold; margin: 5px 5px 0 0; padding: 0; display: block; width: 80px; float: left; } #templatemo_login .textfield { width: 77px; height: 14px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_textbox.gif) no-repeat; border: none; color: #0f62b1; font-family: Tahoma; font-size: 11px; margin: 0 5px 0 0; padding: 5px 5px; } #templatemo_login .button { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_button.jpg) no-repeat; border: none; cursor: pointer; font-size: 12px; font-weight: bold; height: 26px; text-align: center; vertical-align: bottom; white-space: pre; width: 47px; color: #fff; margin: 0; padding: 0; } /*End Of Log In*/ #templatemo_content { width: 100%; } * html #templatemo_content { margin-top: -2px; } #templatemo_left_content { float: left; background: #0a2035 url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_left_bg.jpg) top no-repeat; width: 358px; display: inline; } /* Menu */ .templatemo_menu { float: right; width: 211px; margin: 20px 65px 35px 0; padding: 0; display: inline; } .templatemo_menu ul { list-style-type: none; padding: 0; margin: 0; width: 211px; } .templatemo_menu li a { display: block; height: 27px; padding: 7px 0 0 50px; margin: 5px 0 0 0; color: #fff; font-weight: bold; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_menu.gif) no-repeat; text-decoration:none; } .templatemo_menu li a:hover, .templatemo_menu li .current { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_menu_current.gif) no-repeat; text-decoration:none; color: #00FFFF; } /* End of Menu */ .templatemo_section { float: right; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_left_section_button.jpg) bottom center no-repeat; width: 300px; margin: 0 30px 5px 0; padding: 0; display: inline; } * html .templatemo_section { margin: 0; } .templatemo_icon_home { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_icon_home.png) no-repeat top left; width: 100%; min-height: 95px; margin: 30px 0 0 0; padding: 0; } .templatemo_section h1{ font-family: Tahoma; font-size: 11px; color: #37b2f8; margin: 0 0 0 85px; padding: 0; } .templatemo_section p{ font-family: Tahoma; font-size: 11px; color: #94d8ff; text-align: justify; margin: 0 30px 0 85px; padding: 0; } .templatemo_icon_cube { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_icon_cube.png) no-repeat top left; width: 100%; min-height: 109px; margin: 30px 0 0 0; padding: 0; } .templatemo_icon_tick { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_icon_tick.png) no-repeat top left; width: 100%; min-height: 102px; margin: 30px 0 0 0; padding: 0; } .templatemo_section_bottom_line { clear: both; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_left_bottom.jpg) no-repeat center; height: 1px; width: 100%; margin: 0; padding: 0; } #templatemo_right_content { float: right; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_right_bg.jpg) repeat-y; width: 582px; margin: 0; padding: 0; } #templatemo_right_content #templatemo_content_area { width: 475px; margin: 0 0 0 47px; padding: 0; } #templatemo_content_area .templatemo_title { width: 100%; height: 15px; color: #62c2ff; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_title_line.jpg) bottom repeat-x; font-family: Tahoma; font-size: 18px; font-weight: bold; margin: 30px 0 0 0; padding: 0 0 15px 0; } #templatemo_content_area p { font-family: Arial; font-size: 12px; color: #9bcdff; text-align: justify; margin: 15px 0 0 0; padding: 0; } #templatemo_content_area .thumbs { width: 100%; margin: 15px 0 0 0; padding: 0 ; } #templatemo_content_area .thumbs img { margin: 0 4px 0 4px; padding: 0; } #templatemo_content_area img { float: right; margin: 0px 5px 5px 5px; padding: 0; } #templatemo_right_content_bottom { float: right; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/templatemo_right_bottom.jpg) no-repeat; font-family: Arial; font-size: 12px; color: #fff; text-align: center; width: 582px; height: 48px; margin: 0; padding: 30px 0 0 0; } #templatemo_right_content_bottom a{ text-decoration: none; color: #fff; } #templatemo_right_content_bottom a:hover{ text-decoration: underline; color: #fff; } .clear_with_height { clear: both; height: 1px; }

sğlsn!

Birşey Deyil

Teşekkürler İnşallah Olmem

:d:D