Tasarim 80
Tasarımın Üzerindeki Yazı :
<body>
<div id="templatemo_maincontainer">
<div id="templatemo_topsection">
<div id="templatemo_title">Css-Sablon / Palmiye</div>
<div id="templatemo_slogan">Profesyonel Webmaster Hizmeti</div>
</div>
<div id="templatemo_left_column">
<div id="templatemo_menu_top"></div>
<div class="templatemo_menu">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi Def.</a></li>
<li><a href="#">Wisyonumuz</a></li>
<li><a href="#">Misyonumuz</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Yahoo</a></li>
<li><a href="#">Msn</a></li>
<li><a href="#">Dost Site</a></li>
<li><a href="http://css-sablon.tr.gg/">Css-Sablon</a></li>
</ul></div>
<div id="templatemo_contact">
<strong>İletişim (About)<br /></strong>
Tel 1: 05373747359<br />
Tel 2: 05062828975<br />
Email: djtugican@hotmail.com</div>
</div>
<div id="templatemo_right_column">
<div class="innertube">
<h1>Css-Sablon / Palmiye Tasarımı</h1>
Tasarımın Altındaki Yazı :
</div>
</div>
<div id="templatemo_bot"></div>
</div>
<div id="templatemo_footer">Copyright © Tüm Hakkı Saklıdır ... | Designed by <a href="http://css-sablon.tr.gg" target="_parent">Css-Sablon / Dj_TuGiCaN</a></div>
</body>
</html>
CSS Kodu :
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;}
/*
CSS Credit: http://www.templatemo.com/
*/
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #782609 url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_body_bg.jpg) repeat-x;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited { color: #621c03; text-decoration: none; font-weight: bold;}
a:active, a:hover { color: #621c03; text-decoration: none; font-weight: bold; }
h1 {
font-size: 18px;
color: #782609;
font-weight: bold;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_h1.jpg) no-repeat;
height: 27px;
padding-top: 40px;
padding-left: 70px;
}
h2 {
font-size: 13px;
font-weight: bold;
color: #fff;
height: 22px;
padding-top: 3px;
padding-left: 5px;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_h2.jpg) no-repeat;
}
#templatemo_maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
float: left;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_content_bg.jpg) repeat-y;
}
#templatemo_topsection{
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_header.jpg) no-repeat;
height: 283px; /*Height of top section*/
}
#templatemo_title{
margin: 0;
padding-top: 150px;
padding-left: 50px;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
}
#templatemo_slogan {
margin-top: 10px;
padding-left: 50px;
font-size: 12px;
font-weight: bold;
color: #ff9a59;
}
#templatemo_left_column {
float: left;
width: 229px;
}
#templatemo_menu_top {
float: left;
height: 33px;
width: 229px;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_menu_top.jpg) no-repeat;
}
#templatemo_right_column {
float: right;
width: 651px;
padding-right: 20px;
}
#templatemo_destination {
float: left;
padding: 10px 10px 0px 40px;
width: 280px;
border-right: dotted 1px #782609;
}
#templatemo_search {
float: right;
padding: 0px 30px 0px 0px;
width: 262px;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_form-bg.jpg) repeat-y;
}
.search_top {
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_search.jpg) no-repeat;
width: 262px;
height: 76px;
}
.sarch_mid {
margin: 0px;
padding-left: 10px;
padding-top: 0px;
}
.search_bot {
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_search_bot.jpg) no-repeat;
height: 11px;
}
#templatemo_contact {
width: 200px;
height: 96px;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_contact.jpg) no-repeat;
color: #fff;
padding-left: 29px;
padding-top: 15px;
}
#templatemo_bot {
float: left;
height: 22px;
width: 877px;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_footer.jpg) no-repeat;
}
#templatemo_footer{
float: left;
width: 100%;
padding-top: 16px;
height: 31px;
color: #fff;
text-align: center;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_footer_bg.jpg) repeat-x;
}
#templatemo_footer a {
color: #fff;
font-weight: bold;
}
.templatemo_menu {
margin-top: 40px;
width: 188px;
}
.templatemo_menu li{
list-style: none;
height: 30px;
display: block;
background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_menu_bg.jpg) no-repeat;
font-weight: bold;
font-size: 12px;
padding-left: 30px;
padding-top: 7px;
}
.templatemo_menu a {
color: #fff;
text-decoration: none;
}
.templatemo_menu a:hover {
color: #f08661;
}
.innertube{
margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 10px;
text-align: justify;
border-bottom: dotted 1px #782609;
}
.post_date { color: #177212; }
table {margin-left: auto;margin-right: auto}