kavanoz blog tasarimi
Tasarım üzerindeki yazı kodu:
<div id="ustcizgi"> </div>
<div id="Kavanozv1">
<div style="padding-top:10px;"><a href="#"><img id="HeaderLogo" src="https://img.webme.com/pic/c/css-tasarimdeneme/dfhfgh.png" width="400" height="111" alt="" /></a></div>
<div id="ustreklam">reklam kodu2</div>
<div id="menu">
<div id="aramaFormu">
<form method="get" id="searchform" action="#">
<span class="a1"><input type="text" name="s" value="ara" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></span> <span class="a2"><input type="submit" value="" /></span>
</form>
</div>
<ul>
<li><a title="Ana Sayfa" href="#">Ana Sayfa</a></li>
<li class="page_item page-item-144"><a href="#">baslık</a></li>
<li class="page_item page-item-144"><a href="#">baslık</a></li>
<li class="page_item page-item-144"><a href="#">baslık</a></li>
<li class="page_item page-item-144"><a href="#">baslık</a></li>
<li class="page_item page-item-144"><a href="#">baslık</a></li>
</ul>
</div>
<div id="ortakisim" class="clearfix">
<div id="solkisim">
Tasarım altındaki yazı kodu:
</div>
<div id="sagkisim">
<div class="cizgi-kirmizi">
<h3>Reklam Alanı</h3>
</div>
<div class="liste">
<ul class="yanreklam">
<li>reklam kodu</li>
</ul>
</div>
<div class="cizgi-mavi">
<h3>Kategoriler</h3>
</div>
<div class="liste yazilar">
<ul>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
<li class="cat-item cat-item-42"><a href="#" title="acıklama">baslık</a></li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="genel">
<div class="sol">
<div class="resimsol"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/bulut.png" alt="Bulut" /></div>
<div class="icerik">
<p>copyright 2011 - 2012</p>
</div></div></div></div>
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;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
vertical-align : baseline;
background : transparent;
}
.fix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.fix {
display : inline-block;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
p {
padding : 4px 0;
}
.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
body {
line-height : 1;
}
.clear {
clear : both;
}
.hidden {
display : none;
float : none;
width : 1%;
}
.float_left, .alignleft {
float : left;
display : inline;
}
.float_right, .alignright {
float : right;
display : inline;
}
acronym, abbr {
cursor : help;
border-bottom : 1px dotted #999;
}
body {
font : 100% Segoe UI;
font-size : smaller;
background : url('https://img.webme.com/pic/c/css-tasarimdeneme/bg4.png') repeat #EEE;
color : #535252;
}
code {
background : #fff;
color : #000;
border : #c0c0c0 solid 1px;
margin : 0 0 1px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.6em;
overflow : auto;
display : block;
font-family : Courier New;
}
blockquote {
background : #fff;
color : #000;
border : #c0c0c0 solid 1px;
margin : 0 0 1px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.6em;
overflow : auto;
display : block;
font-family : Courier New;
}
.overflow {
overflow : hidden;
}
.wp-caption {
background : #eee;
text-align : center;
padding-top : 4px;
border : #ddd solid 1px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
a:link, a:visited {
color : #000;
text-decoration : none;
}
a:hover, a:active {
text-decoration : none;
}
h1, h2, h3, h4, h5, h6 {
color : #333;
margin : 10px 0 6px;
overflow : hidden;
}
h1 {
font-size : 17px;
overflow : hidden;
}
h2 {
font-size : 30px;
overflow : hidden;
}
h3 {
font-size : 15px;
overflow : hidden;
}
h4 {
font-size : 14px;
overflow : hidden;
}
h5 {
font-size : 13px;
overflow : hidden;
}
h6 {
font-size : 12px;
overflow : hidden;
}
.smalltext {
font-size : 11px;
}
.largetext {
font-size : 16px;
font-weight : bold;
}
img {
border : 0;
vertical-align : text-top;
}
img.aligncenter {
background : #fff;
display : block;
margin-left : auto;
margin-right : auto;
border : #dddada solid 1px;
padding : 1px;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
#Kavanozv1 {
width : 960px;
min-width : 720px;
margin : 0 auto;
padding : 0;
position : relative;
}
#ortakisim {
background-color : #FFF;
width : 955px;
padding : 10px 0 0 5px;
padding-bottom : 10px;
}
.footer {
padding : 0;
margin : 0 auto 0 auto;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/altbg.png) repeat;
margin-top : 25px;
height : 70px;
font-size : 12px;
border-top-left-radius : 8px;
border-top-right-radius : 8px;
}
.genel {
margin : 0 auto 0 auto;
padding-top : 10px;
}
.sol {
width : 495px;
float : left;
margin-right : 20px;
line-height : 18px;
}
.resimsol {
float : left;
width : 43px;
padding-top : 5px;
margin : 0 15px 0 0;
}
.resimsag {
float : right;
width : 43px;
margin-top : -5px;
padding-top : 5px;
margin : 0 0 0 15px;
}
.sag {
width : 335px;
margin-left : 110px;
margin-top : 2px;
float : left;
line-height : 18px;
text-align : right;
}
.bosalt {
padding-bottom : 15px;
}
#content {
margin : 10px;
padding : 0;
}
#solkisim {
width : 645px;
float : left;
}
#sagkisim {
width : 30%;
padding : 0 0 0 660px;
}
#menu {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/menu.png") no-repeat;
height : 43px;
width : 960px;
bottom : 0;
}
#menu ul {
padding : 1px 0 0 0;
}
#menu ul li {
float : left;
font-size : 14px;
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi1.png") right no-repeat;
padding-right : 2px;
}
#menu ul li a {
display : block;
padding : 10px 22px 10px 15px;
color : #3f3f3f;
}
#menu ul li a:hover {
color : #4c8da5;
}
#ustreklam {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustreklam1.png") 0% 0% repeat scroll transparent;
float : right;
height : 60px;
padding : 1px 1px 1px 10px;
margin-top : -96px;
width : 468px;
}
#ustcizgi {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustcizgii.png") repeat-x;
height : 4px;
}
#ust-reklam img {
border : #D4D4D4 solid 2px;
height : 68px;
width : 82px;
}
#icerikreklam {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustreklam1.png") 0% 0% repeat scroll transparent;
height : 60px;
padding : 1px 1px 1px 10px;
width : 468px;
}
#icerikreklam img {
box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4);
}
ul.yanreklam {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/reklamm.png") no-repeat;
margin : 0 0 0 5px;
margin : 0 0 0 1px;
overflow : auto;
padding : 0 0 0 4px;
width : 336px;
}
ul.yanreklam li {
float : left;
height : 250px;
margin : 4px;
padding : 0;
width : 250px;
}
ul.yanreklam li a {
float : left;
}
ul.sponsorlar {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/sponsorlarr.png") no-repeat;
margin : 0 0 0 1px;
overflow : auto;
padding : 0 0 0 4px;
width : 336px;
}
ul.sponsorlar li {
float : left;
height : 125px;
margin : 4px;
padding : 0;
width : 125px;
}
ul.sponsorlar li a {
float : left;
}
#dinlediklerim {
width : 570px;
background : #fff;
padding : 10px;
font-size : 11px;
line-height : 1.75em;
float : left;
}
.videolar {
margin : 8px 2px 0 0;
padding : 0;
float : left;
position : relative;
vertical-align : middle;
font-size : 11px;
width : 280px;
line-height : 15px;
color : #525252;
}
.videolar img {
border : #DBDBDB solid 1px;
margin : 1px 3px 1px 1px;
padding : 3px;
text-align : center;
}
.videolar img:hover {
border : #666666 solid 1px;
margin : 1px 3px 1px 1px;
padding : 3px;
text-align : center;
}
.videolar img a {
padding : 4px 4px 0 4px;
border : #EBEBEB solid 1px;
}
.videolar a {
text-decoration : none;
}
.cizgi-mavi {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_mavi.png") bottom no-repeat;
padding : 2px 0;
list-style : none;
padding-bottom : 5px;
padding-top : 10px;
}
.cizgi-mavi .cizgi-kirmizi .cizgi-turuncu .cizgi-yesil h3 {
color : #000;
display : inline;
font-size : 15px;
font : 100%;
list-style : none;
}
.cizgi-kirmizi {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_kirmizi.png") bottom no-repeat;
padding : 2px 0;
list-style : none;
padding-bottom : 5px;
padding-top : 10px;
}
.cizgi-turuncu {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_turuncu.png") bottom no-repeat;
padding : 2px 0;
list-style : none;
padding-bottom : 5px;
padding-top : 10px;
}
.cizgi-yesil {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_yesil.png") bottom no-repeat;
padding : 2px 0;
list-style : none;
padding-bottom : 5px;
padding-top : 10px;
}
.yazibaslik {
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_mavi.png") bottom repeat-x;
padding : 2px 0;
list-style : none;
padding-bottom : 5px;
padding-top : 10px;
text-shadow : none;
overflow : hidden;
}
.yazibaslik a:hover {
text-shadow : none;
color : #4c8da5;
overflow : hidden;
}
.yazibaslik span h3 {
color : #000;
font-size : 15px;
font : 100%;
float : right;
text-shadow : none;
list-style : none;
overflow : hidden;
}
.liste {
font-size : 11px;
padding : 7px;
text-align : justify;
}
.cizgi {
margin-top : 8px;
border-bottom : 1px solid #e0e0e0;
}
.post {
padding : 7px;
border-top : 1px solid #fff;
text-align : justify;
padding-bottom : 15px;
font-size : 12px;
font-family : Tahoma;
}
li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/okk.png) 5px 0% no-repeat;
padding : 5px 5px 5px 20px;
}
.onecikar img {
float : left;
width : 130px;
height : 130px;
margin : 3px;
opacity : 0.89999997615814208984375;
transition : 0.5s ease;
}
.onecikar img:hover {
opacity : 0.5;
transition : 0.5s ease;
}
.post img {
margin : 0 10px 0 0;
}
.post h4 {
color : #666;
font-size : 16px;
border-bottom : 1px dashed #e1e1e1;
padding : 0 0 5px;
margin : 16px 0;
}
.rss {
font-size : 11px;
}
.rss li {
padding : 5px 5px 5px 20px;
}
.yazilar {
font-size : 11px;
}
.yazilar li {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/okk.png) 5px 0% no-repeat;
padding : 5px 5px 5px 20px;
}
.kategoriler {
border-top : none;
padding : 5px;
margin-left : -2px;
margin-bottom : 20px;
font-size : 11px;
padding-bottom : 10px;
}
.kategoriler ul li {
float : left;
width : 119px;
}
.kategoriler ul li a {
padding : 5px 5px 5px 20px;
display : block;
color : #656565;
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/okk.png") 5px no-repeat;
}
.yazibilgi {
color : #000;
font-size : 11px;
padding : 5px 0;
margin-right : -2px;
text-align : left;
}
.yazibilgi a:link, .tcat a:visited, .tcat a:hover, .tcat a:active {
color : #000;
text-decoration : none;
}
.yazibilgi a:hover, .tcat a:active {
text-decoration : none;
}
.yazibilgi li {
float : right;
display : inline;
margin-left : 10px;
}
.yazar {
background : url(resim/sprite.png) left no-repeat;
background-position : -643px 0%;
float : left;
margin : 0 2px 2px 0;
padding : 0 0 0 20px;
height : 16px;
}
.kategori {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/kategorii.png) left no-repeat;
float : left;
margin : 0 2px 2px 0;
padding : 0 0 0 20px;
height : 16px;
overflow : hidden;
}
.goruntulenme {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/goruntulenme.png) left no-repeat;
float : left;
padding : 0 0 0 20px;
height : 16px;
overflow : hidden;
}
.tarih {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/tarih.png) left no-repeat;
height : 16px;
float : left;
padding : 0 0 0 20px;
overflow : hidden;
}
#aramaFormu {
top : 61px;
left : 875px;
width : 335px;
height : 31px;
overflow : hidden;
float : right;
margin-top : 10px;
margin-right : -50px;
}
#aramaFormu input {
width : 190px;
height : 18px;
margin-left : 50px;
margin-top : 3px;
float : left;
border : none;
background-color : transparent;
font-size : 13px;
font-family : Tahoma, Tahoma, Arial, Sans-Serif;
outline : none;
color : #908f8f;
}
#aramaFormu button {
width : 17px;
height : 21px;
float : right;
text-indent : -9999px;
border : none;
background-color : transparent;
cursor : pointer;
margin-top : 5px;
margin-right : 10px;
}
.download {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/indirr.png) 6px 6px no-repeat #e1e9ff;
border : #b0c3f8 solid 1px;
font-size : 13px;
padding : 4px 10px 4px 25px;
margin : 0 0 10px 0;
}
#commentform textarea {
width : 99%;
margin-top : 5px;
background : #fff;
border : #ccc solid 1px;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset;
}
#commentform {
margin : 5px 10px 0 0;
font-family : Tahoma;
}
#commentform textarea {
width : 100%;
padding : 2px;
}
#respond:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#commentform #submit {
box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset;
width : 150px;
margin : 5px 5px 1px 0;
background : #fff;
border : #ccc solid 1px;
margin-top : -8px;
float : right;
}
.commentlist li, #commentform input, #commentform textarea {
box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset;
font : 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size : 1em;
}
.commentlist li {
box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset;
border : #E2E2E2 solid 1px;
font-weight : bold;
}
.commentlist li .avatar {
float : right;
border : #eee solid 1px;
padding : 2px;
}
.commentlist cite, .commentlist cite a {
font-weight : bold;
font-style : normal;
font-size : 1.1em;
}
.commentlist p {
font-weight : normal;
line-height : 1.5em;
text-transform : none;
}
#commentform p {
font-family : Tahoma;
}
.commentmetadata {
font-weight : normal;
}
.alt {
margin : 0;
padding : 10px;
}
.commentlist {
padding : 0;
text-align : justify;
}
.commentlist li {
margin : 15px 0 10px;
padding : 5px 5px 10px 10px;
list-style : none;
}
.commentlist li ul li {
border : #d2d2d2 dashed 1px;
box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset;
margin-right : -1px;
margin-left : 5px;
}
.commentlist p {
margin : 10px 5px 10px 0;
}
.children {
padding : 0;
}
#commentform p {
margin : 5px 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.commentmetadata {
margin : 0;
display : block;
}
.wp-pagenavi {
display : block !important ;
clear : both !important ;
}
.wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span {
color : #636D7F !important ;
background : #FFFFFF !important ;
border-radius : 5px !important ;
border : #DCDCDC solid 1px !important ;
padding : 6px 9px 7px 9px !important ;
margin-right : 8px !important ;
text-decoration : none !important ;
font-size : 12px !important ;
}
.wp-pagenavi span.extend {
color : #636D7F !important ;
background : #FFFFFF !important ;
border-radius : 5px !important ;
border : #DCDCDC solid 1px !important ;
padding : 6px 9px 7px 9px !important ;
margin-right : 8px !important ;
text-decoration : none !important ;
font-size : 12px !important ;
}
.wp-pagenavi span.current {
padding : 5px 9px 7px 9px !important ;
border : #DCDCDC solid 1px !important ;
border-color : #3390CA !important ;
border-radius : 5px !important ;
color : #000 !important ;
margin-right : 8px !important ;
text-shadow : 0 1px #898989 !important ;
border-color : #5D5D5D !important ;
}
.gravatar {
padding : 5px 5px;
}
.gravatar p {
padding : 0 18px;
width : 600px;
font-size : 12px;
}
.gravatar img {
background : #fff;
border : #ddd solid 1px;
padding : 3px;
float : left;
margin : 9px 10px 0 0;
width : 50px;
height : 50px;
}
.gravatar1 {
padding : 5px 5px;
}
.gravatar1 p {
padding : 0 18px;
width : 660px;
font-size : 12px;
}
.gravatar1 img {
background : #fff;
border : #ddd solid 1px;
padding : 3px;
float : left;
margin : 9px 10px 0 0;
width : 35px;
height : 35px;
}
#temizle {
padding-top : 10px;
}
.sosyalsag {
width : 283px;
height : 32px;
padding : 0;
margin : 0 0 0 0;
}
.sosyalmedyaicon2 {
padding : 5px 2px 5px 5px;
margin : 0;
float : left;
}
.sosyalmedyaicon {
padding : 5px 2px 5px 5px;
margin : 0;
float : left;
}
.sosyalmedyaicon img:hover {
opacity : 0.60000002384185791015625;
}
.left, .alignleft {
float : left;
position : relative;
}
ul.videolar li {
float : left;
list-style : none;
padding : 0 7px 10px 0;
overflow : hidden;
}
#archive {
padding-top : 10px;
font-size : 1em;
line-height : 1.75em;
}
#archive .title {
font-family : "Tahoma", Arial, Helvetica, sans-serif;
font-size : 2.2em;
letter-spacing : -0.039em;
line-height : 0.9em;
}
#archive .clearfloat {
padding-bottom : 10px;
border-bottom : 1px dotted #ccc;
margin-bottom : 10px;
}
#archive .spoiler {
display : block;
margin-top : 3px;
}
#archive p {
margin : 0;
padding : 0;
}
#content {
background : #fff;
padding : 10px;
font-size : 1.08em;
line-height : 1.75em;
float : left;
min-height : 400px;
}
.contactPage {
background : #ddecfc;
margin : 0 0 15px 0;
border : #86c1f8 solid 1px;
padding : 5px 10px;
}
.contactPage ul {
margin : 0;
padding : 0;
}
.contactPage li {
background : none;
padding : 0;
}
blog kodu:
<div class="yazibaslik">
<h3 style="margin-left: 10px;"><a href="#">baslık</a></h3>
</div>
<div class="yazibilgi">
<ul style="margin-top:2px;" class="fix">
<li class="goruntulenme"><b> Görüntülenme : </b>0 kere okundu</li>
<li class="kategori"><b> Kategori : </b>yok</li>
<li class="tarih"><b> Tarih : </b> 02 Aralık 2012</li>
</ul>
</div>
<div class="post">
<div style="margin-left: 5px;">acıklama...</div>
</div>
<div class="cizgi"> </div>
<center>
<div class="wp-pagenavi"><span>Toplam 5 sayfa, 1. sayfa gösteriliyor.</span><span class="current">1</span><a href="#" class="inactive">2</a><a href="#" class="inactive">3</a><a href="#" class="inactive">4</a><a href="#" class="inactive">5</a></div>
</center>
Bugün 93 ziyaretçi (106 klik) kişi burdaydı!