Süper Bir Css Tasarım

Konu: Süper Bir Css Tasarım C.tesi Eyl. 18, 2010 12:20 pm

GÜZEL BİR TASARIMLA YİNE SİZLERLERYİZ
[Resimleri görebilmek için üye olun veya giriş yapın.]

Css-Sablon / Yeşil Güncel

Profesyonel Webmaster Servisi

About Me

This is the place where you can put a brief summary of yourself. Or perhaps you have something to be shown off.

To
completely remove this top box (i.e recent post, about me &
search), head to header.php, delete everything between "TopBox: START"
and "TopBox: END".

Css-Sablon / Yeşil Güncel Tasarım

Css' de Güvenilir Kalite !

TASARIM ALTINA

CSS KODUNA:

Kod:

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;}

/*Tema Tasarım Ve Kodlama : css-sablon.tr.gg / Dj_TuGiCaN*/
/*++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++*/
body, h1, h1, h3, h4, h5, h6, blockquote, form {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
background: #ffffff;
color: #000000;
}

a:link, a:visited {
text-decoration: none;
color: #2c88bc;
}

p {
padding: 10px 0 0 0;
}

/*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/
#top {
width:100%;
height:130px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/header.jpg) repeat-x;
}

/*+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++*/
#header_top {
width: 1000px;
height:84px;
margin:0 auto;
}

#left_corner {
float:left;
height:66px;
width:400px;
padding:12px 0 5px 0;
}

#left_corner h1 a {
color:#fff;
font-size:28px;
font-family:Sans-serif,Georgia,Verdana;
padding-left:15px;
text-decoration:none;
font-weight:700;
}

.description {
padding:10px 0 0 15px;
color:#FFFFFF;
font-size:12px;
font-family:Sans-serif,Georgia,Verdana;
font-weight:700;

}

#right_corner {
float:right;
height:84px;
width:344px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/right_corner.jpg) no-repeat;
}

/*+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++*/

#header_nav {
width:100%;
height:43px;
margin:0 auto;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/menu.jpg) repeat-x;
}

#navi {
width:995px;
margin:0 auto;
padding:0;
overflow:hidden;
height:31px;
}

#menus {
float:left;
margin:5px;
padding:3px;
width:730px;
}

#menus li {
display: inline;
list-style: none;
margin:0;
padding:0;
}

#menus ul, #menus ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}

#menus a, #menus a:visited {
margin:0;
padding: 3px 10px 3px 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#menus a:hover {
background: #80b409;
text-decoration: none;
border:1px solid #FFFFFF;
}

#subscribe {
float: right;
width:92px;
height:32px;
margin:4px 4px 3px 4px;
}

.rss {
float:right;
margin:7px 10px 5px 0px;
width:230px;
}

.rss ul {
margin: 0;
padding: 0 2px;
}

.rss li {
margin: 0 2px 0 0;
padding: 3px 0 3px 20px;
list-style: none;
font-size: 12px; color:#c40d63;
display: inline; font-weight: bold;
background: url(http://wordpress.eches.net/wp-content/themes/damai/images/rss.gif) no-repeat 0 3px;
}

.rss li a {
font-size: 12px; color:#fff;
}

/*+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++*/
#wrapper{
margin: 0px auto 0 auto;
width: 1000px;
text-align: left;
}

/*++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++*/
#lsidebar {
float: left;
width:212px;
padding:0px;
margin:0 0 5px 5px;
}

.top_lsidebar {
width:210px;
}

.bottom_lsidebar {
width:210px;
height:9px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat;
}

.content_lsidebar{
width:210px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y;
}

.content_lsidebar a:link, .content_lsidebar a:visited {
color:#187cb6;
text-decoration:none;
font-weight:700;
}

.content_lsidebar ul{
list-style-type: none;
margin: 0 auto;
padding: 0 0 0 10px;
}

.content_lsidebar ul li{
padding: 0 13px 5px 3px;
}

.content_lsidebar ul li h1{
font-family: Arial,Verdana,Georgia, Sans-serif;
padding-left:6px;
margin-bottom:8px;
font-size: 14px;
line-height:1.6em;
text-transform:uppercase;
background:#cfe990;
}

.content_lsidebar ul ul li{
font-size:11px;
margin-top: 3px;
line-height: 1.0em;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat;
padding-left:12px;
}

.content_lsidebar ul ul ul li {
line-height: 9px;
text-decoration:none;
background-image:none;
padding-left:0;
}

.content_lsidebar ul ul ul {
margin-top: 9px;
line-height: 11px;
text-decoration:none;
background-image:none;
}

/*+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++*/
#container_right {
float: right;
width: 776px;
}

#inner_container{
float: left;
width: 548px;
text-align:justify;
}

/*++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++*/
.post{
padding: 10px 3px 10px 4px;
}

.post h1{
font-family: Arial, Georgia, Sans-serif;
font-size: 18px;
text-transform:uppercase;
padding-top:1px;
border-top:2px dotted #187cb6;
}

.post h1 a:link, .post h1 a:visited {
text-decoration:none;
color:#493b3b;
}

.postdata {
border-bottom:2px dotted #187cb6;
padding-bottom:2px;
font-size:11px;

}

.postdata a:link,.postdata a:visited {
color:#187cb6;
font-size:11px;
text-decoration:none;
font-weight:700;
}

.entry{
line-height: 18px;
}

p.postmetadata {
margin: 10px 0 0 0;
}

/*++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++*/
.rsidebar{
float: right;
width:220px;
margin:4px 0 5px 6px;
}

.top_rsidebar {
width:210px;height:9px;
}

.bottom_rsidebar {
width:210px;height:9px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat;
}

.content_rsidebar {
width:220px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y;
}

.content_rsidebar a:link, .content_rsidebar a:visited {
color:#187cb6;
text-decoration:none;
font-weight:700;
}

.content_rsidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}

.content_rsidebar ul li{
padding: 0 13px 5px 3px;
}

.content_rsidebar ul li h1{
padding-left:6px;
margin-bottom:8px;
font-family: Arial,Verdana,Georgia, Sans-serif;
font-size: 14px;
line-height:1.6em;
text-transform:uppercase;
background:#cfe990;

}

.content_rsidebar ul ul li{
font-size:11px;
margin-top: 3px;
line-height: 1.0em;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat 0 0;
padding-left:12px;
}

.content_rsidebar ul ul ul li {
line-height: 9px;
text-decoration:none;
background-image:none;
padding-left:0;
}

.content_rsidebar ul ul ul {
margin-top: 9px;
line-height: 11px;
text-decoration:none;
background-image:none;
}

.metadata_center {
height:18px;
width:530px;
margin:0 auto;
padding: 2px 0 0 3px;
background:#cbe488;
border:2px solid #85aa43;
}

.metadata_center a:link, a:visited {
text-decoration:none;
color:#0000ee;
}

/*+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++*/
#topbox {
width:770px;
margin:0;
padding:0;
}

#topbox_left {
float:left;
width:9px;
height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hleft.jpg) no-repeat;
}

#topbox_center {
float:left;
width:744px;height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hcenter.jpg) repeat-x;
}

#topbox_right {
float:left;
width:9px;height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hright.jpg) no-repeat;
}

/*++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++*/
#recent_post {
margin:10px 0 7px 0px;
float:left;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x;
}

#recent_left {
float:left;
width:10px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bleft.jpg) no-repeat;
}

#recent_center {
float:left;
width:470px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x;
}

#recent_right {
float:left;
width:10px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bright.jpg) no-repeat;
}

/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/
#recent_title {
font-size:15px;
font-family:Arial,Verdana;
color:#ffffff;
font-weight:800;
padding:8px 0 0 155px;
text-transform:uppercase;
border-bottom:2px dotted #FFFFFF;
}

#recent_content {
overflow:hidden;
height:155px;
font-weight:700;
}

#recent_content a:link, #recent_content a:visited {
font-size:12px;
font-family:Arial,Verdana;
color:#cfe990;
text-decoration:none;
}

#recent_content a:hover {
font-size:12px;
font-family:Arial,Verdana;
color:#95ce0c;
}

#recent_content ul {
list-style: none;
margin: 0;
padding: 5px 0 0 2px;
float:left;

}

#recent_content li {
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/tag_green.gif) no-repeat 0 3px;
list-style:none;
line-height:25px;
padding-left:20px;
float:left;
width:200px;
overflow:hidden;

}

/*++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++*/
#aboutme {
float:right;
margin:10px auto 0;
padding:3px;
font-family:Arial;
color:#000;
height:160px;width:240px;
text-align:justify;
line-height:1.3em;
font-size:11px;
overflow:hidden;
}

#aboutme p{
padding-top:5px;
}

#aboutme h1 {
font-size:16px;
color:#000;
border-bottom:2px dotted #fff;
padding:3px 5px 6px 0;
text-transform:uppercase;
}

/*+++++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++++*/
#search {
height:20px;
float:right;
margin:8px 4px 0 0;
}

#search #s {
font-size:8pt;
width:230px;
padding-left:3px;
font-family:Arial;
height:16px;
}

input#s {
color:#000;
border:3px solid #c5d864;
background:#fcfcfc;
}

/*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/
#footer{
clear: both;
width: 100%;
text-align:center;
padding: 10px 0 8px 0;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/footer.jpg) repeat-x;
}

#footer p{
font-size:11px;
padding:3px 3px;
margin:2px 5px 0 5px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/damai_footer.jpg) no-repeat 35% 0;
}

#footer p a:link,#footer p a:visited {
color:#f7f9f3;
font-weight:700;
}

/*+++++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++ Error Page +++++++++++++++++++++++++++++++++*/
#error_page {
padding-left:3px;
margin-top:4px;
width:530px;
}

#error_page a:link, #error_page a:visited {
color:#2c88bc;
font-weight:700;
}

/*+++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++++*/
table#wp-calendar {
width:90%;
margin:0 3px;

}

/*+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++*/
blockquote {
margin:5px 0;
padding:4px 7px 10px 7px;
font-size:11px;
color:#52525b;
background: #e4f7b5;
border:1px dashed #79b32b;
}

blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:11px;
color:#52525b;
background: #e4f7b5;
border:1px dashed #79b32b;
}

/*++++++++++++++++++++++++++ PageTitle (archives.php) +++++++++++++++++++++++++*/
.pagetitle {
margin:5px 0 0 3px;
color:#6c2f4b;
text-transform:uppercase;
}

/*+++++++++++++++++++++ Navigation: Previous & Next +++++++++++++++++++++++++++*/
#navigation{
padding:10px 0;
font-size: 14px;
font-weight: bold;
margin-bottom:10px;
height:20px;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}
.alignleft a:link,.alignleft a:visited,.alignright a:link,.alignright a:visited {
color:#187cb6;
text-decoration:none;
}

/*+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++*/
#commentsbox {
padding: 0 0 0 5px;
margin: 0 0 4px 3px;
width: 538px;
font-size:11px;
border-top:2px dotted #187cb6;
}

#commentsbox a:link, #commentsbox a:visited {
text-decoration: none;
color: #2c88bc;
}

#comments h1 {
margin:5px 0 0 0;
padding:0 7px;
color:#ff5c00;
font-size:16px;
font-weight:normal;
}

#comments {
margin:5px 0 0 0;
}

#respond {
margin:10px 0 0 0;
padding-top:3px;
font-size:14px;
font-weight:bold;
}

.boxcomments {
margin-bottom:20px;
width:520px;
}
#commentform {
margin:0;
padding:15px 15px 1px;
}

#commentform label {
display:block;
margin:0;
}

#commentform input {
width:170px;
margin:0 5px 10px 0;
padding:1px;
}

#commentform textarea {
width:400px;margin:0 0 10px;
padding:0;
}

#commentform #submit {
margin:0 0 20px;
}

#commentform p {
margin:5px 0;
}

ol.commentlist {
margin:0 0 1px;
padding:0;
}

ol.commentlist li {
margin:7px 7px;
padding:6px 15px 12px 15px;
border:1px dashed #809f51;
background:#def0ba;
display:block;
list-style:none;
}

ol.commentlist li.mycomment {
margin:7px 0;
padding:5px 15px 1px;
border-bottom:20px solid #fff;
display:block;
list-style:none;
background:#f3fdff;
}

ol.commentlist li.commenthead {
display:block;
list-style:none;
margin:0;padding:5px 15px;
}

ol.tblist {
list-style:none;
margin:0 0 1px;
padding:0;
}
ol.tblist li {
display:block;
list-style:none;
padding:10px 5px 10px 5px;
margin:0 0 5px;
border:1px dashed #ccc;
}

input#url,input#author,input#email,textarea {
color:#666;
width:40%;
border:1px solid #cbcbcb;
margin-bottom:0.6em;
margin-top:2px;
padding:3px;
background:#fcfcfc;
}

table {margin-left: auto;margin-right: auto}

Konu: Geri: Süper Bir Css Tasarım C.tesi Eyl. 18, 2010 12:24 pm

teşekkürler

» İlginç Tasarım
» Web Tasarım Dersleri
» İlginç Tasarım
» Opuss Exclusive Özel Tasarım Halılar
» Bebeginizin Guvenligi Icin Yeni Tasarim Bebek Arabasi