15 Hazır Css Tasarım
Tasarımın Üzerindeki Yazı :
<div class="wrapper">
<div class="top">
<div class="search">
<form id="searchform" method="get" action="http://css-sablon.tr.gg/">
<div>
<input type="text" name="s" id="s" />
<input type="submit" value="ara..." id="searchsubmit" />
</div>
</form>
</div>
</div>
</div>
<div class="banner">
<h1><a href="http://css-sablon.tr.gg/">Css-Sablon / Reklamcılık</a></h1>
<h2>Reklamcılık ve Web Servis Merkezi</h2>
</div>
<div class="topcontent">
<div class="bottomcontent">
<div class="centercontent">
<div class="contentwrapper">
<div class="content">
<h1 class="title"><a href="http://css-sablon.tr.gg/">Css-Sablon</a></h1>
<div class="postinfo">
<div class="date">
Css
10
</div>
</div>
<div class="post">
Tasarımın Altındaki Yazı :
</div>
<div class="navigation">
<div class="aleft"></div>
<div class="aright"></div>
</div>
</div>
<div class="sidebar">
<ul>
<li>
<h2>Ana Menü</h2>
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi Defteri</a></li>
<li><a href="#">Sipariş Ver</a></li>
<li><a href="#">Vizyonumuz</a></li>
<li><a href="#">Misyonumuz</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>
</li>
<li>
<h2>Çalışmalarımız</h2>
<ul>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
<li><a href="#">Eklenecektir ...</a></li>
</ul></li>
<li>
<h2>Arşiv</h2>
<ul>
<li><a href="#">Mayıs 2009</a></li>
<li><a href="#">Haziran 2009</a></li>
<li><a href="#">Temmuz 2009</a></li>
<li><a href="#">Ağustos 2009</a></li>
<li><a href="#">Eylül 2009</a></li>
</ul>
</li>
<li>
<li>
<h2>Kampanyalar</h2>
<ul>
<li><a href="#">Kampanya 1</a></li>
<li><a href="#">Kampanya 2</a></li>
<li><a href="#">Kampanya 3</a></li>
<li><a href="#">Kampanya 4</a></li>
<li><a href="#">Kampanya 5</a></li>
</ul>
</li>
<li>
<h2>Dost Siteler</h2>
<ul>
<li><a href="http://css-sablon.tr.gg/">Css-Sablon</a></li>
<li><a href="#">Eklenecek ...</a></li>
<li><a href="#">Eklenecek ...</a></li>
<li><a href="#">Eklenecek ...</a></li>
<li><a href="#">Eklenecek ...</a></li>
</ul>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="contentbottom"></div>
</div>
</div>
</div>
<div id="footwrap">
<div id="p"><strong>Copyright © 2009 Tüm Hakkı Saklıdır ...</strong> </div>
Designed by <a href="http://css-sablon.tr.gg/">Css-Sablon</a> --
Webmaster by
<a href="http://css-sablon.tr.gg/">Dj_TuGiCaN</a>
</div>
</body>
</html>
Css Kodu :
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;}
/*
Theme Name: Call Center
Theme URI:http://www.themestudio.us/
Description:very nice wordpress theme
Author:themestudio.us@gmail.com
Author URI:http://www.themestudio.us/
*/
/*Tema Tasarım ve Kodlama : www.Css-Sablon.tr.gg*/
body {
float: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #2E3B43;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px; }
img {border:0;}
a {color:#6D6D6D;}
a:hover {color:#4D4D4D;}
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding:0 10px;
color: #343434;}
.clear {clear:both;}
.wrapper {
width:1003px;
margin:0 auto;}
.contentwrapper {
width:1003px;
background: #2E3B43 url(http://wordpress.blinger.org/wp-content/themes/call-center/images/container.gif);
min-height:654px;
margin:0 auto;
padding: 0 0 0 0px;}
.top{
float: center;
margin: 0 auto;
height:49px;
width: 1003px;
padding:0 0 0 0;
font-style: "Times New Roman", Times, serif;
position:relative;
background: #2E3B43 url(http://wordpress.blinger.org/wp-content/themes/call-center/images/top.jpg) no-repeat;}
.search {
margin: 0 auto;
position:absolute;
left:735px;
top:20px;
height:18px;
width:150px;
padding:0 0 0 47px;
background:url(http://wordpress.blinger.org/wp-content/themes/call-center/images/search.jpg) 0 0 no-repeat;}
.search form {
margin:0;
padding:0;}
.search input {
padding:0;
border:none;
float:left;}
.search input#s {
width:105px;
height:15px;
background:#fff;
border: 1px solid #8C6241;
font-size:12px;
color:#2B3B48;
padding:3px 0 0 3px;}
.search input#searchsubmit {
width:25px;
height:18px;
cursor: hand;
background:url(http://wordpress.blinger.org/wp-content/themes/call-center/images/go.jpg);}
.banner {
float: center;
height:226px;
width:1003px;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0;
position:relative;
background: #2E3B43 url(http://wordpress.blinger.org/wp-content/themes/call-center/images/header.jpg) no-repeat;}
.banner h1 {
position:absolute;
text-align: left;
margin: 0 0 0 0;
padding-left:500px;
padding-top:80px;
color:#fff;
font-size:28px;
text-transform: uppercase;
font-weight:bold;
font-family: georgia, Times New Roman, Times, serif;}
.banner h1 a {
text-decoration:none;
color:#FFF;}
.banner h1 a:hover {color:#dfdfdf;}
.banner h2 {
position:absolute;
margin: 0 0 0 0;
padding-left:505px;
padding-top:115px;
color:#FDBD3E;
font-size:14px;
font-weight:normal;}
.bottom {
text-align: left;
height:115px;
width:1003px;
font-family:Arial, Helvetica, sans-serif;}
.bottom a {
color:#fff;
text-decoration:none;}
.bottom a:hover {text-decoration:underline;}
.content {
text-align: left;
float:left;
line-height: 16px;
width:600px;
padding:40px 5px 0 90px;}
h1.title {
font-family: verdana, Helvetica, sans-serif;
font-size:15px;
color:#000;
height: 25px;
margin: 0 auto;
text-transform: uppercase;
font-weight:bold;
border-bottom: 1px dashed #ADACAC;
padding:0px 0px 15px 5px;}
h1.title a {
text-decoration:none;
color:#000;}
h1.title a:hover {
color:#695B41;}
.postinfo {
position:relative;
color:#989898;
padding:0px 0 5px 30px;}
.postinfo a {
color:#989898;
text-decoration:none;}
.postinfo a:hover {
color:#989898;
text-decoration:underline;}
.date {
color: #fff;
position:absolute;
left:-50px;
top:-45px;
background:url(http://wordpress.blinger.org/wp-content/themes/call-center/images/cal.jpg);
height:49px;
width:46px;
line-height:22px;
text-align:center;
font-size:14px;
}
.date .day {
line-height:10px;
}
.postbottom {
border-bottom: 1px dashed #ADACAC;
height:30px;
margin-bottom:15px;
font-size:10px;}
.commentslink {
padding:5px 0 0 42px;
float:left;}
.readmore {
float:left;
padding:10px 25px 0 0;}
.commentslink a {
color: #989898;
text-decoration:none;}
.commentslink a:hover{
text-decoration: underline;}
.post {
padding:10px 10px;
overflow:hidden;}
.post img{
float:left;
padding:0px 10px 10px 0px;}
.line {overflow:hidden;}
.sidebar {
text-align: left;
float:left;
width:200px;
color: #B8B8B8;
padding-top:50px;
padding-left: 18px;
line-height:15px;
font-size:12px;
overflow:hidden;}
.sidebar a {
padding-left: 10px;
line-height: 1.6em;
text-decoration:none;
color:#979797;}
.sidebar div a {font-weight:bold;}
.sidebar a:hover {color:#1890DE;}
.sidebar ul {
margin:0;
padding:0;
list-style:none;}
.sidebar ul li {}
.sidebar ul li li {
background:url(http://wordpress.blinger.org/wp-content/themes/call-center/images/blank.gif);}
.sidebar ul li li:hover { background: url(http://wordpress.blinger.org/wp-content/themes/call-center/images/lbg.jpg) right no-repeat;}
.sidebar h2 {
font-style: verdana;
color:#fff;
height: 30px;
font-size:16px;
font-weight:bold;
margin:0px 0 0px 0px;
padding:3px 0 5px 30px;
background: url(http://wordpress.blinger.org/wp-content/themes/call-center/images/sbg.jpg) repeat-x;
line-height:normal;}
.sidebar ul li ul, .sidebar ul li div {padding:0 10px 15px 20px;}
.sidebar ul li ul ul, .sidebar ul li div div {
padding:0 0 0 10px;
background:none;}
.pagelinks {
font-size:14px;
font-weight:bold;
padding-bottom:20px;
padding-left:20px;}
.navigation {
height:25px;
padding:0 20px;
margin-top:20px;
clear:both;}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;}
.navigation a:hover {text-decoration:underline;}
.aleft {float:left;}
.aright {float:right;}
.contentCenter {text-align:center;}
h2.pagetitle {
padding:20px 0 0 0;
margin:0 0 20px 0;
font-size:20px;
text-align:center;
color:#000;
font-style:none;}
.comments {text-align: left;}
.comments ol {
margin:0 0 25px 0;
padding:0;
list-style:none;}
.comments p {
margin:10px 0 0 0;
padding:0;}
.comments li {margin:10px 0 0 0;}
.comments li p {padding-left:10px;}
.respond form {
margin:0;
padding:0;}
.respond textarea {
width:90%;
height:156px;
background:#F1F2F3;
border:2px solid #5e676d;
color:#000;
padding:10px;
overflow:auto;
font-family:Tahoma, Verdana, serif;
font-size:14px;}
#commentform input {
background:#F1F2F3;
border:1px solid #5e676d;
color:#000;
padding-left:10px;}
.respond input#submit {
padding:0;
width:72px;
height:29px;}
.respond p {
padding:0;
margin:20px 0;}
.respond h2, .comments h2 {
margin:5px 0 5px 0;
padding: 5px 0 5px 0;
font-size:18px;
color:#000;
clear:both;
border-top: 1px dashed #616161;
border-bottom: 1px solid #616161;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;}
#footwrap {
float: center;
margin: 0 auto;
text-align: center;
height:127px;
width:1003px;
color: #2E3B43;
background: #2E3B43 url(http://wordpress.blinger.org/wp-content/themes/call-center/images/footer.jpg) 0 0 no-repeat;
font-family: arial, verdana;}
#footwrap #p{
padding: 60px 0 0 0;
display: block;
margin-bottom: 2px;}
#footwrap a:link {
color: #2E3B43;
border: none;
font-weight: bold;}
#footwrap a:hover {
border: none;
text-decoration: underline;}
#footwrap a:visited:hover {
border: none;
text-decoration: underline;}
#footwrap a:visited {
color: #2E3B43;
text-decoration: none;
border: none;
font-weight: bold;}
#footwrap #design {padding: 0 0 0 0;}
Bugün 18 ziyaretçi (26 klik) kişi burdaydı!