| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var

css31

31 NOLU CSS TASARIM

Resmi Büyütmek İçin Resmin Üzerine Tıklayınız

Tasarımın Üzerindeki Bölüme

<div class="content">
<div class="topmenu">
<div class="right_">
<a href="/contact.htm" _fcksavedurl="/contact.htm">İletişim</a>
| <a href="/about.htm" _fcksavedurl="/about.htm">Hakkında</a>
</div>
<div class="date_"><? echo date('l dS of F Y'); ?></div>
</div>
<div id="submenu">
<form action="#">
<div class="searchb"><br/>
Site İçi Arama Motoru :
<input type="text" name="search" class="text" />
<input type="submit" value="Ara" class="submit" />
</div>
</form>
<p>Sitemize giriş yapmak mı istiyorsunuz ? </p>
O halde<a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"> buraya</a> tıkla ... </div>
<div class="bridge">
<div class="title">HTMLŞABLONKOD.tr.gg</div>
<div class="slogan">Free site =) </div>
</div>
<div class="nav">
<ul>
<li><a href="#" _fcksavedurl="#">HOME</a> | </li>
<li><a href="#" _fcksavedurl="#">PRODUCTS</a> | </li>
<li><a href="#" _fcksavedurl="#">DOWNLOADS</a> | </li>
<li><a href="#" _fcksavedurl="#">ARCHIVES</a> | </li>
<li><a href="#" _fcksavedurl="#">ABOUT</a> | </li>
<li><a href="#" _fcksavedurl="#">CONTACT</a></li>
</ul>
</div>
<div class="right">
<h2>Ana Kategoriler </h2>
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /> <a href="#" _fcksavedurl="#">Yakında...</a><br />
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /><a href="#" _fcksavedurl="#">Yakında..</a><br />
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /><a href="#" _fcksavedurl="#">Yakında..</a><br />
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /><a href="#" _fcksavedurl="#">Yakında..</a><br />
<FCK:hr  />
<h2>Haberler</h2>
Tüm haberleri bu kısımdan vermenizi öneririm =)
<FCK:hr  />
<h2>Duyuru Panosu </h2>
Siteniz hakkında duyuruları burada vermelisiniz.
<FCK:hr  />
<h2>Link Takas </h2>
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Htmşablonkod.tr.gg</a><br />
<img src="http://brknl.br.funpic.org/KopruTasarim/li.gif" _fcksavedurl="http://brknl.br.funpic.org/KopruTasarim/li.gif" alt="" /><a href="http://www.topilst-31.tr.gg" _fcksavedurl="http://www.topilst-31.tr.gg">Toplist - 31</a> <br />
</div>
<div class="center">

<img src="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" _fcksavedurl="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" width="468" height="60">

Tasarımın Altındaki Bölüme

Css Kod Bölümüne

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;}
/*
Free site
www.HTMLSABLONKOD.tr.gg
by BRKNL
*/
body {
margin:5px 0;
padding:0;
font: 74% Arial, Sans-Serif;
color:#FFF;
background-color:#eee;
line-height: 1.4em;
background : #3C3C3C url(http://brknl.br.funpic.org/KopruTasarim/bg.jpg) repeat-x;
}
.topmenu {
background: #1E1F21;
height: 26px;
font-size: 90%;
margin: 0 auto; padding: 0;
border-bottom: 1px solid #333;
color: #888;
}
.topmenu .right_ {
float: right;
background: #1E1F21;
text-align: right;
margin: 0;
padding: 5px 0 0 0;
color: #888;
border: 0px;
}
.topmenu a { color: #888; }
.topmenu a:hover { color: #aaa; }
.topmenu .date_ { float: left; background: #1E1F21; color: #888; padding: 5px 0 0 5px; }
#submenu {
color: #aaa;
padding: 10px 5px 5px 5px;
height: 67px;
background: #1E1F21;
}
#submenu a { color: #AEB9CC; }
#submenu a:hover { color: #EAE8E1; }
#submenu .searchb {
float: right;
width: 363px;
text-align: right;
padding-right: 5px;
border-left: 1px solid #333;
}
.bridge {
background: #4C180F url(http://brknl.br.funpic.org/KopruTasarim/bridge.jpg) no-repeat bottom;
height: 268px;
margin: 0; padding: 0;
}
.bridge .title {
color: #783B2E;
float: right;
padding: 20px 20px 0 0px;
font: bold 1.6em Arial, sans-serif;
}
.bridge .slogan {
float: right;
clear: both;
padding: 1px 20px 0 0px;
color: #595C5B;
font: bold 0.8em Arial, sans-serif;
}
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #1E1F21; padding: 3px; color: #888; }
.nav {
clear: both;
text-align: center;
color: 	#BC6247;
padding: 5px 0 0 0;
}
.boxad {
background: #515556;
color: #BBB;
border: 1px dashed #BC6247;
padding: 5px;
}
p {
margin: 0 0 5px 0;
padding: 0;
color: #888;
background: inherit;
}
hr {
border: 0;
height: 1px;
color: #eee;
background-color: #eee;
}
a {
color: #888;
background: inherit;
text-decoration:none;
}
a:hover {
background: inherit;
text-decoration: underline;
}
h1 {
padding:0;
margin:0;
color: #FFF;
background: inherit;
font: bold 1.8em Arial, Sans-Serif;
letter-spacing: -1px;
}
h1 a {
color: #FFF;
background: inherit;
}
h2 {
background-color: inherit;
color:#BC6247;
font-size:140%;
font-weight:bold;
margin: 10px 0 10px 0;
padding:0;
}
h2 a {
background-color:#3C3C3C;
}
ul {
margin: 0 0 10px 0;
padding : 0;
list-style : none;
}
li {
float: left;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 0 0 5px;
}
li a { color: #FF6538; }
li a:hover { background: url(http://brknl.br.funpic.org/KopruTasarim/select.gif) no-repeat center top;
background-position: 50% 30px;color: #C62C00; }
img {
border: 0;
}
.content {
color: #FFF;
margin: 0 auto;
padding: 0;
width: 766px;
background: #3C3C3C;
}
hr { background: #3C3C3C; border: 1px solid #555; margin: 10px 0 10px 0;}
.right {
clear: both;
font-size: 95%;
float:right;
width: 200px;
padding: 15px 1em 1em 10px;
border-left: 1px solid #555;
}
.right a { color: #AEB9CC;}
.left_article {
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.center {
float:left;
width: 500px;
font-size: 95%;
margin: 15px 0 5px 5px;
padding: 0;
background: #3C3C3C;
color: #FFF;
}
.center a { color: #AEB9CC;}
.footer {
clear:both;
width: auto;
color:#888;
font-size:90%;
background: #3C3C3C;
border-top: 1px solid #555;
text-align:center;
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
padding: 10px 10px 10px 10px;
}
.footer padding{
text-align: center;
}
fieldset {
border: 1px solid #eee;
}
textarea.text {
height: 150px;
width: 90%;
border: 1px solid #ccc;
background: #fff;
color: #000;
}
textarea.text:hover {
border: 1px solid #eee;
background: #FFFFF4;
color: #000;
}
input.field {
border: 1px solid #ccc;
background-color: #3C3C3C;
width: 100px;
color: #000;
}
input.field:hover {
border: 1px solid #eee;
background: #ccc;
color: #000;
}
input.text {
margin: 0;
width: 110px;
border: 1px solid #ccc;
background: #3C3C3C;
color: #A4B4C8;
}
input.text:hover {
border: 1px solid #eee;
}
input.searchbutton {
margin: 0;
font-size: 100%;
font-family: Arial, Sans-serif;
border: none;
background: #FFFFFF;
color: #808080;
padding: 1px;
font-weight: bold;
}
.date {
color: #ccc;
background: #3C3C3C;
text-align: right;
margin: 4px 0 5px 0;
padding: 0.4em 0 0 0;
border-top: 1px solid #555;
}
.date a { color: #ccc; }
.time {
color: #192D50;
float: left;
text-align: left;
padding: 5px 0 0 15px;
}
input.button {
background: #FFFFF4;
color: #808080;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.comments {
padding: 10px 10px 8px 10px;
margin: 0 0 7px 0;
background: #3f3f3f;
color: #000;
}
.commentsbox {
padding: 8px 0 10px 10px;
margin: 0 0 10px 0;
background: #f4f4f4;
color: #000;
}
.error {
color: #990000;
background-color: #FFF0F0;
padding: 7px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px dashed #990000;
}
.error h2 {
color: #990000;
background: inherit;
}
.success {
color: #000000;
background: #F5FBE1;
padding: 7px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px dashed #7BA813;
}
.success h2 {
color: #7BA813;
background: inherit;
}

| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var |

css31