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

css26

26 NOLU CSS TASARIM

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

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

</div>
<div id="colB">
<div class="boxedB">
<h2>Menü</h2>
<ul>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">Link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
</ul>
</div>
<div class="boxedC">
<h2>Menü 2</h2>
<ul>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
<li><a href="#" _fcksavedurl="#">link</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2007 . Design by <a href="http://www.vagrantking.tr.gg" _fcksavedurl="http://www.vagrantking.tr.gg">Vagrant King</a>.</p>
</div>

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;}
/*
Design by vargantking
http://www.vagrantking.tr.gg
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin: 0;
padding: 0;
background: #FFFFFF;
font: normal small Arial, Helvetica, sans-serif;
color: #999999;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #666666;
}
a {
color: #333333;
}
a:hover {
text-decoration: none;
color: #000000;
}
/* Menu */
#menu {
width: 704px;
height: 62px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 140px;
height: 41px;
margin-left: 1px;
padding-top: 10px;
border-top-width: 10px;
border-top-style: solid;
text-align: center;
text-transform: lowercase;
text-decoration: none;
letter-spacing: -1px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
}
#menu .first a {
margin: 0;
}
#menu1 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0110.gif) no-repeat center bottom; border-color: #F07242; color: #C4856D; }
#menu2 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0210.gif) no-repeat center bottom; border-color: #FCEE0F; color: #C0B94A; }
#menu3 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0310.gif) no-repeat center bottom; border-color: #549EE9; color: #799EC3; }
#menu4 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0410.gif) no-repeat center bottom; border-color: #9EBF54; color: #94A46F; }
#menu5 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0510.gif) no-repeat center bottom; border-color: #9F8DF6; color: #B0A7DB; }
#menu a:hover {
color: #000000;
}
/* Logo */
#logo {
width: 704px;
height: 31px;
margin: 0 auto;
padding: 130px 0 0 0;
background: url(http://i63.servimg.com/u/f63/13/63/23/72/header11.jpg) no-repeat;
border-bottom: 10px solid #595959;
}
#logo h1, #logo h2 {
float: left;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 1.4em;
font-weight: normal;
}
#logo h1 {
padding: 0 0 0 140px;
}
#logo h1 a {
color: #C3B1D2;
}
#logo h2 {
margin: 0 0 0 15px;
padding: 0 0 0 15px;
border-left: 1px solid #8E68A5;
}
#logo h2 a {
color: #AE96C0;
}
#logo a {
text-decoration: none;
}
/* Content */
#content {
width: 704px;
margin: 0 auto;
border-top: 1px solid #FFFFFF;
}
#colA {
float: right;
width: 424px;
padding: 0 30px 0 0;
}
#colB {
float: left;
width: 220px;
}
/* BoxedA */
.boxedA {
}
.boxedA h2 {
height: 35px;
padding-top: 25px;
border-bottom: 1px solid #CCCCCC;
font-size: 2em;
}
.boxedA h3 {
font-size: 1em;
font-weight: bold;
}
.boxedA p {
line-height: 2em;
text-align: justify;
}
.boxedA .more {
text-align: right;
}
.boxedA .more a {
padding: 0 1em;
background: #CCCCCC;
border-left: 4px solid #666666;
text-decoration: none;
}
.boxedA .more a:hover {
background: #666666;
color: #FFFFFF
}
/* BoxedB */
.boxedB {
margin-bottom: 1px;
background: #FAD4C6 url(http://i63.servimg.com/u/f63/13/63/23/72/img0710.gif) repeat-y;
border-bottom: 1px solid #F07242;
}
.boxedB h2 {
height: 35px;
padding: 25px 0 0 21px;
border-bottom: 1px solid #FFFFFF;
letter-spacing: -1px;
font-size: 24px;
font-weight: normal;
color: #F07242;
}
.boxedB ul {
margin: 0;
padding: 0;
list-style: none;
}
.boxedB li {
display: inline;
}
.boxedB a {
display: block;
width: 199px;
height: 23px;
padding: 7px 0 0 21px;
background: #FDF1EC url(http://i63.servimg.com/u/f63/13/63/23/72/img0810.gif) no-repeat;
border-bottom: 1px solid #FFFFFF;
text-decoration: none;
color: #F07242;
}
.boxedB a:hover {
background: #F7B8A0 url(http://i63.servimg.com/u/f63/13/63/23/72/img0910.gif) no-repeat;
color: #FFFFFF;
}
/* BoxedC */
.boxedC {
margin-bottom: 1px;
background: #CBE2F8 url(http://i63.servimg.com/u/f63/13/63/23/72/img1110.gif) repeat-y;
border-bottom: 1px solid #549EE9;
}
.boxedC h2 {
height: 35px;
padding: 25px 0 0 21px;
border-bottom: 1px solid #FFFFFF;
letter-spacing: -1px;
font-size: 24px;
font-weight: normal;
color: #549EE9;
}
.boxedC ul {
margin: 0;
padding: 0;
list-style: none;
}
.boxedC li {
display: inline;
}
.boxedC a {
display: block;
width: 199px;
height: 23px;
padding: 7px 0 0 21px;
background: #EEF5FD url(http://i63.servimg.com/u/f63/13/63/23/72/img1210.gif) no-repeat;
border-bottom: 1px solid #FFFFFF;
text-decoration: none;
color: #549EE9;
}
.boxedC a:hover {
background: #A9CEF4 url(http://i63.servimg.com/u/f63/13/63/23/72/img1310.gif) no-repeat;
color: #FFFFFF;
}
/* News */
#news {
}
#news h2 {
font-size: 22px;
}
#news ul {
list-style-type: square;
}
/* Footer */
#footer {
clear: both;
width: 704px;
margin: 0 auto;
border-top: 1px solid #666666;
background: #CCCCCC;
}
#footer p {
margin: 0;
padding: 30px 0;
text-align: center;
font-size: smaller;
color: #999999;
}
#footer a {
color: #999999;
}

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

css26