hdoyun - Tasarim

Tasarim

Tasarımın üzerindeki yazı:

Tasarımın altındaki yazı:

<div class="cleaner"></div>
</div>
</div>
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h3>Ana Menu</h3>
<div class="sb_content">
<span style="color: #ff0000"><span><a class="menu" href="/Ana-Sayfa.htm"><strong>Ana Sayfa</strong></a><br />
</span></span><span style="color: #ff0000"><span><a class="menu" href="/Bize-Destek.htm"><strong>Bize Destek</strong></a><br />
</span></span><span style="color: #ff0000"><span><a class="menu" href="/Ziyaret%E7i-defteri.htm"><strong>Ziyaretçi defteri</strong></a><br />
</span></span><span style="color: #ff0000"><span><a class="menu" href="/Top-listesi.htm"><strong>Top listesi</strong></a><br />
</span></span><span style="color: #ff0000"><span><a class="menu" href="/Gazte.htm"><strong>Gazte</strong></a></span></span><span style="color: #ff0000"><a class="menu" href="/Gazte.htm"></a></span><span style="color: #ff0000"><span><br />
</span></span><a class="menu" href="/Haberler.htm"><span style="color: #999999"><strong>Haberler<br />
</strong></span></a><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Forum/index.htm"><strong>Forum</strong></a></span><span style="color: #999999"><br />
</span><a href="http://ogundunyasi.tr.gg/Hakkimda.htm"><span style="color: #999999">Hakkimda</span></a>
</div>
</div>
<div class="sidebar_box">
<h3>Menu</h3>
<div class="sb_content">
<ul class="sidebar_menu">
<span style="color: #999999"><a class="menu" href="/Filmler.htm"><strong>Filmler</strong></a></span><span style="color: #999999"><br />
</span><span style="color: #999999"><a class="menu" href="/Diziler.htm"><strong>Diziler</strong></a></span><span style="color: #999999"><br />
</span><span style="color: #999999"><a class="menu" href="/Videolar.htm"><strong>Videolar</strong></a></span><span style="color: #999999"><br />
</span><span style="color: #999999"><a class="menu" href="/Oyun-%26%23304%3Bndir.htm"><strong>Oyun İndir</strong></a></span><span style="color: #999999"><br />
</span><span style="color: #999999"><a class="menu" href="/Oyun-Oyna.htm"><strong>Oyun Oyna</strong></a></span><span style="color: #999999"> <br />
</span><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Programlar.htm"><strong>Programlar</strong></a></span><span style="color: #999999"><br />
</span><span style="color: #999999"><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Facebook.htm"><strong>Facebook</strong></a></span><span style="color: #999999"><br />
</span></span>
</ul>
</div>
</div>
<div class="sidebar_box">
<h3>Site İçin</h3>
<div class="sb_content">
<ul class="sidebar_menu">
<span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Tasarimlar.htm"><strong>Tasarimlar</strong></a></span><span style="color: #999999"><br />
</span><a href="http://ogundunyasi.tr.gg/Html-Kodlari.htm"><span style="color: #999999"><strong>Html_Kodlari</strong></span></a><a class="menu" href="http://www.bedava-sitem.com/Html-Kodlari.htm"><span style="color: #999999"><br />
</span></a><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Web-Dersleri.htm"><strong>Web_</strong></a></span><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Web-Dersleri.htm"><span style="color: #999999"><strong>Dersleri</strong></span></a></span><span style="color: #999999"> <br />
</span><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/Bilgiler.htm"><span style="color: #999999"><strong>Bilgiler</strong></span></a><br />
</span>
</ul>
</div>
</div>
<div class="sidebar_box">
<h3>Üye Olun</h3>
<div class="sb_content">
<ul class="sidebar_menu">
<span style="color: #999999"><a href="http://ogundunyasi.tr.gg/-Ue-ye-Ol.htm"><strong>Üye_Ol</strong></a><br />
</span><span style="color: #999999"><a href="http://ogundunyasi.tr.gg/-Ue-ye-Giri%26%23351%3Bi.htm"><strong>Üye_Girişi</strong></a><br />
</span><a href="http://ogundunyasi.tr.gg/-Ue-yeler.htm"><span style="color: #999999"><strong>Üyeler</strong></span></a><span style="color: #999999"><br />
</span>
</ul>
</div>
</div>
</div>
<div class="cleaner"></div>
</div> 
<div id="templatmeo_bottom">
<div class="bottom_box">
<h5><span>WwW.OgunDunyasi.Tr.Gg</span> </h5>
<p>Bu Site Bir Ogün Sakizin Kişisel Web Sitesidir Ogün Sakiz Yapimdir Hakimdakileri Ögrenmek İçin Hakkimda Bölümne Tiklayin Saygilarla Ogün Sakiz </p>
<a href="#" class="continue">OgunDunyasi.Tt.Gg</a>
</div>
<div class="bottom_box">
<h5><span>Eklenecek</span> </h5>
<p>
Eklenecek
</p>
<a href="#" class="continue">WwW.OgunDunyasi.Tt.Gg</a>
</div>
<div class="bottom_box">
<h5><span>Link Reklam</span> </h5>
<span style="color: #ffff00"><a href="http://www.reklam-ben.tr.gg"><strong>www.reklam-ben.tr.gg</strong></a></span><span style="color: #ffff00"><br />
</span><span style="color: #ffff00"><a href="http://www.everen.tr.gg"><strong>www.everen.tr.gg</strong></a></span><span style="color: #ffff00"><br />
</span><span style="color: #ffff00"><a href="http://www.08oyun.tr.gg"><strong>www.08oyun.tr.gg</strong></a></span><span style="color: #ffff00"><br />
</span><span style="color: #ffff00"><a href="http://www.oyun-rehberin.tr.gg"><strong>www.oyun-rehberin.tr.gg</strong></a></span><span style="color: #ffff00"><br />
</span><a href="http://www.ogunyapim.tr.gg"><span style="color: #ffff00"><strong>www.ogunyapim.tr.gg</strong></span></a>
</ul>
</div>
</div> 
<div id="templatemo_footer">
<ul class="footer_menu">
<div style="text-align: center"><span style="color: #999999"><br />
Copyright © 2011 Tüm Haklari Saklidir  <br />
</span><span style="color: #999999"><a href="mailto:rtyupm@hotmail.com"><strong>rtyupm@hotmail.com</strong></a> / </span><a href="http://www.ogundunyasi.tr.gg"><span style="color: #999999"><strong>www.ogundunyasi.tr.gg</strong></span></a><br />
 </div>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

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;}
/*
Credit: http://www.templatemo.com
*/
body {
margin: 0px;
padding: 0px;
color: #b9b9b9;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5em;
background-color: #ccc;
background-image: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_body.jpg);
background-repeat: repeat;
}
a, a:link, a:visited { color: #da9d0c; font-weight: bold; text-decoration: underline; }
a:hover { color: #99FF00; text-decoration: none; }
p { margin: 0px; padding: 0; }
img { border: none; }
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { font-size: 30px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #9b9b9b; }
h2 { font-size: 24px; font-weight: normal; margin: 0 0 20px 0; padding: 10px 0 15px 0; color: #fff; }
h3 { font-size: 20px; font-weight: normal; margin: 0 0 15px 0; padding: 0; padding: 0 0 10px 0; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; ; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }
.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; }
.hr_divider { background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_hr_divider.jpg) bottom repeat-x; }
.float_l { float: left; }
.float_r { float: right; }
.image_wrapper { display: inline-block; padding: 4px; border: 1px solid #666; 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: #e55822; }
a.continue { color: #F00; font-weight: bold; text-decoration: none; }
#templatemo_header {
width: 1024px;
padding: 0;
margin: 0 auto 20px auto;
}
#site_title {
float: left;
width: 500px;
height: 160px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#site_title a {
display: block;
width: 500px;
height: 30px;
margin: 0px;
padding: 130px 0px 0 170px;
font-size: 14px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_logo.png) no-repeat top left;
}
#header_right {
float: right;
width: 260px;
padding-top: 30px;
text-align: right;
}
#newsletter_box {
width: 260px;
padding: 28px 0 0 0;
margin-top: 30px;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_newsletter.png) top left no-repeat;
}
#newsletter_box form { width: 260px; padding: 0; margin: 0; }
#newsletter_box form .newsletter_email { color: #333; width: 180px; height: 22px; border: 1px solid #333; background: none; padding: 0 5px; }
#newsletter_box form #submit { width: 63px; height:23px; background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_subscribe_btn.png) no-repeat; border: none; cursor: pointer; }
/* menu */
#templatemo_menu_wrapper {
clear: both;
width: 100%;
height: 50px;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_menu_wrapper.jpg) repeat-x;
}
#templatemo_menu {
width: 984px;
height: 50px;
padding: 0 20px;
margin: 0 auto;
background: #262626;
}
#templatemo_menu ul {
height: 33px;
margin: 0;
padding: 8px 0 0 0;
list-style: none;
}
#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline-block;
}
#templatemo_menu ul li a {
position: relative;
float: left;
display: block;
height: 26px;
padding: 7px 28px;
font-size: 15px;
color: #fff;
text-decoration: none;
font-weight: normal;
text-align: center;
outline: none;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #fff;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_menu_right.jpg) no-repeat top right;
}
#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 33px;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_menu_left.jpg) no-repeat;
}
#register_box {
float: right;
width: 200px;
color: #fff;
font-size: 11px;
padding-top: 10px;
}
#register_box .signup { color:#F00; font-weight: bold; text-decoration: none; }
#register_box .new_reg { color:#be6300; font-weight: bold; text-decoration: none; }
/* end of menu */
/* main */
#templatemo_main {
clear: both;
position: relative;
width: 964px;
padding: 0 30px 50px;
margin: 0 auto;
background: #272727 url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_content_top.jpg) top no-repeat;
}
#templatemo_main .tm_bottom {
position: absolute;
width: 1024px;
height: 60px;
bottom: 0;
left: 0;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_content_bottom.jpg) no-repeat;
}
#templatemo_content {
float: left;
width: 600px;
padding: 30px 30px 30px 0;
border-right: 1px dashed #363636;
}
#templatemo_content h1 span {
color: #20c4d3;
}
.content_box {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dashed #363636;
}
.post_box {
clear: both;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dashed #363636;
}
.pb_last { margin: 0; padding: 0; border: none; }
.post_box .header {
position: relative;
margin-bottom: 10px;
}
.header a { color: #FFFFFF; font-weight: normal; text-decoration: none; }
.header a:hover { color: #999999; }
.header .tag { font-size: 11px; color: #999999; }
.header .tag a { font-size: 11px; color: #666666; }
.header .tag a:hover { color: #CCCCCC; }
.header h2 { margin: 0; padding: 5px 0; }
.header .posted_date { position: absolute; font-size: 11px; color: #2b2b2b; top: 0; right: 0; width: 45px; height: 45px; padding: 8px 3px 0 0; text-align: center; background:url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_date.jpg) no-repeat;
}
.header .posted_date strong { display: block; margin-top: 5px; }
.post_box img { width: 108px; height: 108px; border: 5px solid #fff; float: left; margin-right: 30px; }
.post_box .pb_right { float: right; width: 450px; }
.post_box .comment a { display: block; margin-top: 15px; background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_comment.jpg) no-repeat bottom left; padding: 3px 0 0 25px; }
#templatemo_sidebar {
float: right;
width: 280px;
}
.sidebar_box {
clear: both;
}
.sidebar_box h3 {
width: 190px;
height: 38px;
margin: 0;
padding: 42px 0 0 90px;
color: #fff;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_site_header.png) no-repeat left top;;
}
.sidebar_box a { text-decoration: none; color: #b9b9b9; }
.sidebar_box .sb_content {
padding: 20px;
}
.sidebar_menu { margin: 0; padding: 0; list-style: none; }
.sidebar_menu li { margin: 0 0 5px 0; padding: 3px 0; border-bottom: 1px solid #303030 }
.sidebar_menu li a { text-decoration: none; font-size: 11px; font-weight: normal; background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_list.jpg) no-repeat top left; display: block; padding-left: 20px;}
.sidebar_menu li a span { color: #f00; }
/* end of main */
/* bottom */
#templatmeo_bottom {
clear: both;
width: 1024px;
height: 168px;
margin: 0 auto;
padding: 40px 0 0;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_footer.jpg) no-repeat;
}
.bottom_box {
float: left;
margin-left: 20px;
width: 256px;
padding: 20px 20px 0;
background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_footer_box.png) no-repeat;
}
.bottom_box h5 {
color: #b3b3b3;
}
.bottom_box h5 span {
color: #26c6d5;
}
.bottom_box a.continue {
font-weight: normal;
float: right;
color: #26c6d5;
}
.bottom_box_list { margin: 20px 0; padding: 0; list-style: none; }
.bottom_box_list li { background: url(http://www.templatemo.com/templates/templatemo_205_web_tech/images/templatemo_footer_list.png) no-repeat scroll 0 3px; margin: 0 0 10px; padding: 0 0 3px 15px; 	line-height: 1em; }
.bottom_box_list li a { color: #8e8e8e; text-decoration: underline; font-weight: normal; }
.bottom_box_list li a:hover { text-decoration: none; }
/* end of bottom */
/* footer */
#templatemo_footer {
clear: both;
width: 1024px;
margin: 0 auto;
padding: 10px 0;
color: #999999;
text-align: center;
}
#templatemo_footer a { color: #999999; font-weight: normal; }
#templatemo_footer .footer_menu { margin: 0 0 5px 0; padding: 0; list-style: none; }
#templatemo_footer .footer_menu li { margin: 0; padding: 0 5px; list-style: none; border-left: 1px solid #6b6b6b; display: inline-block; }
#templatemo_footer .footer_menu .first { border: none; }
#templatemo_footer .footer_menu li a { color: #6b6b6b; font-size: 11px; }
#templatemo_footer .footer_menu li a:hover { color: #fff; }
/* end of footer */