maroon blog tasarimi
Tasarım üzerindeki yazı kodu:
<style type="text/css">
body{
background: white url(http://img443.imageshack.us/img443/4227/kis02.png) top left repeat-x;
padding-top: 10px;
}
</style>
<div class="c1"><a href='http://www.html-kodlari-dene.tr.gg/'><img alt='html kodları' height='118' src='https://img.webme.com/pic/h/html-kodlari-dene/logod.png' title='html kodları' width='414' /> </a></div>
<div id='darkmenu'>
<div id='msa'>
<div id='msd'>
<div id='blackmenu'>
<div class='active pagelistmenusblog section c2' id='pagelistmenusblog'>
<div class='widget PageList widget-content' id='PageList1'>
<ul>
<li class='selected'><a href='http://www.html-kodlari-dene.tr.gg'>Anasayfa</a></li>
<li><a href="http://www.html-kodlari-dene.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
<li><a href="http://www.html-kodlari-dene.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi defteri</a></li>
<li><a href="http://www.html-kodlari-dene.tr.gg/Forum/index.htm">Forum</a></li>
<li><a href="http://html-kodlari-dene.tr.gg/Top-liste.htm">Top Liste</a></li>
<li><a href="http://www.html-kodlari-dene.tr.gg/site-i%E7i-arama-yap.htm">Site içi Arama</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
</div>
<div id='arama'>
<form action='/search' method='get'><input name='q' onblur='if (this.value == "") {this.value = "Arama yapın...";}' onfocus='if (this.value == "Arama yapın...") {this.value = "";}' type='text' value='Arama yapın...' /> <input type='submit' value='Ara' /></form>
</div>
</div>
</div>
</div>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<div class='main1 section' id='main1'><div class='widget Blog' id='Blog2'>
<div class='blog-posts hfeed'>
<div class="date-outer">
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry' itemscope='itemscope' itemtype='asd'>
<div class='post-header'>
<div class='post-header-line-1'>
Tasarım altındaki yazı kodu:
</div></div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class='sidebar-wrapper sidebar sidebar sidebar1 section c2' id='sidebar1'>
<div class='widget Label' id='Label1'>
<h2>Kategoriler</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/html-kodlarr.htm" title="html kodlar">html kodlar</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/oyunlarr.htm" title="oyunlar">oyunlar</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/blogger.htm" title="blogger">blogger</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/scriptler.htm" title="scriptler">scriptler</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/kar%26%23305%3B%26%23351%3B%26%23305%3Bk.htm"title="karışık">karışık</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/programlar.htm" title="full programlar">full programlar</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/anlat%26%23305%3Bmlar.htm" title="anlatımlar">anlatımlar</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/e%26%23287%3Blence.htm" title="eğlence">eğlence</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/html-kod-deneme-edit.oe.r.ue.--sitene-ekle.htm" title="html kodu dene">html kodu dene</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/BS-tasar%26%23305%3Bmlar%26%23305%3B.htm" title="tr.gg tasarımları">tr.gg tasarımları</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/film-indir.htm" title="film indir">film indir</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/arsiv.htm" title="arşiv">arşiv</a></li>
<li><a dir="ltr" href="http://html-kodlari-dene.tr.gg/Android-Oyun-_-Program.htm" title="Android Oyun - Program">Android Oyun - Program</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div class='widget PopularPosts' id='PopularPosts1'>
<h2>Dostlarım</h2>
<div class='widget-content popular-posts'>
<ul><li><a href='http://efecanfan.blogspot.com' title='güncel blog'>efecan fan</a></li>
<li><a href="http://www.radyofenomendecalansarkilar.tr.gg/" title="Fenomende Çalan Şarkılar">Fenomende Çalan Şarkılar</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
</div>
</div>
<div class="footer1" id='footer'>© 2011 - 2012 html-kodlari-dene.tr.gg</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;
}
table[height="102"] {
margin: auto; }
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border : 0;
font-size : 100%;
vertical-align : baseline;
margin : 0;
padding : 0;
}
body {
font-family : "Trebuchet Ms", "Myriad Pro", tahoma, arial;
line-height : 19px;
background : url(https://img.webme.com/pic/h/html-kodlari-dene/bg54.jpg);
margin : 0;
padding : 0;
}
.post {
border : #ddd solid 1px;
border-radius : 5px;
margin-bottom : 20px;
color : #666;
background : #fff;
padding : 12px 10px;
}
.post ul {
list-style : none;
margin : 0;
}
.post ul li {
list-style : disc;
list-style-position : inside;
margin : 0;
padding : 3px 0 3px 8px;
}
.post ol {
padding : 10px 0;
}
.post ol li {
position : relative;
margin : 0 0 0 35px;
}
blockquote {
display : block;
border-left : 5px solid #ddd;
background : #f2f2f2;
margin : 5px 0;
padding : 10px;
}
.post img {
max-width : 582px;
border : #CFCFCF solid 1px;
border-radius : 4px;
}
.bosluk {
padding-top : 10px;
}
a {
color : #4d4d4d;
text-decoration : none;
}
a:hover {
color : #000;
text-decoration : none;
}
.post h2 {
font : 20px "Trebuchet Ms";
margin-bottom : 3px;
}
h3 {
font-weight : 700;
font-family : Tahoma, sans-serif;
font-size : 14px;
padding : 5px 0 0;
}
.header {
width : 930px;
height : 100px;
margin : 0 auto;
}
.logo {
width : 470px;
float : left;
}
.logo h1 {
font-size : 52px;
margin-top : 37px;
font-family : "Segoe Print";
text-shadow : 0 0 5px #919191;
padding : 0;
}
.logo h1:first-letter {
color : #c9404d;
font-size : 65px;
}
.outer-wrapper {
width : 930px;
margin : 0 auto;
padding : 0;
}
.main-wrapper {
width : 610px;
float : left;
font-size : 13px;
margin : 10px 0 0;
padding : 4px 10px 10px 4px;
}
#footer {
text-align : center;
border-top : 3px solid #c9404d;
overflow : hidden;
width : 100%;
height : 25px;
background : #2f2f2f;
margin : 10px auto 0;
padding : 15px 0 20px;
}
.footer1, .footer1 a, .footer1 a:visited {
color : #999;
font-size : 12px;
}
.sidebar-wrapper {
width : 300px;
float : left;
font-size : 12px;
color : #666;
margin : 10px 0 0;
padding : 0 2px 5px;
}
.sidebar h2 {
font-family : Tahoma, Century gothic, sans-serif;
color : #f7f7f7;
font-size : 13px;
font-weight : 700;
background : #5d5d5d;
border-radius : 5px;
border-left : 5px solid #c9404d;
border-right : 5px solid #c9404d;
margin : 0 0 4px;
padding : 8px 0 8px 10px;
}
.sidebar .widget-content {
border : #ddd solid 1px;
border-radius : 5px;
background : #FFF;
margin : 0 0 18px;
padding : 2px 7px;
}
#PopularPosts1 img {
width : 40px;
height : 40px;
margin-top : 4px;
}
#PopularPosts1 ul li {
list-style : none;
}
#Label1 ul li {
float : left;
width : 45%;
}
.sidebar a {
font-weight : 700;
margin : 0;
padding : 0;
}
.sidebar {
margin : 5px 0 10px;
padding : 0;
}
.sidebar ul {
margin : 0 0 5px;
padding : 0;
}
.sidebar li {
list-style : disc;
list-style-position : inside;
border-bottom : 1px solid #ededed;
padding : 5px 0 6px 5px;
}
#comments {
overflow : hidden;
}
.comments .comment-header, .comments .comment-thread.inline-thread .comment {
position : relative;
}
.comments .continue a {
border : #ddd solid 1px;
font-weight : 400;
color : #1f1f1f;
text-align : center;
background : #fcfcfc;
padding : 10px 0;
}
#comments .avatar-image-container img {
border : 0;
}
.comment-thread a {
color : #777;
}
.comment-thread ol {
margin : 0 0 20px;
}
.comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a {
color : #1f1f1f;
}
.comments .avatar-image-container, .comments .avatar-image-container img {
width : 42px;
max-width : 42px;
height : 42px;
max-height : 42px;
border : #ddd solid 1px;
padding : 1px 3px 3px 1px;
}
.comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single {
margin-left : 60px;
}
.comments .comment-block, .comments .comment-thread.inline-thread .comment {
border : #ddd solid 1px;
background : #fcfcfc;
padding : 10px;
}
.comments .comments-content .comment {
width : 100%;
line-height : 1em;
margin : 15px 0 0;
padding : 0;
}
.comments .comments-content .icon.blog-author {
position : absolute;
top : -12px;
top : -12px;
width : 36px;
height : 36px;
background : none;
margin : 0;
}
.comments .comments-content .inline-thread {
padding : 0 0 0 20px;
}
.comments .comments-content .comment-replies {
margin-top : 0;
}
.comments .comment-content {
line-height : 1.4em;
padding : 5px 0;
}
.comments .comment-thread.inline-thread {
border-left : 1px solid #ddd;
}
.comments .comment-thread.inline-thread .comment {
width : auto;
}
.comments .comment-thread.inline-thread .comment:after {
content : "";
position : absolute;
top : 10px;
left : -20px;
border-top : 1px solid #ddd;
width : 10px;
height : 0;
}
.comments .comment-thread.inline-thread .comment .comment-block {
border : 0;
background : transparent;
padding : 0;
}
.comments .comment-thread.inline-thread .comment-block {
margin-left : 48px;
}
.comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img {
width : 36px;
max-width : 36px;
height : 36px;
max-height : 36px;
}
.comments .continue {
width : 100%;
}
.comment .continue {
display : none;
}
#comment-editor {
width : 103% !important ;
}
.comment-form {
width : 100%;
max-width : 100%;
}
.comments {
border : #ddd solid 1px;
border-radius : 2px;
color : #666;
background : #fff;
margin : 10px 0 0;
padding : 10px;
}
.datetime {
float : right;
font-size : 11px;
margin : 0;
padding : 0;
}
#blog-pager-newer-link {
background : #fff;
float : left;
border : #ddd solid 1px;
border-radius : 5px;
padding : 6px 10px;
}
#blog-pager-older-link {
float : right;
background : #fff;
border : #ddd solid 1px;
border-radius : 5px;
padding : 6px 10px;
}
#blog-pager {
text-align : center;
}
#darkmenu li.selected a {
background : #c9404d;
display : block;
text-decoration : none;
border-radius : 3px;
color : #fff;
}
#darkmenu {
background : #333;
display : block;
height : 32px;
border-bottom : 1px solid #ccc;
min-width : 800px;
padding : 6px 0;
}
#blackmenu a {
margin : 0 3px;
color : #E8E8E8;
display : block;
font : bold 12px Tahoma, Georgia;
padding : 7px 10px;
}
#blackmenu a:hover {
background : #c9404d;
color : #fff;
display : block;
text-decoration : none;
border-radius : 3px;
transition : background 100ms ease-in;
}
#blackmenu ul {
height : 30px;
list-style : none;
margin : 0;
padding : 0;
}
#blackmenu li {
height : 30px;
float : left;
margin-top : 2px;
padding : 0;
}
#msa {
width : 924px;
margin : 0 auto;
}
#msd {
width : 942px;
}
#blackmenu {
height : 30px;
width : 700px;
float : left;
}
#arama {
height : 35px;
float : right;
width : 228px;
}
#arama input[type="text"] {
background-color : #2a2a2a;
border : #484848 solid 1px;
border-radius : 5px;
color : #7e7e7e;
height : 25px;
outline : 0;
position : relative;
padding : 3px 0 3px 8px;
}
#arama input[type="submit"] {
background-color : #c9404d;
border-radius : 5px;
color : #fff;
height : 30px;
width : 40px;
border : #c9404d solid 1px;
padding : 3px;
}
.reklam {
width : 468px;
float : right;
vertical-align : middle;
margin : 17px 0 0 -37px;
padding : 4px;
}
.related-posts {
border : #ddd solid 1px;
border-radius : 2px;
margin-top : -10px;
color : #666;
background : #fff;
padding : 5px;
}
.related-posts ul {
width : 600px;
margin : 0;
padding : 6px 4px 6px 1px;
}
.related-posts li {
float : left;
width : 297px;
list-style : disc;
list-style-position : inside;
overflow : hidden;
margin : 0;
padding : 3px 0;
}
.clear {
clear : both;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .bsap_468 a {
display : block;
}
.breadcrumbs {
border : #ddd solid 1px;
border-radius : 2px;
margin-bottom : 3px;
color : #666;
font-size : 13px;
font-style : italic;
background : #fff;
padding : 7px;
}
a.button-facebook, a.button-googleplus, a.button-pinterest, a.button-tumblr, a.button-twitter {
border-radius : 3px;
color : #fff;
display : inline-block;
font-size : 13px;
margin : 20px 1px -4px 0;
padding : 0 10px;
text-align : center;
width : 78px;
}
a.button-facebook {
background-color : #2b4170;
border : #2b4170 solid 1px;
}
a.button-googleplus {
background-color : #c33219;
border : #c33219 solid 1px;
}
a.button-pinterest {
background-color : #a0171c;
border : #a0171c solid 1px;
}
a.button-tumblr {
background-color : #2c4762;
border : #2c4762 solid 1px;
}
a.button-twitter {
background-color : #0081ce;
border : #0081ce solid 1px;
}
.onizleme {
float : left;
margin-right : 12px;
}
.info {
font : 11px tahoma;
color : #666;
margin-right : 5px;
}
.infos {
margin-bottom : 8px;
}
#top-nav-container {
width : 100%;
background : #353535;
clear : both;
}
#top-nav {
color : #E8E8E8;
height : 30px;
width : 920px;
margin : 0 auto;
padding : 0;
}
#top-nav ul, .menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#top-nav ul li, .menu ul li {
float : left;
position : relative;
}
#top-nav ul li a, .menu ul li a {
color : #E8E8E8;
text-transform : none;
font : bold 12px Tahoma, Georgia;
display : block;
line-height : 30px;
margin : 0;
padding : 0 10px;
text-decoration : none;
}
#top-nav ul li a:hover, .menu ul li a:hover {
background : #4c4c4c;
}
#top-nav li.active a {
background : #4c4c4c;
}
#footer-column-container {
clear : both;
}
.footer-column {
padding : 10px;
}
#ad-a87f br {
display : none;
}
body {
font-size : 100%;
color : #000000;
font-family : Arial, Helvetica, sans-serif;
}
#sayfalar {
padding : 3px;
}
#sayfalar ul {
list-style-type : none;
}
#sayfalar li {
float : left;
display : inline;
margin : 0 5px 0 0;
display : block;
}
#sayfalar li a {
color : #000000;
padding : 4px;
border : #ddd solid 1px;
text-decoration : none;
float : left;
}
#sayfalar li a:hover {
color : #000000;
background : #BEBEBE;
border : #2F4F4F solid 1px;
}
#sayfalar li.linksiz {
color : #CCC;
border : #F3F3F3 solid 1px;
padding : 4px;
}
#sayfalar li.aktif {
color : #FFF;
border : #2F4F4F solid 1px;
padding : 4px;
background : #BEBEBE;
}
webkit-scrollbar {
width : 15px;
height : 15px;
}
webkit-scrollbar-track-piece {
background-color : #CCC;
}
::-webkit-scrollbar {
width:15px;
height:15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
display:none;
}
::-webkit-scrollbar-track-piece {
background-color:#CCC;
}
::-webkit-scrollbar-thumb:vertical {
background:#626262;
}
input:focus {
border-radius : 2px;
box-shadow : 0 0 8px #000000;
border : #56b4ef solid 1px;
outline : none;
}
textarea:focus {
border-radius : 2px;
box-shadow : 0 0 8px #000000;
border : #56b4ef solid 1px;
padding : 2px;
outline : none;
}
hr {
border-top : 1px dashed #000;
}
input[type="submit"] {
background-color: #FFFFFF;
color: #000080;
border: 1px solid #CCCCCC;
padding: 3px; }
Blog kodu:
<div class="post-outer post hentry"><a name="6618890033765337046"></a> <img alt="maskot" class="onizleme" height="100px" src="https://img.webme.com/pic/h/html-kodlari-dene/maskot1.png" width="100px" />
<h2 class="post-title entry-title"><a href="#" rel="bookmark" title="acıklama">baslık</a></h2>
<div class="post-body entry-content" id="summary-6618890033765337046">açıklama yok...<br />
<br />
<br />
</div>
</div>
Bugün 97 ziyaretçi (109 klik) kişi burdaydı!