Online-Blogum.TR.GG

Orange Tasarım
Resme Tıklayarak Önizlemeyi ve Kodları Görebilrisiniz....
Css Tasarım Yapma Adımları
Sizinde Seninde Özel Bir Tasarım Olmasını İstiyorsanız Resme Tıkla...
BLue Tasarım
Kendi Uyarladığım Süper Bir Tasarım İnşalah Beğenilir...
Sitene Arama Motoru Ekle!
Sitenize Özel Arama Motoru Ekleme ( Yazılı Anlatım )

Blue Tasarim v1

Blue Tasarım

Önizleme;
TIKLA

KODLAR

<= Tasarımın Üstüne =>

<div id="templatemo_wrapper">   	<div id="templatemo_header">      	<div id="site_title">              <h1><a target="_self" href="http://www.online-blogum.tr.gg/" _fcksavedurl="http://www.online-blogum.tr.gg/"><img border="0" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 250px; height: 50px;" src="https://img.webme.com/pic/o/online-blogum-css/logo.png" _fcksavedurl="https://img.webme.com/pic/o/online-blogum-css/logo.png" /></a></h1>         </div>                   <ul id="social_box">             <li><a href="http://facebook.com" _fcksavedurl="http://facebook.com"><img src="https://img.webme.com/pic/o/online-blogum-css/facebook.png" _fcksavedurl="https://img.webme.com/pic/o/online-blogum-css/facebook.png" alt="facebook" /></a></li>                         </ul>               </div>           <div id="templatemo_menu">     	<div class="home"><a href="/Anasayfa" _fcksavedurl="/Anasayfa"></a></div>         <ul>             <li><a href="İletisim.html" _fcksavedurl="İletisim.html" class="current">Sorun ne?<span>İletişim</span></a></li>             <li><a href="Blog.html" _fcksavedurl="Blog.html">Burada Blog Varr!<span>Blog</span></a></li>             <li><a href="Ziyaretci-Defteri.html" _fcksavedurl="Ziyaretci-Defteri.html">Görüşünü Bildir.<span>Yorum YAZ!</span></a></li>             <li><a href="Hakkimda.html" _fcksavedurl="Hakkimda.html">Ben Kimim<span>Hakkımda</span></a></li>             <li><a href="HTML-Kodlar.html" _fcksavedurl="HTML-Kodlar.html">Tüm Kodlar Burada!<span>HTML Kodlar</span></a></li>             <li><a href="Css-Tasarimlar.html" _fcksavedurl="Css-Tasarimlar.html" class="last">Seninde Bir Tarzın Olsun!<span>Css Tasarımlar</span></a></li>         </ul>    	     </div>           <div id="templatemo_content_wrapper">     	<div id="templatemo_content_top"></div>         <div id="templatemo_content">

<= Tasarımın Altına =>

</div> <div id="templatemo_content_bottom"></div> </div> <div id="templatemo_sp_box"> <div class="col_w340 float_l"> <img src="https://img.webme.com/pic/o/online-blogum-css/bar-graph.png" _fcksavedurl="https://img.webme.com/pic/o/online-blogum-css/bar-graph.png" alt="image" /> <div class="right"> <h4>Link Takaslar</h4> <p><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a> | <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a> | <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a> | <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a> | <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a></p> <div class="button"><a href="#" _fcksavedurl="#"><span>+</span> Devamı</a></div> </div> </div> <div class="col_w340 float_r"><br /> <div class="right"> </div> </div> </div> <div id="templatemo_footer">Copyright © 2012-2013 Tüm Hakkı Saklıdır. <a href="http://Siteadi.com" _fcksavedurl="http://Siteadi.com">Siteadi.com</a> - Designed by <a target="_parent" href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Free CSS Templates</a> | BS Uyarlama <a href="http://Online-Blogum.TR.GG" _fcksavedurl="http://Online-Blogum.TR.GG">Online-Blogum.TR.GG</a> <br><center> Üst Kısmı Değiştirmek Kesinlikle ve Kesinlikle Yasaktır.</div>  

<= Css Kısmına =>

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;} table {margin-left: auto;margin-right: auto} /* Credit: http://www.templatemo.com */ body { margin: 0px; padding: 0px; color: #333; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height: 1.5em; background-color: #0097d6; background-image: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_body.jpg); background-repeat: repeat-y; background-position: center; } a, a:link, a:visited { color: #0066CC; text-decoration: none; } a:hover { color: #CC3300; text-decoration: underline; } p { margin: 0px; padding: 0; } img { border: none; } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; } h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; } h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; } h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #333; } h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; } h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; } .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; } .float_l { float: left; } .float_r { float: right; } .image_wrapper { display: inline-block; padding: 4px; border: 1px solid #fff; background: none; margin-bottom: 10px; } .image_fl { float: left; margin: 3px 15px 0 0; } .image_fr { float: right; margin: 3px 0 0 15px; } blockquote { font-style: italic; margin-left: 10px;} cite { font-weight: bold; color:#3b3823; } cite span { color: #696443; } em { color: #000; } .tmo_list { margin: 20px 0; padding: 0; list-style: none; } .tmo_list li { background: transparent url(https://img.webme.com/pic/o/online-blogum-css/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px; line-height: 1em; } .tmo_list li a { color: #fff; } .tmo_list li a:hover { color: #ff4301; } .button a { color: #333; font-weight: bold; } .button a span { color: #de3f00; font-size: 18px; } .button a:hover { color: #de3f00; text-decoration: none; } #templatemo_wrapper { width: 970px; margin: 0 auto; } #templatemo_header { width: 740px; height: 180px; padding: 0 100px 0 130px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_header.png) top no-repeat ; } #templatemo_header #site_title { float: left; margin: 60px 0 0 60px; } #templatemo_header #site_title a { margin: 0px; padding: 0px; font-size: 40px; color: #ffffff; font-weight: bold; text-decoration: none; } #templatemo_header #site_title a span { display: block; text-align: right; font-size: 14px; color: #fff; font-weight: normal; margin-left: 5px; } #social_box { float: right; display: inline-block; margin: 10px 0 0; padding: 0; list-style: none; } #social_box li { display: block; float: left; padding: 0; margin: 0; } #social_box li a { width: 46px; height: 46px; margin-right: 5px; } /* menu */ #templatemo_menu { clear: both; width: 950px; height: 122px; padding: 0 10px; margin-bottom: 20px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_menu.png) no-repeat top; } #templatemo_menu .home a { float: left; width: 52px; height: 52px; margin: 9px 19px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_home.png) no-repeat center; } #templatemo_menu .home a:hover { background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_home_hover.png) no-repeat center; } #templatemo_menu ul { float: left; display: inline-block; height: 50px; margin: 0; padding: 10px 0; list-style: none; } #templatemo_menu ul li { padding: 0; margin: 0; display: inline-block; } #templatemo_menu ul li a { float: left; display: block; height: 45px; width: 140px; padding: 5px 0 0 0; font-size: 11px; color: #666; text-align: center; text-decoration: none; font-weight: normal; outline: none; border: none; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_menu_divider.gif) repeat-y right; } #templatemo_menu ul li a span { display: block; font-size: 20px; font-weight: normal; color: #333; } #templatemo_menu ul li .last { background: none; } #templatemo_menu ul li a:hover, #templatemo_menu ul .current { color: #a13c03; } #templatemo_menu ul li a:hover span, #templatemo_menu ul .current span { color: #a13c03; } #templatemo_menu ul li a span:hover { color: #a13c03; } /* end of menu */ /* content */ #templatemo_content_wrapper { width: 802px; padding: 0 68px 0 100px; } #templatemo_content_top { width: 802px; height: 10px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_content_top.png) no-repeat; } #templatemo_content_bottom { width: 802px; height: 10px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_content_bottom.png) no-repeat; } #templatemo_content { padding: 20px 30px; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_content.png) repeat-y; } #templatemo_content p { margin-bottom: 10px; } .col_w340 { width: 340px; } .col_w220 { width: 220px; } .news_box { clear: both; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #fff; } .news_box .news_meta { margin-bottom: 10px; } .news_box img { float: left; width: 240px; height: 180px; margin-right: 30px; border: 1px solid #fff; padding: 4px; } .news_box_last { margin: 0; padding: 0; border: none; } .service_box { width: 340px; margin-bottom: 40px; } .service_box img { float: left; width: 48px; height: 48px; } .service_box .sb_right { float: right; width: 260px; } .comment{ font-weight: bold; } /* end of content */ /* sp_box */ #templatemo_sp_box { width: 740px; height: 140px; margin: 20px 70px 0 100px; padding: 30px; color: #eac5b8; background: url(https://img.webme.com/pic/o/online-blogum-css/templatemo_sp_box.png) no-repeat; } #templatemo_sp_box h4 { color: #fff; } #templatemo_sp_box img { float: left; width: 80px; height: 80px; } #templatemo_sp_box .right { float: right; width: 240px; } #templatemo_sp_box p { margin-bottom: 15px; } #templatemo_sp_box .button a span { color: #fff; } #templatemo_sp_box .button a { color: #000; } #templatemo_sp_box .button a:hover { color: #fff; } /* end of sp_box */ #contact_form { float: left; padding: 0; } #contact_form form { margin: 0px; padding: 0px; } #contact_form form .input_field { width: 300px; padding: 5px 0; background: #FFFFFF; border: 1px solid #CCCCCC; } #contact_form form label { display: block; width: 100px; margin-bottom: 5px; font-size: 14px; } #contact_form form textarea { width: 335px; height: 200px; background: #FFFFFF; border: 1px solid #CCCCCC; } .submit_btn { margin: 0px; padding: 5px 10px; color: #FFFFFF; background: #0099FF; border: 1px solid #FFFFFF; } /* footer */ #templatemo_footer { width: 770px; padding: 20px 100px;; text-align: right; color: #12526d; } #templatemo_footer a { color: #000; } /* end of footer */

Bugün 3 ziyaretçi (5 klik) burdaydı!

Günün Blogu

ANA MENU

Son eklenen konular

Sponsorum

Tatlı bir müzik :)

Blue Tasarim v1