güzelbi tasarim
DEMO
Tasarım üzerindeki yazı kodu:
<style type="text/css">#logo{background:url(https://img.webme.com/pic/c/css-tasarimdeneme/logo546.png) no-repeat}#logo h1 a{background:url(https://img.webme.com/pic/c/css-tasarimdeneme/logo546.png) no-repeat}</style>
<div id="en-ust">
<div id="logo">
<h1><a href="#" title="acıklama">acıklama</a></h1>
<p>acıklama</p>
</div>
<div class="reklam468"><a href="#" title="Reklam&Sponsorluk" target="_blank" rel="nofollow"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/bannerg.png" alt="Reklam&Sponsorluk" title="Reklam&Sponsorluk" width="468" height="60" style="border:1px solid #e1e1e1" /></a></div>
</div>
<div id="menu">
<h2>
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</h2>
<div id="aramaFormu"> </div>
</div>
<div class="shadow"> </div>
<div style="padding-top:0px" id="wrapper">
<div id="yazi-alani-genel">
Tasarım altındaki yazı kodu:
</div>
<div id="sidebar-alani-genel"><a href="#" target="_blank" rel="dofollow"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="margin:0px 0px -5px 0px;background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1" alt="" /></a> <a href="#" target="_blank" rel="dofollow"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1" alt="" /></a> <a href="#"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1" alt="" /></a> <a href="#" target="_blank" rel="dofollow"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="margin:0px 0px -5px 0px;background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1;margin-top:15px" alt="" /></a> <a href="#" target="_blank" rel="nofollow"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1" alt="" /></a> <a href="#" target="_blank" rel="dofollow"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="88" height="90" class="reklam90" style="background:url(http://www.enesilhan.net/wp-content/themes/iesTheme/resim/resim.png);background-position:-230px -1px;border:1px solid #e1e1e1" alt="" /></a>
<h2 class="sidebar-bas">Kategoriler</h2>
<div class="sidebar-kategori">
<ul>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
<li class="cat-item cat-item-3"><a href="#" title="acıklama">link</a></li>
</ul>
</div>
</div>
<div class="temiz">copyright 2013</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;}
* {
padding : 0;
margin : 0;
border : 0;
}
body {
margin : 0;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/bg11.jpg);
background-repeat : repeat;
color : #575757;
font : normal normal 13px/20px Arial, Tahoma, Sans-Serif;
}
h1, h3 {
color : #333;
font-size : 25px;
letter-spacing : -1px;
font-weight : normal;
font-style : normal;
line-height : normal;
font-family : 'Myriad', Arial, sans-serif;
font-size-adjust : 0.49;
}
acronym, abbr {
cursor : help;
border-bottom : 1px dotted #ccc;
}
ul, li, p, h1, a {
list-style : none;
padding : 0;
margin : 0;
}
a {
color : #2672c8;
text-decoration : none;
}
a:hover {
color : #35567a;
}
span {
color : #777777;
}
.temiz {
clear : both;
}
.sag {
float : right;
}
.sol {
float : left;
}
.adsense1 {
margin-bottom : -8px;
margin-top : -10px;
}
#google-arama {
float : right;
}
#en-ust {
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/zemin1.png);
width : 960px;
height : 88px;
margin : 0 auto 0 auto;
}
#logo {
float : left;
width : 256px;
height : 67px;
margin : 9px 0 0 13px;
}
#logo h1 a {
display : block;
width : 256px;
height : 67px;
text-indent : -999em;
}
#logo:hover {
transition : opacity 2s;
opacity : 0.60000002384185791015625;
}
#logo p {
display : none;
}
#menu {
padding : 13px 12px 12px 12px;
margin : 0 auto;
width : 936px;
height : 16px;
background : #000;
background-image : linear-gradient(to bottom, #2F2F2F 0%, #000000 100%);
border-radius : 0 0 4px 4px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.2);
}
#menu li {
float : left;
border-right : 0 solid #aaaaaa;
}
#menu li a {
color : #fff;
float : left;
margin-left : -10px;
font-family : Segoe UI;
font-size : 14px;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
padding : 0 13px;
}
#menu li a:hover, #menu li#current a, li.current_page_item, li.current-menu-item {
color : #569ded;
}
#twitmenu {
padding : 2px 12px 19px 12px;
margin : 0 auto;
width : 936px;
height : 5px;
background : #000;
background-image : linear-gradient(to bottom, #2F2F2F 0%, #000000 100%);
border-radius : 5px 5px 0 0;
}
.reklam468 {
float : right;
width : 468px;
font-size : 9px;
height : 60px;
margin-right : 50px;
margin : 15px -13px 0 0;
}
#aramaFormu {
float : right;
width : 143px;
height : 22px;
overflow : hidden;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -80px -1px;
margin : -4px 1px 0 0;
}
#aramaFormu input {
width : 112px;
height : 16px;
margin : 3px 0 0 5px;
float : left;
border : none;
background-color : transparent;
font-size : 11px;
font-family : Arial, Tahoma, Sans-Serif;
outline : none;
color : #777777;
}
#aramaFormu button {
width : 21px;
height : 22px;
float : right;
text-indent : -9999px;
border : none;
background-color : transparent;
cursor : pointer;
}
.tipsy {
font-size : 11px;
position : absolute;
z-index : 100000;
text-align : center;
background-color : #345b88;
color : #fff;
line-height : 16px;
border-radius : 3px;
padding : 5px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.4);
margin-top : -10px;
}
.shadow {
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
width : 942px;
height : 33px;
background-position : -30px -100px;
margin : 0 auto;
}
#wrapper {
width : 934px;
background : #fff;
padding : 13px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
border-radius : 4px;
margin : -6px auto 20px auto;
}
.ayrac {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/ayrac1.png) repeat-x;
width : 934px;
height : 6px;
margin-top : 13px;
}
.gelen-aramalar {
width : 598px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 10px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
#yazi-alani-genel {
width : 620px;
margin-right : 14px;
float : left;
}
.content {
margin-top : 13px;
}
.yazi-resim {
width : 102px;
float : left;
overflow : hidden;
}
.yazi-resim-kapsa {
border : #e6e6e6 solid 1px;
padding-top : 5px;
text-align : center;
}
p.yorum {
margin : -22px 0 0 -3px;
}
p.yorum span {
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -565px -2px;
background-repeat : no-repeat;
padding-left : 20px;
font : normal normal 11px/20px Tahoma, Sans-Serif;
}
.win.gecko p.yorum, .ie8 p.yorum {
margin : -27px 0 0 -3px;
}
p.okunma {
font : normal normal 11px/20px Tahoma, Sans-Serif;
color : #777777;
margin-left : -2px;
}
.yazi-resim img {
padding : 0 5px 5px 5px;
border-radius : 3px;
position : relative;
}
.img-shadow {
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -80px -30px;
width : 90px;
height : 4px;
margin-left : 6px;
}
.yazi-alani {
width : 505px;
float : right;
}
.yazi-alani h2, .yazi-alani-single h2 {
font-size : 20px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
height : 28px;
font-weight : 400;
border : #d9d9d9 solid 1px;
border-top : none;
border-bottom : none;
padding : 10px 10px 0 10px;
}
.yazi-alani-single ul {
margin : 10px 0 0 0;
}
.yazi-alani-single ul li {
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -3px -283px;
background-repeat : no-repeat;
padding-left : 20px;
margin : 2px 0 0 30px;
}
.yazi-alani h2 a, .yazi-alani-single h2 a {
color : #000;
}
.yazi-alani p, .yazi-alani-single p {
text-align : justify;
margin : 7px 3px 0 3px;
line-height : 22px;
}
.yazi-alani h2 a:hover, .yazi-alani h2 a:active, .yazi-alani-single h2 a:hover, .yazi-alani-single h2 a:active {
color : #35567a;
}
.yazi-alani p.bilgi, .yazi-alani-single p.bilgi {
font : normal normal 11px/20px Tahoma, Sans-Serif;
margin : 8px 0 0 -115px;
}
.yazi-alani p.bilgi span {
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -565px -29px;
background-repeat : no-repeat;
padding-left : 15px;
float : right;
margin-right : 3px;
}
.yazi-alani-single p.bilgi span {
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -565px -1px;
background-repeat : no-repeat;
padding-left : 20px;
float : right;
margin-right : 3px;
}
.yazi-social-bg {
width : 100px;
text-align : center;
padding-top : 9px;
}
.yazi-social {
opacity : 1;
transition : 0.3s ease-in-out;
display : inline-block;
width : 20px;
height : 20px;
cursor : pointer;
}
.yazi-face a {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -200px -75px;
display : inline-block;
width : 20px;
height : 20px;
text-indent : -9999px;
}
.yazi-twit a {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -200px -25px;
display : inline-block;
width : 20px;
height : 20px;
text-indent : -9999px;
}
.yazi-gplus a {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -200px -50px;
display : inline-block;
width : 20px;
height : 20px;
text-indent : -9999px;
}
.yazi-social:hover {
opacity : 0.60000002384185791015625;
transition : 0.3s ease-in-out;
}
.begendim {
width : 102px;
text-align : center;
padding-top : 7px;
margin-top : 5px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
border-radius : 3px 3px 3px 3px;
}
.yazi-alani-single {
width : 620px;
}
.yazi-alani-single h4 {
font-weight : 400;
color : #666;
font-size : 17px;
border-bottom : 1px dashed #e1e1e1;
padding-bottom : 5px;
margin : 13px 0 0 2px;
}
h4.positive {
color : #008800;
}
h4.negative {
color : #ff0000;
}
.aligncenter {
border : #d9d9d9 solid 1px;
padding : 2px;
margin : 0 auto 0 auto;
text-align : center;
display : block;
}
.alignleft {
float : left;
border : #d9d9d9 solid 1px;
padding : 2px;
margin-right : 8px;
}
.alignnone {
border : #d9d9d9 solid 1px;
padding : 2px;
margin-right : 8px;
}
.alignright {
float : right;
border : #d9d9d9 solid 1px;
padding : 2px;
margin-left : 8px;
}
.ortala {
text-align : center;
margin-top : 6px;
}
.ortala small {
color : #333;
display : block;
font-size : 10px;
font-family : Tahoma;
margin : 5px 0 5px 0;
}
#sidebar-alani-genel {
width : 300px;
float : right;
margin-top : 13px;
}
img.reklam90 {
width : 88px;
height : 90px;
margin : 0 0 -5px 11px;
}
h2.sidebar-bas {
font-size : 16px;
font-weight : 400;
padding : 12px 13px 0 13px;
color : #000;
text-shadow : 1px 1px 1px #fff;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
border : #d9d9d9 solid 1px;
border-top : none;
border-bottom : none;
height : 26px;
margin-top : 13px;
}
.asil-sidebar, .sidebar-kategori, .asil-sidebar-tab {
width : 278px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 10px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
.asil-sidebar ul, .asil-sidebar-tab ul {
margin-bottom : -6px;
}
.asil-sidebar ul li, .asil-sidebar-tab ul li, .sidebar-kategori ul li {
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -680px -284px;
background-repeat : no-repeat;
padding-left : 15px;
margin : 0 0 5px 0;
}
.textwidget {
margin-top : -1px;
}
#calendar_wrap table {
margin : 0 auto 0 auto;
border : #eeeeee solid 1px;
}
.sidebar-kategori {
display : inline-block;
width : 278px;
padding : 10px 10px 4px 10px;
}
.sidebar-kategori ul {
padding : 0;
}
.sidebar-kategori ul li {
float : left;
width : 124px;
}
.oyunoyna {
width : 278px;
height : 60px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 10px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
ul.sidebar-yorum-ic {
padding : 6px 10px 4px 10px;
}
li.re-com-wrapper, li.benzer-yazi, li.rastgele-yazi {
background : #fff;
padding : 4px 0 3px 0;
clear : both;
display : inline-block;
width : 278px;
}
span.re-com-avatar img {
width : 33px;
height : 33px;
float : left;
clear : both;
padding : 2px;
border : 1px;
margin : 0 7px 0 0;
}
span.benzer-avatar img, span.rastgele-avatar img {
width : 52px;
height : 52px;
float : left;
clear : both;
padding : 2px;
margin : 0 7px 0 0;
}
.avatar {
float : left;
margin : 3px 7px 0 1px;
border : #dddddd solid 1px;
padding : 2px;
}
span.re-com-author, span.benzer-bas, span.rastgele-bas {
margin : 0 0 2px 0;
display : inline-block;
}
li.benzer-yazi font {
font : normal normal 11px/20px Tahoma, Sans-Serif;
}
li.benzer-yazi {
width : 617px;
padding : 9px 3px 5px 0;
text-align : justify;
border-bottom : 1px dotted #ddd;
}
li.benzer-yazi:hover {
box-shadow : 0 0 18px rgba(0, 0, 0, 0.1) inset;
}
li.benzer-yazi:hover span.benzer-bas a, li.rastgele-yazi:hover span.rastgele-bas a {
color : #2672c8;
}
li.benzer-yazi:hover span.benzer-bas a:hover, li.rastgele-yazi:hover span.rastgele-bas a:hover {
color : #194c86;
}
span.benzer-bas a, span.rastgele-bas a {
color : #194c86;
}
.benzer-yazi img, .rastgele-yazi img {
padding : 2px;
border : #ddd solid 1px;
}
font.benzer-bilgi {
float : right;
list-style : none;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -565px -30px;
background-repeat : no-repeat;
padding-left : 15px;
}
.benzer-baslik {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
font-weight : 400;
border : #d9d9d9 solid 1px;
border-top : none;
border-bottom : none;
margin-top : 12px;
}
.rastgele-yazi font {
font-size : 11px;
}
.rastgele-yazi img, span.rastgele-avatar img {
width : 53px;
height : 53px;
}
.etiketler {
margin : 12px 0 -14px 0;
text-align : right;
padding-right : 3px;
}
.etiketler ul li {
display : inline-block;
margin-bottom : 13px;
}
.etiketler ul li a, .tagcloud a, .once a, .sonra a {
padding : 4px 6px 4px 6px;
font-family : Arial, "Helvetica Neue", sans-serif;
color : #575757;
font-size : 10px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
background-position : 0 -1px;
border : #e6e6e6 solid 1px;
border-radius : 5px;
margin-left : 10px;
text-transform : lowercase;
text-shadow : 1px 1px #FFFFFF;
}
.once-sonra {
margin-top : 15px;
}
.once {
float : left;
margin-bottom : 10px;
}
.sonra {
float : right;
margin-bottom : 10px;
}
.once a, .sonra a {
font-size : 12px;
margin-left : 0;
text-transform : capitalize;
}
.etiketler ul li a:hover, .etiketler ul li a:active, .tagcloud a:hover, .tagcloud a:active {
background : #eeeeee;
}
.tagcloud {
padding : 0;
margin-bottom : -10px;
}
.tagcloud a {
display : inline-block;
margin : 0 4px 8px 0;
padding : 0 5px 2px;
}
#sayfalama {
background-color : #fff;
text-align : center;
width : 620px;
margin-top : 25px;
font-family : Tahoma, Geneva, sans-serif;
}
#sayfalama li {
display : inline-block;
}
#sayfalama a, #sayfalama span {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
border : #d9d9d9 solid 1px;
background-position : 0 -1px;
height : 18px;
color : #777777;
border-radius : 2px;
display : inline-block;
padding : 4px 10px 6px 10px;
margin-left : 10px;
text-align : center;
text-decoration : none;
}
#sayfalama .current {
border : #b3b3b3 solid 1px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
#sayfalama a:hover {
border : #b3b3b3 solid 1px;
}
#footer {
margin-top : 12px;
}
.f-sol {
width : 625px;
float : left;
}
.f-sol h1 {
font-size : 42px;
float : left;
color : #999999;
margin-top : -4px;
}
.f-sol div {
margin-left : 40px;
color : #669999;
}
.f-sol div a, .f-sag a {
color : #458345;
}
.f-sol div a:hover, #footer.f-sol div a:active, .f-sag a:hover, .f-sag a:active {
color : #225a22;
}
.f-sag {
width : 300px;
float : right;
}
.f-sag p {
text-align : right;
}
.yukari {
width : 64px;
height : 64px;
float : right;
margin : 1px -9px -20px 0;
}
.yukari a {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
background-position : -495px -15px;
width : 64px;
height : 64px;
display : inline-block;
text-indent : -9999px;
}
pre {
overflow : auto;
margin : 13px 0 13px 3px;
padding : 10px 8px 10px 12px;
color : #3f3b36;
border : #e9e7e0 solid 1px;
border-left : 6px solid #eec04f;
font : 13px/20px 'Droid Sans', sans-serif;
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
background : url("https://img.webme.com/pic/c/css-tasarimdeneme/icerik1.png") 0 -9px repeat scroll;
}
::-moz-selection {
color : #fff;
background-color : #cf4400;
text-shadow : 0 1px 0 #000;
}
a::-moz-selection {
color : #F49106;
background-color : #383432;
text-shadow : 0 1px 0 #000;
}
.nopassword, .nocomments {
color : #aaa;
font-size : 24px;
font-weight : 100;
margin : 26px 0;
text-align : center;
}
.commentlist {
list-style : none;
margin : 0 0 0 88px;
width : 532px;
padding : 0;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
width : 100%;
}
.commentlist > li.comment {
background : #FFFFFF;
width : 510px;
border : #d9d9d9 solid 1px;
border-radius : 3px;
margin : 13px 0 0 0;
padding : 10px;
text-align : justify;
position : relative;
box-shadow : 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
.commentlist .pingback {
background : #FFFFFF;
border : #d9d9d9 solid 1px;
border-radius : 3px;
margin : 15px 0 0 15px;
padding : 10px;
position : relative;
box-shadow : 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
.commentlist .children {
list-style : none;
margin : 0;
}
.commentlist .children li.comment {
background : #FFFFFF;
border : #ddd solid 1px;
border-radius : 0 3px 3px 0;
box-shadow : 0 0 15px rgba(0, 0, 0, 0.1) inset;
margin : 20px 0 0 0;
padding : 10px;
position : relative;
}
.commentlist .children li.comment .fn {
display : block;
}
.comment-meta .fn {
font-style : normal;
}
.comment-meta {
color : #000;
font-size : 13px;
margin-bottom : 5px;
}
.commentlist .children li.comment .comment-meta {
line-height : 1.625em;
margin : 4px 0 0 60px;
}
.commentlist .children li.comment .comment-content {
margin : 13px 0 0 0;
}
.comment-meta a {
font-weight : bold;
}
.commentlist .avatar {
border-radius : 3px;
box-shadow : 0 1px 1px #e6e6e6;
left : -90px;
padding : 0;
position : absolute;
top : -4px;
}
.commentlist > li:before {
left : -21px;
position : absolute;
}
.commentlist > li.pingback:before {
content : '';
}
.commentlist .children .avatar {
background : none;
box-shadow : none;
left : 15px;
padding : 0;
top : 10px;
}
a.comment-reply-link {
padding : 1px 6px 3px 6px;
color : #575757;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
background-position : 0 -1px;
border : #e6e6e6 solid 1px;
border-radius : 5px;
text-shadow : 1px 1px #FFFFFF;
margin-top : 5px;
float : right;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active, .once a:hover, .sonra a:hover, .once a:active, .sonra a:active {
box-shadow : 0 0 7px rgba(0, 0, 0, 0.1) inset;
}
a.comment-reply-link > span {
display : inline-block;
position : relative;
top : -1px;
}
.commentlist > li.bypostauthor {
background : #dfe6f3;
border : #999999 dashed 0;
border-radius : 3px;
box-shadow : 0 0 25px rgba(0, 0, 0, 0.1) inset;
}
.commentlist > li.bypostauthor .comment-meta {
color : #000;
}
.commentlist .children > li.bypostauthor {
background : #D7E1F3;
border : #999999 dashed 1px;
border-radius : 3px;
box-shadow : 0 0 25px rgba(0, 0, 0, 0.1) inset;
}
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
margin-left : 102px;
width : auto;
}
.page-template-sidebar-page-php #respond {
width : auto;
}
span.tarih-sag, span.yorum-sag {
float : right;
}
span.tarih-sag a {
color : #194c86;
font-weight : 400;
font-size : 12px;
}
span.tarih-sag a:hover, span.tarih-sag a:active, span.yorum-sag a:hover, span.yorum-sag a:active {
color : #2672c8;
}
span.yorum-sag a {
font-size : 14px;
color : #194c86;
}
#respond {
background-color : #FFFFFF;
width : 576px;
border-radius : 3px;
border : #d9d9d9 solid 1px;
margin : 13px 0 0 0;
padding : 1.625em;
position : relative;
box-shadow : 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
#respond input[type="text"], #respond textarea {
background-color : #FFFFFF;
border : #d2d2d2 solid 1px;
padding : 10px;
outline : none;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
position : relative;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
color : #555;
font-size : 14px;
cursor : pointer;
}
#respond input[type="text"]:focus, #respond textarea:focus {
border : #78bcf0 solid 1px;
}
#respond textarea {
resize : vertical;
width : 95%;
}
#respond .comment-form-author .required, #respond .comment-form-email .required {
color : #bd3500;
font-size : 22px;
font-weight : bold;
left : 75%;
z-index : 1;
}
#respond .comment-notes, #respond .logged-in-as {
font-size : 14px;
}
#respond p {
margin : 10px 0;
}
#respond input#submit {
background : #414e6d;
border : none;
border-radius : 3px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.3);
color : #eee;
cursor : pointer;
font-size : 15px;
margin : 3px 0 -18px 0;
padding : 5px 35px 5px 35px;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
text-align : center;
}
#respond input#submit:hover {
background : #1982d1;
color : #bfddf3;
}
#respond #cancel-comment-reply-link {
color : #2672c8;
font-weight : bold;
font : normal normal 14px/20px Calibri, 'CalibriRegular', Tahoma, Arial, Sans-Serif;
margin-left : 10px;
text-decoration : none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
color : #35567a;
}
.commentlist #respond {
margin : 1.625em 0 0;
width : auto;
}
#reply-title {
color : #333;
font-size : 20px;
letter-spacing : -1px;
font-weight : normal;
font-style : normal;
line-height : normal;
font-family : 'Myriad', Arial, sans-serif;
font-size-adjust : 0.49;
margin-top : 0;
}
#cancel-comment-reply-link {
color : #888;
display : block;
font-size : 10px;
font-weight : normal;
line-height : 2.2em;
letter-spacing : 0.05em;
position : absolute;
right : 1.625em;
text-decoration : none;
text-transform : uppercase;
top : 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
color : #ff4b33;
}
#respond label {
line-height : 2.2em;
}
#respond input[type="text"] {
display : block;
height : 16px;
width : 430px;
outline : none;
float : right;
margin-right : 8px;
}
#respond p {
font-size : 12px;
}
p.comment-form-comment {
margin : 0;
}
.form-allowed-tags {
display : none;
}
.your-name input, .your-email input, .your-subject input, .wpcf7 textarea {
transition : 0.3s ease-in-out;
outline : none;
width : 290px;
height : 18px;
padding : 5px;
border-radius : 3px;
border : #ccc solid 1px;
text-shadow : 0 1px 0 #fff;
}
.wpcf7 textarea {
width : 607px;
height : 100px;
}
.wpcf7-submit {
width : 100px;
height : 30px;
cursor : pointer;
background : #414e6d;
border-radius : 3px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.3);
color : #eee;
font-size : 15px;
padding : 5px;
border : none;
text-align : center;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
margin-top : 6px;
}
.wpcf7-submit:hover {
background : #1982d1;
color : #bfddf3;
}
.your-name input:focus, .your-email input:focus, .your-subject input:focus, .wpcf7 textarea:focus {
transition : 0.3s ease-in-out;
border-radius : 3px;
border : #fafafa solid 1px;
box-shadow : 0 0 5px #007eff;
}
.sayfam-avatar-genel {
background-color : #FFFFFF;
border : #e1e1e1 solid 1px;
padding : 14px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.1) inset;
margin-top : 13px;
}
.sayfam-avatar {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/resim12.png);
width : 60px;
height : 61px;
float : left;
}
.etiket-avatar, .katego-avatar {
background-position : -805px -140px;
}
.author-avatar {
background-position : -740px -140px;
}
.arama-positiv {
background-position : -870px -140px;
}
.arama-negativ {
background-position : -935px -140px;
}
.sayfam-avatar-genel h1 {
margin : 16px 0 0 80px;
}
ul#tab {
font-size : 15px;
font-weight : 500;
padding : 9px 13px 0 23px;
color : #000;
text-shadow : 1px 1px 1px #fff;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/baslik-bg1.png);
border : #d9d9d9 solid 1px;
border-top : none;
border-bottom : none;
height : 29px;
margin-top : 13px;
}
ul#tab li {
float : left;
margin-right : 5px;
padding : 0 7px 0 0;
}
ul#tab li a {
display : block;
color : #000;
}
ul#tab li.aktif a {
color : #2672c8;
}
.banner-yazialti {
margin : 8px 0 15px 0;
width : 620px;
height : 88px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/banner-arka1.png) no-repeat;
text-align : center;
}
.banner468 {
float : left;
width : 468px;
height : 60px;
background : #FFF;
margin : 14px 0 0 25px;
}
a.sp {
display : block;
width : 85px;
height : 59px;
float : left;
margin : 14px 0 0 14px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/sponsor.1.jpg) no-repeat;
text-indent : -999em;
}
#yann .bilesen_sosyal_sayac {
padding : 5px;
overflow : auto;
width : 266px;
}
#yann .bilesen_sosyal_sayac a {
color : #737373;
}
#yann .bilesen_sosyal_sayac a:hover {
color : #333333;
}
#yann .bilesen_sosyal_sayac li {
float : left;
font-size : 20px;
line-height : 13px;
font-weight : bold;
color : #666;
padding-top : 9px;
padding-left : 40px;
}
#yann .bilesen_sosyal_sayac li .small {
font-size : 14px;
line-height : 16px;
font-weight : normal;
color : #999;
}
#yann .bilesen_sosyal_sayac li .small a {
color : #999;
}
#yann .bilesen_sosyal_sayac .rss {
background : none 0 5px no-repeat;
background-position : 3px 5px;
margin-right : 15px;
width : 85px;
}
#yann .bilesen_sosyal_sayac .twitter {
background : none 0 5px no-repeat;
background-position : -131px 5px;
margin-right : 15px;
}
#asil-sidebar-sayac {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/social-bg.png);
width : 278px;
margin-top : 8px;
margin-bottom : -3px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 10px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
#eskiyazi {
background-color : #fff8af;
width : 602px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 8px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
.eskiyazi {
margin-top : 0.5em;
margin-bottom : 0.5em;
padding : 1em 1.5em 1em 7.5em;
border-bottom : 2px solid #fff;
border-top : 2px solid #fff;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/eskiyazi1.png) 2.2em center no-repeat;
}
#eskiyazi2 {
background-color : #fff8af;
width : 603px;
border : #e1e1e1 solid 1px;
border-top : none;
padding : 8px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
}
.eskiyazi2 {
margin-top : 0.5em;
margin-bottom : 0.5em;
padding : 1em 1.5em 1em 7.5em;
border-bottom : 2px solid #fff;
border-top : 2px solid #fff;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/info1.png) 2.2em center no-repeat;
}
.altbilgikapat {
position : relative;
float : right;
top : -70px;
right : -11px;
}
.altbilgikapat img {
border : none;
background : none;
}
#miniblog {
margin : 10px;
margin-top : 20px;
margin-left : 0;
padding : 4px;
font-size : 11px;
margin-bottom : 10px;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/ayrac1.png);
background-repeat : repeat;
}
.miniblog {
margin : 0;
padding : 0;
}
.miniblog ul {
margin : 0;
padding : 0;
}
.miniblog li {
list-style : none;
clear : both;
border-top : 1px dotted #CCC;
padding : 8px 0 8px 0;
}
.miniblog li:nth-child(odd) {
background-color : #fff;
}
.miniblog li:nth-child(even) {
background-color : #f7faff;
}
.miniblog li:nth-child(1) {
padding-right : 30px !important ;
border : 0;
}
.miniblogresim img {
padding : 1px;
border : #CCC solid 1px;
float : left;
width : 85px;
height : 60px;
margin-right : 10px;
margin-left : 10px;
}
.miniicerikbaslik {
margin-left : 11px;
}
.miniicerik {
padding-right : 10px;
text-shadow : 1px 1px 1px #FFF;
margin-left : 10px;
margin-top : 0;
}
Blog kodu:
<div class="content">
<div class="yazi-resim">
<div class="yazi-resim-kapsa"><img src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" alt="maskot" width="90" height="90" />
<p class="yorum"> </p>
</div>
<div class="yazi-social-bg"> </div>
</div>
<div class="yazi-alani">
<h2><a href="#" title="baslık acıklama" rel="bookmark">baslık</a></h2>
<p>acıklama...<br />
<br />
</p>
<p class="bilgi">Tarih: 21 Kasım 2012 Yazar: admin Kategori: css<span><a href="#" rel="bookmark" title="acıklama">Devamını Oku »</a></span></p>
</div>
<div class="temiz"> </div>
</div>
Bugün 57 ziyaretçi (65 klik) kişi burdaydı!