Hakkımızda

Yeşil Blog Tasarımı

YEŞİL BLOG TASARIMI

TÜR : CSS
ÖNİZLEME : www.bikufi.tr.gg
Telif Hakkı : Sempati-Tasarım

KODLAR

Tasarımın Üzerine :

<div id="tabs">
<ul>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a href="#" _fcksavedurl="#"><span>Sayfa</span></a></li>
<li><a rel="nofollow" target="_blank" href="http://www.sempati-tasarim.tr.gg" _fcksavedurl="http://www.sempati-tasarim.tr.gg" title="explodingboy"><span>Sempati-Tasarim</span></a></li>
</ul>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free CSS | Free CSS Templates | Demo of the CSS Template GreenyBox</title>
<FCK:meta http-equiv="content-type" content="http://www.free-css.com/assets/files/free-css-templates/preview/page2/greenybox/text/html; charset=utf-8"  />
<link href="style.css" rel="stylesheet" type="http://www.free-css.com/assets/files/free-css-templates/preview/page2/greenybox/text/css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="http://www.free-css.com/assets/files/free-css-templates/preview/page2/greenybox/js/arial.js"></script>
<script type="text/javascript" src="http://www.free-css.com/assets/files/free-css-templates/preview/page2/greenybox/js/cuf_run.js"></script>
<style type="text/css">
#freecssfooter{display:block;position:fixed;bottom:0;left:0;width:100%;height:125px;margin-bottom:-125px;overflow:hidden;background-color:transparent;z-index:5000;text-indent:-5000px;}
#freecssfooter div#fcssholder{margin-bottom:-125px;}
#freecssfooter a, #freecssfooter div{display:block; text-indent:-5000px;}
</style>
</head>
<body>
<script type="text/javascript"> 
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = '//s3.buysellads.com/ac/bsa.js';

(document.getElementsByTagName('head')[0]||document.getElementsByTag

Name('body')[0]).appendChild(bsa);
})();
</script>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a
href="http://www.sempati-tasarim.tr.gg"><span>Sitenizin</span>İsmi
<small>Buraya Logonuzu Yazın </small></a></h1>
</div>
<div class="menu">
<ul>
<li><a href="http://www.sitenizinadi.tr.gg/ana-sayfa.htm" _fcksavedurl="http://www.sitenizinadi.tr.gg/ana-sayfa.htm"
class="active">Ana Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>
<li><a href="www.sempati-tasarim.tr.gg" _fcksavedurl="www.sempati-tasarim.tr.gg">Tasarımın Telif
Hakkı</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="headert_text_resize">
<div class="headert_text">
<h2>Duyuru</h2>
<p>Buraya Duyurularınızı Yapabilirsiniz...</p>
</div>
<img src="https://img.webme.com/pic/b/bikufi/img_main.jpg" _fcksavedurl="https://img.webme.com/pic/b/bikufi/img_main.jpg"
alt="website template image" width="455" height="273" />
<div class="clr"></div>
</div>
</div>
<div class="body">
<div class="body_resize">
<div class="left">
<div class="resize_bg">

Tasarımın Altına :

<h2> </h2>
</div>
</div>
<div class="right">
<div class="resize_bg">
<h2>Buraya<span> Menu</span></h2>
<ul>
<li><a href="#" _fcksavedurl="#">Anasayfa</a></li>
<li><a href="#" _fcksavedurl="#">Tasarım</a></li>
<li><a href="#" _fcksavedurl="#">Blog</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">Yorumlar</a></li>
</ul>
</div>
<div class="resize_bg">
<h2>Link Takas</h2>
<ul class="sponsors">
<li class="sponsors"><a
href="http://www.sempati-tasarim.tr.gg">Sempati-Tasarım</a><br />
Bu Sitede Bir Birinden Güzel Tasarımlar Bulabilirsin...</li>
<li class="sponsors"><a href="#" _fcksavedurl="#">Link Takas</a><br />
Açıklama</li>
<li class="sponsors"><a href="#" _fcksavedurl="#">Link Takas</a><br />
Açıklama</li>
<li class="sponsors"><a href="#" _fcksavedurl="#">Link Takas</a><br />
Açıklama</li>
<li class="sponsors"><a href="#" _fcksavedurl="#">Link Takas</a><br />
Açıklama</li>
<li class="sponsors"><a href="#" _fcksavedurl="#">Link Takas</a><br />
Açıklama</li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="FBG">
<div class="FBG_resize">
<div class="blok">
<h2>Resim <span>Galerisi</span></h2>
<img src="https://img.webme.com/pic/b/bikufi/gallery_1.jpg" _fcksavedurl="https://img.webme.com/pic/b/bikufi/gallery_1.jpg"
alt="website template image" width="95" height="94" /><img
src="https://img.webme.com/pic/b/bikufi/gallery_2.jpg" alt="website
template image" width="95" height="94" /><img
src="https://img.webme.com/pic/b/bikufi/gallery_3.jpg" alt="website
template image" width="95" height="94" /> <img
src="https://img.webme.com/pic/b/bikufi/gallery_1.jpg" alt="website
template image" width="95" height="94" />
<div class="clr"></div>
<h2>Deneme <span>Yazısı</span> </h2>
<p>Buraya Deneme Yazısı Ekleyebilirsin... </p>
</div>
<div class="blok">
<h2>Tasarımlar</h2>
<img src="https://img.webme.com/pic/b/bikufi/fbg_1.jpg" _fcksavedurl="https://img.webme.com/pic/b/bikufi/fbg_1.jpg" alt="website
template image" width="96" height="96" />
<p>Sitemizde Birbirinden Güzel Tasarımları Bulabilirsiniz..! <a
href="http://www.sempati-tasarim.tr.gg">Siteye Git</a><br />
</p>
</div>
<div class="blok">
<h2>İletişim</h2>
<p>İstediğiniz İletişim Bilgilerini Buraya Girebilirsiniz.<br />
İstediğiniz İletişim Bilgilerini Buraya Girebilirsiniz.<br />
<br />
E-mail: <a href="emailadresiniz" _fcksavedurl="emailadresiniz">E-mail@mail.com</a><br />
Telefon : 05** 32* 1* **<br />
(224) 2** ** **<br />
(224) 2** ** **</p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">© Copyright <a
href="http://www.sempati-tasarim.tr.gg">Kadir Kaya</a>.</p>
<p class="rf">Desing by <a target="_blank" rel="nofollow"
href="http://www.sempati-tasarim.tr.gg">Sempati-Tasarım</a></p>
<div class="clr"></div>
</div>
</body>
</html>

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;}
iframe{border:solid 4px #FFFFFF;}
table {margin-left: auto;margin-right: auto}
@charset "utf-8";
body {
margin:0;
padding:0;
width:100%;
background:#e5e5e5;
}
html {
padding:0;
margin:0;
}
li.bg, .bg {
clear:both;
padding:0;
margin:10px 0;
height:5px;
list-style:none;
}
p.clr, .clr {
clear:both;
padding:0;
margin:0;
}
.main {
margin:0 auto;
padding:0;
}
.header_resize {
margin:0 auto;
padding:0;
width:968px;
}
.header {
background:top repeat-x;
margin:0;
padding:0;
}
.logo {
width:440px;
margin:0 auto;
padding:0;
float:left;
background:url(https://img.webme.com/pic/b/bikufi/logo.gif) no-repeat 240px 32px;
}
h1 {
margin:0;
padding:56px 0 24px 40px;
color:#fff;
font:bold 40px/1.2em Arial, Helvetica, sans-serif;
}
h1 a, h1 a:hover {
color:#fff;
text-decoration:none;
}
h1 span {
color:#97c950;
}
h1 small {
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
color:#97c950;
}
.search {
padding:20px 20px 0 0;
margin:0;
width:260px;
float:right;
}
.search form {
float:right;
padding:0 10px 0 0;
margin:0;
}
.search span {
display:block;
float:left;
background:#fff;
width:180px;
padding:3px 5px;
border:1px solid #d1d2d1;
}
.search form .keywords {
width:170px;
line-height:14px;
height:14px;
float:left;
background:none;
border:0;
padding:6px 2px;
margin:0;
font:normal 11px Arial, Helvetica, sans-serif;
color:#acacac;
}
.search form .button {
float:left;
margin:0 0 0 10px;
padding:0;
}
.menu {
padding:0;
margin:70px 0 0 0;
width:410px;
float:right;
background:#fcfdfe;
border:1px solid #dfdfdf;
}
.menu ul {
padding:0;
margin:0;
list-style:none;
border:0;
float:left;
}
.menu ul li {
float:left;
margin:0;
padding:0 8px 0 0;
}
.menu ul li a {
float:left;
margin:0;
padding:10px 16px;
color:#696969;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.menu ul li a:hover {
color:#a2cf58;
background:url(https://img.webme.com/pic/b/bikufi/hover.gif) top repeat-x;
}
.menu ul li a.active {
color:#a2cf58;
background:url(https://img.webme.com/pic/b/bikufi/hover.gif) top repeat-x;
font-weight:bold;
}
.headert_text_resize {
width:969px;
padding:0;
margin:0 auto;
background:url(https://img.webme.com/pic/b/bikufi/header_text_bg.gif) top no-repeat;
height:320px;
}
.headert_text_resize img {
margin:0;
padding:26px 0 0 30px;
float:left;
}
.headert_text {
width:400px;
float:right;
margin:0;
padding:40px 30px 0 0;
}
.headert_text h2 {
font:bold 26px Arial, Helvetica, sans-serif;
color:#fcfdfe;
padding:15px 0;
margin:0;
}
.headert_text p {
font:bold 14px Arial, Helvetica, sans-serif;
color:#fcfdfe;
padding:10px 0;
margin:0;
line-height:1.8em;
}
.headert_text p a {
font:bold 14px Arial, Helvetica, sans-serif;
color:#fcfdfe;
padding:10px 0;
margin:0;
line-height:1.8em;
}
.headert_text p span {
color:#a2cf58;
font-weight:bold;
}
.body_resize {
margin:0 auto;
padding:0;
width:969px;
}
.body {
margin:0;
padding:0;
}
.body h2 {
font:bold 24px Arial, Helvetica, sans-serif;
color:#a2cf58;
padding:3px 0 3px 5px;
margin:5px 0 10px 0;
}
.body h2 span {
color:#323a3f;
}
.body p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#696969;
padding:5px;
margin:0;
line-height:1.8em;
}
.body img {
float:left;
margin:5px;
padding:0;
}
.body a {
color:#ea5d00;
text-decoration:underline;
}
.left {
float:left;
width:680px;
margin:0;
padding:0;
}
.resize_bg {
background:#fcfdfe;
border:1px solid #d6d6d6;
margin:10px 0;
padding:10px;
}
.right {
float:right;
width:275px;
margin:0;
padding:0;
}
.right .blog {
border:1px solid #dedede;
margin:10px 0;
padding:10px;
background:#fff;
}
.right ul {
list-style:none;
margin:5px 10px;
padding:0;
}
.right li {
border-bottom:1px dashed #f0f1f1;
font:normal 14px Arial, Helvetica, sans-serif;
color:#696969;
padding:5px 0;
margin:3px 0;
}
.right li a {
padding:0 0 0 15px;
margin:0;
font:bold 14px Arial, Helvetica, sans-serif;
color:#696969;
text-decoration:none;
}
.right li a:hover {
color:#ea5d00;
text-decoration:none;
}
.right ul.sponsors {
list-style:none;
margin:5px 10px;
padding:0;
}
.right li.sponsors {
font:normal 11px Arial, Helvetica, sans-serif;
color:#585858;
padding:14px 10px;
}
.right li.sponsors a {
padding:0 0 0 0px;
margin:0;
font:bold 14px Arial, Helvetica, sans-serif;
color:#696969;
text-decoration:none;
}
.right li.sponsors span {
color:#ea5d00;
font:bold 12px Georgia, "Times New Roman", Times, serif;
}
.FBG_resize {
margin:0 auto;
padding:0;
width:930px;
}
.FBG {
margin:0;
padding:0;
}
.FBG img {
float:left;
margin:5px 10px 5px 0;
padding:0;
}
.FBG h2 {
font:bold 24px Arial, Helvetica, sans-serif;
color:#a2cf58;
padding:3px 0 3px 5px;
margin:5px 0 10px 0;
}
.FBG h2 span {
color:#323a3f;
}
.FBG p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#696969;
padding:5px;
margin:0;
line-height:1.8em;
}
.FBG a {
color:#ea5d00;
text-decoration:underline;
}
.FBG .blok {
width:270px;
float:left;
padding:5px 20px;
margin:0;
}
.footer_resize {
margin:0 auto;
padding:0;
width:930px;
color:#696969;
font:normal 12px Arial, Helvetica, sans-serif;
border-top:1px solid #CCC;
}
.footer {
padding:0;
margin:0 auto;
}
.footer p {
margin:0;
padding:15px 0;
line-height:normal;
color:#696969;
}
.footer a {
color:#696969;
padding:inherit;
text-decoration:underline;
}
.footer a:hover {
text-decoration:none;
}
.footer .lf {
float:left;
}
.footer .rf {
float:right;
}
#contactform {
margin:0;
padding:5px 10px;
}
#contactform * {
color:#F00;
}
#contactform ol {
margin:0;
padding:0;
list-style:none;
}
#contactform li {
margin:0;
padding:0;
background:none;
border:none;
display:block;
clear:both;
}
#contactform li.buttons {
margin:5px 0 5px 0;
}
#contactform label {
margin:0;
width:110px;
display:block;
padding:10px 0;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:capitalize;
float:left;
}
#contactform label span {
color:#F00;
}
#contactform input.text {
width:480px;
border:1px solid #c0c0c0;
margin:2px 0;
padding:5px 2px;
height:16px;
background:#fff;
float:left;
}
#contactform textarea {
width:480px;
border:1px solid #c0c0c0;
margin:2px 0;
padding:2px;
background:#fff;
float:left;
}
#contactform li.buttons input {
border:1px solid #000;
background:#ea7d1b;
padding:10px;
margin:10px 0 0 110px;
color:#fff;
float:left;
font:normal 12px Arial, Helvetica, sans-serif;
}
p.response {
text-align:center;
color:#F00;
font:normal 11px Georgia, "Times New Roman", Times, serif;
line-height:1.8em;
width:auto;
}
body {
font: bold 11px/1.5em Verdana;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#tabs {
float:left;
width:100%;
background:#EDF7E7;
font-size:93%;
line-height:normal;
}
#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url("https://img.webme.com/pic/k/kingthemes/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("https://img.webme.com/pic/k/kingthemes/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
background-position:100% -42px;
}