Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Csstasarim44

Tasarimin Üzerine

<div id="page"><div id="page-in">

<div id="header"><div id="header-top"><div id="header-bottom">

<div id="header-info">
<h1><a href="#" title="">Site Adi</a></h1>
<div class="description">Css Merkez.tR.gg</div>
</div>


<div id="header-menu">
<ul>
<li class="current_page_item"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-2"><a href="#" title="About">Hakkında</a></li>
<li class="page_item page-item-5"><a href="#" title="Archives">Archiv</a></li>
<li class="page_item page-item-16"><a href="#" title="Links">Linkler</a></li>
</ul>
</div>


<div id="header-feed">
</div>


<div id="header-text">
</div>


<div id="header-slide">
</div>


<div id="header-clear"></div>
<div id="cat">
</div>



</div></div></div>


<div id="main">

<div id="sidebar">
<div class="sidebar-box">
<h3>Menu</h3>
<ul>
<li class="page_item page-item-2"><a href="#" title="About">Hakkında</a></li>
<li class="page_item page-item-5"><a href="#" title="Archives">Archiv</a></li>
<li class="page_item page-item-16"><a href="#" title="Links">Linkler</a></li>
</ul>
</div>
<div class="sidebar-box">
<h3>Reklam Alanı</h3>
<br /><center><a href=#"><img src="http://csstasarimm.cs.funpic.org/Demo/Css36/images/225-ad.jpg"></a>
<img src="http://csstasarimm.cs.funpic.org/Demo/Css36/images/ad-spacer.gif"></center><br /><br />
</div>
<div class="sidebar-box">
<h3>Kategoriler</h3>
<ul>
<li class="cat-item cat-item-3"><a href="#" title="">Css Design</a>
</li>
<li class="cat-item cat-item-5"><a href="#" title="">Fıkralar</a>
</li>
<li class="cat-item cat-item-4"><a href="#" title="">Market</a>
</li>
<li class="cat-item cat-item-6"><a href="#" title="">İçerik</a>
</li>
<li class="cat-item cat-item-1"><a href="#" title="">Site Haritası</a>
</li>
</ul>
</div>
<div class="sidebar-box">
<h3>Arşivler</h3>
<ul>
<li><a href='#' title='Ocak 2009'>Ocak 2008</a></li>
<li><a href='#' title='Subat 2009'>Subat 2009</a></li>
<li><a href='#' title='Augustos 2009'>Augustos 2009</a></li>
<li><a href='#' title='Eylül2009'>Eylül 2009</a></li>
</ul>
</div>
<div class="sidebar-box"><div class="sidebar-box-top"><div class="sidebar-box-bottom">						<div class="textwidget"></div>
</div></div></div>
</div>
 <br /><br /><a href="#">
<img src="http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_news.jpg" border="0"></a>

<div id="content">

<div class="post" id="post-15"><div class="post-top"><div class="post-bottom">
<div class="post-title">
<h2><a href="http://www.css-merkez.tr.gg" rel="bookmark" title="">Sitemize Hosgeldin..!</a></h2>
<div class="post-title-info"></div>
</div>
<div class="post-entry">

Tasarimin ALtına

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;}
/* General */
body {
margin: 0;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/bg.jpg");
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 974px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/page.gif") repeat-y;
}
#page-in {
width: 974px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/page_in.gif") no-repeat left bottom;
}
/* Header */
#header {
width: 974px;
position: relative;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header.gif") repeat-y;
}
#header-top {
width: 974px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_top.jpg") no-repeat;
}
#header-bottom {
width: 974px;
padding-bottom: 20px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_bottom.gif") no-repeat left bottom;
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 83px;
left: 620px;
}
#header #header-info h1 {
color: #ffffff;
font: normal 34px "Impact", Impact;
}
#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}
#header #header-info .description {
color: #ffffff;
font: bold 12px "Helvetica", Helvetica;
}
/* Header - Menu */
#header #header-menu {
position: absolute;
top: 5px;
right: 13px;
height: 44px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 44px;
}
#header #header-menu ul li {
float: left;
width: 100px;
height: 44px;
margin-right: 8px;
font: bold 12px/32px "Helvetica", Helvetica;
color: #ffffff;
text-align: center;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_menu.gif") no-repeat;
}
#header #header-menu ul li a {
color: #ffffff;
height: 44px;
text-decoration: none;
display: block;
}
#header #header-menu ul li a:hover {
color: #ffffff;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_menu_hover.gif") no-repeat;
}
/* Header - Menu - Active */
#header #header-menu ul li.current_page_item a {
color: #ffffff;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_menu_hover.gif") no-repeat;
}
/* Header - Menu - Submenu */
#header #header-menu ul li ul {
display: none;
}
/* Header - Feed */
#header #header-feed {
position: absolute;
top: 119px;
left: 21px;
width: 73px;
height: 73px;
}
/* Header - Text */
#header #header-text {
position: absolute;
top: 105px;
left: 260px;
width: 285px;
height: 100px;
font: normal 12px "Helvetica", Helvetica;
color: #ffffff;
}
#header #header-text a {
color: #ffffff;
text-decoration: underline;
}
/* Header - Slide */
#header #header-slide {
position: absolute;
top: 208px;
left: 547px;
width: 10px;
height: 15px;
}
/* Header - Cat */
#cat {
width: 285px;
padding: 0 427px 0 262px;
font: normal 12px "Helvetica", Helvetica;
color: #ffffff;
}
#header-clear {
width: 974px;
height: 223px;
}
/* Header - Recent Articles */
#header #header-recent {
position: absolute;
top: 110px;
left: 662px;
width: 300px;
height: 120px;
}
#header #header-recent h3 {
width: 285px;
height: 22px;
color: #003E78;
font: bold 15px/22px "Helvetica", Helvetica;
}
#header #header-recent ul {
margin: 0;
padding: 5px 0 0 30px;
list-style-type: none;
}
#header #header-recent ul li {
padding-left: 8px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/header_recent.gif") no-repeat;
color: #003E78;
font: normal 12px/29px "Helvetica", Helvetica;
}
#header #header-recent ul li a {
color: #003E78;
text-decoration: none;
}
#header #header-recent ul li a:hover {
text-decoration: underline;
}
/* Header - Ssearch */
#header #header-search {
position: absolute;
top: 260px;
left: 675px;
width: 252px;
height: 27px;
}
#header #header-search {
width: 252px;
height: 27px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_search.gif") no-repeat;
}
#header #header-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
#header #header-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "Century Gothic", Century Gothic;
color: #000000;
background: transparent;
float: left;
}
#header #header-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}
#header #header-text a {
color: #ffffff;
text-decoration: underline;
}
/* Main */
#main {
width: 974px;
padding-top: 30px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/main.gif") no-repeat;
}
/* Main - Sidebar */
#sidebar {
float: left;
width: 262px;
padding: 0 31px 0 22px;
font: normal 12px/18px "Helvetica", Helvetica;
color: #FFFFFF;
}
#sidebar a {
color: #FFFFFF;
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Main - Sidebar - Boxes */
#sidebar .sidebar-box {
width: 262px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_box.gif") repeat-y;
margin-bottom: 15px;
}
#sidebar .sidebar-box-top {
width: 252px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_box_top.gif") no-repeat;
}
#sidebar .sidebar-box-bottom {
width: 252px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_box_bottom.gif") no-repeat left bottom;
}
#sidebar .sidebar-box-blank {
width: 252px;
margin-bottom: 15px;
}
/* Sidebar - Titles */
#sidebar h3 {
width: 237px;
height: 36px;
padding-left: 15px;
font: bold 12px/36px "Helvetica", Helvetica;
color: #CCCCCC;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_title.gif") no-repeat;
}
/* Sidebar - Search */
#sidebar #sidebar-search {
width: 252px;
height: 27px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_search.gif") no-repeat;
}
#sidebar #sidebar-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
#sidebar #sidebar-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "Helvetica", Helvetica;
color: #054A5A;
background: transparent;
float: left;
}
#sidebar #sidebar-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}
/* Sidebar - Menus */
#sidebar ul {
margin: 0;
padding: 5px 0 15px 0;
list-style-type: none;
}
#sidebar ul li {
color: #FFFFFF;
font: normal 12px/29px "Helvetica", Helvetica;
}
#sidebar ul li a {
color: #FFFFFF;
padding-left: 48px;
text-decoration: none;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_menu.gif") no-repeat left bottom;
display: block;
width: 204px;
height: 29px;
}
#sidebar ul li a:hover {
text-decoration: none;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/sidebar_menu_hover.gif") no-repeat left bottom;
}
/* Sidebar - Menus - Submenus */
#sidebar ul li ul {
padding: 0;
}
/* Sidebar - Forms */
#sidebar #searchform {
margin: 0;
padding: 20px 0;
width: 252px;
text-align: center;
}
#sidebar #searchform #s {
width: 212px;
}
/* Sidebar - Tables */
#sidebar #calendar_wrap {
margin: 0 auto;
width: 145px;
padding: 5px 0;
}
#sidebar #calendar_wrap table {
width: 145px;
}
#sidebar #calendar_wrap caption {
font-weight: bold;
}
#sidebar #calendar_wrap tbody {
text-align: right;
}
#sidebar #calendar_wrap tfoot #next {
text-align: right;
}
#sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
#sidebar .textwidget {
padding: 3px 7px 5px 7px;
}
/* Main - Content */
#content {
float: left;
width: 617px;
padding-top: 20px;
}
/* Main - Content - Post */
#content .post {
float: left;
margin-bottom: 20px;
width: 617px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/post.gif") repeat-y;
}
#content .post-top {
width: 617px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/post_top.gif") no-repeat;
}
#content .post-bottom {
width: 617px;
background: url("http://csstasarimm.cs.funpic.org/Demo/Css36/images/post_bottom.gif") no-repeat left bottom;
}
/* Post - Title */
#content .post .post-title {
width: 526px;
height: 65px;
padding: 20px 10px 0 81px;
color: #000000;
font: normal 12px "Helvetica", Helvetica;
position: relative;
}
#content .post .post-title a {
color: #000000;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title h2 {
color: #000000;
font: normal 20px "Helvetica", Helvetica;
padding-bottom: 3px;
}
#content .post .post-title h2 a {
color: #000000;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
#content .post .post-title .post-title-info {
padding: 0 3px;
width: 520px;
height: 19px;
line-height: 19px;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 12px/18px "Helvetica", Helvetica;
color: #000000;
width: 537px;
padding: 0 40px;
}
#content .post .post-entry a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry a.more-link {
font-weight: bold;
}
#content .post .post-entry blockquote {
border-left: 10px solid #ededed;
margin: 0px 30px;
padding-left: 15px;
}
/* Post - Info */
#content .post .post-info {
width: 526px;
height: 19px;
padding: 5px 10px 10px 81px;
font: bold 10px "Helvetica", Helvetica;
color: #ffffff;
}
#content .post .post-info-in {
line-height: 19px;
background: #FFFFFF;
width: 520px;
padding: 0 3px;
height: 19px;
text-align: right;
}
#content .post .post-info a {
color: #000000;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Subtitle */
#content .post h3 {
margin: 20px 0 5px 0;
color: #054A5A;
font: bold 15px "Helvetica", Helvetica;
}
/* Post - Comments */
#content .post .comments {
font: normal 12px/18px "Helvetica", Helvetica;
color: #003E78;
width: 537px;
}
#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li a:hover {
text-decoration: underline;
}
#content .post .comments ol li.alt {
background: #ededed;
}
#content .post .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
/* Post - Comment Form */
#content .post #commentform {
font: normal 12px/18px "Helvetica", Helvetica;
color: #003E78;
width: 537px;
padding-left: 25px;
margin: 0;
}
#content .post #commentform a {
color: #000000;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
/* Main - Content - Navigation */
#content .navigation {
float: left;
margin-bottom: 20px;
font: normal 10px "Helvetica", Helvetica;
color: #000000;
width: 605px;
padding: 0 6px;
}
#content .navigation a {
color: #000000;
text-decoration: none;
}
#content .navigation a:hover {
text-decoration: underline;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}
/* Footer */
#footer {
width: 974px;
height: 60px;
color: #ffffff;
font: normal 10px/14px "Helvetica", Helvetica;
text-align: center;
}
#footer a {
color: #ffffff;
text-decoration: underline;
}
#footer a:hover {
text-decoration: underline;
}
#header #header-menu {
right: 0;
left: 350px;
width: 611px;
}
#header #header-menu ul {
float: right;
}
#header #header-text {
top: 115px;
}
#content .post .post-entry {
padding-top: 10px;
padding-bottom: 10px;
}
#content .post #commentform {
margin-top: 10px;
}
#header #header-text {
top: 115px;
}
#content .post .post-entry {
padding-top: 10px;
padding-bottom: 10px;
}
#content .post #commentform {
margin-top: 10px;
}
#header #header-menu {
right: 0;
left: 350px;
width: 611px;
}
#header #header-menu ul {
float: right;
}

Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda

Csstasarim44

Menü

Tasarimlar

Üyeler