CSS KODU :



/* Yapımcı: http://www.css-kodarsiv.tr.gg */ 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.7em; letter-spacing: 1px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #666; background: #ffffff url(http://ressim.net/s/upload/67bce130.jpg ) repeat-x top; } a:link, a:visited { color: #0066CC; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #CC0000; text-decoration: underline; } p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } .float_l { float: left; } .float_r { float: right; } .divider { background: none repeat-x bottom; } .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; } .margin_r30 { margin-right: 30px; } .button_01 a { display: block; margin-top: 15px; width: 93px; height: 26px; padding: 7px 30px 0 0; color: #666666; font-size: 16px; font-weight: normal; text-align: center; text-decoration: none; background: url(http://ressim.net/s/upload/6f462d00.png ) no-repeat; } .button_01 a:hover { background: url(http://ressim.net/s/upload/b018537c.png ) no-repeat; color: #333333; } h2 { margin: 0 0 10px 0; padding: 10px 0 15px 0; font-size: 26px; font-weight: normal; color: #96e135; background: url(images/templatemo_title_bg.jpg) bottom left no-repeat; } h3 { margin: 0 ; padding: 2px 0; font-size: 18px; font-weight: normal; color: #000000; } #templatemo_wrapper { width: 990px; margin: 0 auto; } /* header */ #templatemo_site_title_bar { width: 970px; height: 90px; padding: 0 10px; background: url(http://ressim.net/s/upload/13c4ddac.jpg ) top center; } #templatemo_site_title_bar #site_title { float: left; width: 400px; padding: 30px 10px 0 15px; overflow: hidden; } #site_title h1 { margin: 0; padding: 0; } #site_title h1 a { margin: 0px; padding: 0px; font-size: 30px; color: #ffffff; font-weight: bold; text-decoration: none; } #site_title h1 a:hover { font-weight: bold; text-decoration: none; } #site_title h1 a span { display: block; margin-top: 10px; margin-left: 5px; font-size: 12px; color: #999; font-weight: normal; letter-spacing: 2px; } #templatemo_site_title_bar .social_network { float: right; margin: 0px; padding: 8px 65px 0 0; list-style: none; } .social_network li { margin: 0px; padding: 0px; display: inline; } .social_network li a { float: left; display: block; width: 62px; height: 78px; margin-left: 10px; } /* end of header */ /* menu */ #templatemo_menu { width: 970px; height: 60px; padding: 0 10px; background: url(http://ressim.net/s/upload/319a434f.jpg ) no-repeat; } #templatemo_menu ul { float: left; margin: 0px; padding: 15px 0 0 20px; list-style: none; } #templatemo_menu ul li { padding: 0px; margin: 0px; display: inline; } #templatemo_menu ul li a { position: relative; float: left; display: block; width: 120px; height: 35px; padding: 5px 0 0 0; margin-right: 15px; text-align: center; font-size: 16px; text-decoration: none; color: #333; font-weight: bold; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current { background: url(http://ressim.net/s/upload/3b320ed5.png ) no-repeat; } /* end of menu */ /* search */ #templatemo_search { clear: both; width: 970px; height: 40px; padding: 0 10px; background: url(http://ressim.net/s/upload/7fd8b81e.jpg ) no-repeat; } #templatemo_search #search_box { float: right; width: 230px; height: 29px; margin: 5px 60px 0 0; background: url(http://ressim.net/s/upload/f04d505b.png ) no-repeat; } #search_box form { width: 230px; height: 29px; margin: 0; padding: 0; } #searchfield { height: 20px; width: 185px; padding: 6px 5px 3px 5px; margin: 0; color: #ffffff; font-size: 12px; font-variant: normal; line-height: normal; background: none; border: none; } #searchbutton { height: 29px; width: 30px; margin: 0px; padding: 6px 0 0 0; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; background: none; border: none; } /* end of search */ /* banner */ #templatemo_banner { clear: both; width: 880px; height: 200px; padding: 0 70px 0 40px; background: url(http://ressim.net/s/upload/32cc165c.jpg ) no-repeat; } #templatemo_banner #banner_left { float: left; width: 550px; } #templatemo_banner #banner_left h2 { font-size: 24px; color: #000; } #templatemo_banner #banner_left p { font-size: 16px; line-height: 30px; color: #333; } #templatemo_banner #banner_right { float: right; width: 232px; height: 200px; overflow: hidden; } #templatemo_banner #banner_right .banner_button a { display: block; margin: 11px 0; width: 217px; height: 37px; padding: 15px 0 0 15px; color: #052b5a; font-size: 18px; font-weight: bold; background: url(http://ressim.net/s/upload/7f2dc4ff.png ); } #templatemo_banner #banner_right .banner_button a:hover { text-decoration: none; color: #0066CC; } /* end of banner */ /* content */ #templatemo_content { clear: both; width: 900px; padding: 0 45px; background: url(http://ressim.net/s/upload/3cf1164e.jpg ) repeat-y;; } #templatemo_content_top { clear: both; width: 990px; height: 70px; background: url(http://ressim.net/s/upload/866c704d.jpg ) no-repeat; } #templatemo_content_bottom { clear: both; width: 990px; height: 35px; background: url(http://ressim.net/s/upload/20530c1d.jpg ) no-repeat; } .section_w900 { clear: both; width: 900px; } .box { float: left; width: 260px; padding: 0 19px 0 0; } .box_border { border-right: 1px dotted #999; } .box h2 { color: #9b1919; font-size: 20px; margin-bottom: 20px; } .box .box_image_wrapper { float: left; text-align: center; margin-right: 20px; } /* end of content */ /* footer */ #templatemo_footer { clear: both; width: 970px; margin: 0 auto; padding: 40px 10px; color: #666; } #templatemo_footer a { color: #000000; } #templatemo_footer .section_w240 { float: left; width: 200px; padding-right: 40px; } #templatemo_footer .section_w240 h3 { font-size:14px; margin-bottom: 10px; font-weight: bold; color: #333; } #templatemo_footer .footer_list { margin: 0px; padding: 0px; list-style: none; } #templatemo_footer .footer_list li { margin: 0px; padding: 3px 0; } #templatemo_footer .footer_list li a { color: #666; } #templatemo_footer .footer_list li a:hover { color: #0068e9; text-decoration: none; } /* end of footer */

Tasarım Üstü :


<div id="templatemo_wrapper"> <div id="templatemo_site_title_bar"> <div id="site_title"> <h1><a href="#" _fcksavedurl="#" target="_parent"> <img src="images/logo.png" _fcksavedurl="images/logo.png" alt="Light Space" /> <!-- <span>Animasyon Tasarım</span> --> </a></h1> </div> <ul class="social_network"> <li><a href="#" _fcksavedurl="#" target="_parent"><img src="http://ressim.net/s/upload/321c3a97.png" _fcksavedurl="http://ressim.net/s/upload/321c3a97.png" alt="facebook" /></a></li> <li><a href="#" _fcksavedurl="#" target="_parent"><img src="http://ressim.net/s/upload/0d251d8c.png" _fcksavedurl="http://ressim.net/s/upload/0d251d8c.png" alt="linkin" /></a></li> <li><a href="#" _fcksavedurl="#" target="_parent"><img src="http://ressim.net/s/upload/2c75fd30.png" _fcksavedurl="http://ressim.net/s/upload/2c75fd30.png" alt="twitter" /></a></li> </ul> </div> <!-- end of templatemo_site_title_bar --> <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Baslık1</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Baslık2</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Baslık3</a></li> <li><a href="#" _fcksavedurl="#">Baslık4</a></li> <li><a href="http://www.css-kodarsiv.tr.gg" _fcksavedurl="http://www.css-kodarsiv.tr.gg">CSS-KODARSİV</a></li> </ul> </div> <!-- end of templatemo_menu --> <div id="templatemo_search"> <div id="search_box"> <form action="#" method="get"> <input type="text" value="Enter a keyword..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" /> <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" /> </form> </div> </div> <!-- end of search --> <div id="templatemo_banner"> <div id="banner_left"> <h2>Curabitur a ante tellus, non feugiat </h2> <p>Curabitur a ante tellus, non feugiat massa. Donec mattis dignissim lacus, id convallis nisl interdum.<span>- Donec mattis dignissim - </span> </p> <div class="cleaner_h20"></div> <div class="button_01"><a href="#" _fcksavedurl="#">More</a></div> </div> <div id="banner_right"> <div class="banner_button"> <a href="#" _fcksavedurl="#">Support</a> </div> <div class="banner_button"> <a href="#" _fcksavedurl="#">Services</a> </div> <div class="banner_button"> <a href="#" _fcksavedurl="#">Demos</a> </div> </div> </div> <!-- end of templatemo_banner --> <div id="templatemo_content_top"></div>

Tasarım Altı :



<div id="templatemo_wrapper"><div id="templatemo_content"> <div class="section_w940"> <div class="box margin_r30 box_border"> <h2>Web Design</h2> <div class="box_image_wrapper"> <img src="images/folder.png" _fcksavedurl="images/folder.png" alt="product 1" /> </div> <p>Lorem ipsum dolor sit amet, consectetur <a href="#" _fcksavedurl="#">adipiscing</a> elit. Quisque nec dictum tortor. </p> <div class="cleaner_h10"></div> <div class="button_01"><a href="#" _fcksavedurl="#">More</a></div> </div> <div class="box margin_r30 box_border"> <h2>Multimedia</h2> <div class="box_image_wrapper"> <img src="images/paint.png" _fcksavedurl="images/paint.png" alt="product 1" /> </div> <p>Validate <a href="#" _fcksavedurl="#">XHTML</a> & <a href="#" _fcksavedurl="#">CSS</a>. Proin eleifend quam eu purus aliquet scelerisque.</p> <div class="cleaner_h10"></div> <div class="button_01"><a href="#" _fcksavedurl="#">More</a></div> </div> <div class="box"> <h2>Mavi Güzel Tasarım</h2> <div class="http://ressim.net/s/upload/c9a78f75.png"> <img src="http://ressim.net/s/upload/c9a78f75.png" _fcksavedurl="http://ressim.net/s/upload/c9a78f75.png" alt="product 1" /> </div> <p>Yepyeni Mavi Güzel Tasarım Çıktı.Kodları Görebilmek İçin<a href="#" _fcksavedurl="#"></a></p> <div class="cleaner_h10"></div> <div class="button_01"><a href="http://css-kodarsiv.tr.gg/Mavi-G.ue.zel-Tasar%26%23305%3Bm.htm" _fcksavedurl="http://css-kodarsiv.tr.gg/Mavi-G.ue.zel-Tasar%26%23305%3Bm.htm">Devam Et</a></div> </div> <div class="cleaner"></div> </div> </div> <div id="templatemo_content_bottom"></div> <div id="templatemo_footer"> <div class="section_w240"> <h3>Navigasyon</h3> <div class="sub_content"> <ul class="footer_list"> <li><a href="#" _fcksavedurl="#" target="_parent">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#" target="_parent">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#">Sana Göre</a></li> </ul> </div> </div> <div class="section_w240"> <h3>Tavsiye Bağlantılar</h3> <div class="sub_content"> <ul class="footer_list"> <li><a href="http://www.css-kodarsiv.tr.gg" _fcksavedurl="http://www.css-kodarsiv.tr.gg">csskodarsiv.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">Buradan Benımkını Kaldırırsan Siteni Sildiririm</a></li> <li><a href="#" _fcksavedurl="#">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#">Sana Göre</a></li> <li><a href="#" _fcksavedurl="#">Sana Göre</a></li> </ul> </div> </div> <div class="cleaner_h40"></div> <center> Copyright © 2011 <a href="#" _fcksavedurl="#">Aksiyon TASARIM</a> | <a href="#" _fcksavedurl="#" target="_parent">Website Templates</a> by <a href="http://www.css-kodarsiv.tr.gg" _fcksavedurl="http://www.css-kodarsiv.tr.gg" target="_parent"> Ücretsiz CSS Tasarımlar</a> </center> </div> <!-- end of footer --> </div> <!-- end of wrapper -->