sade tasarim 3
Tasarım üzerindeki yazı kodu:
<div id="rap">
<div class="sayfalar">
<ul>
<li class="current_page_item"><a href="#"><span>Anasayfa</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
</ul>
</div>
<div id="logo">
<div class="logoresim" style="margin-left:-5px;"><a href="#"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/dfhfgh.png" alt="" /></a></div>
</div>
<div class="reklam">reklam alan</div>
<div class="kategori-menu">
<ul>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
<li class="page_item page-item-196"><a href="#"><span>link</span></a></li>
</ul>
</div>
<div id="logoalti"> </div>
<div id="content">
Tasarım altındaki yazı kodu:
</div>
<div id="menu">
<div class="sosyal-medya"><center> <a href="#" target="_blank"><img class="sosyal-ikon" border="0" title="" alt="" src="https://img.webme.com/pic/c/css-tasarimdeneme/rss1.png" /></a> <a href="#" target="_blank"><img class="sosyal-ikon" border="0" title="" alt="" src="https://img.webme.com/pic/c/css-tasarimdeneme/facebook1.png" /></a> <a href="#" target="_blank"><img class="sosyal-ikon" border="0" title="" alt="" src="https://img.webme.com/pic/c/css-tasarimdeneme/twitter1.png" /></a> </center></div>
<div class="arama">
<form id="searchform" method="get" action="/index.php">
<div><input value="Ara..." onfocus="if (this.value == 'Ara...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ara...';}" type="text" name="s" id="s" size="15" /></div>
</form>
</div>
<ul>
<li id="recent-posts-3" class="widget widget_recent_entries">
<h2 class="widgettitle">katagoriler</h2>
<ul>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
</ul>
</li>
<li id="recent-comments-3" class="widget widget_recent_comments">
<h2 class="widgettitle">SON eklenenler</h2>
<ul>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
<li><a href="#" title="acıklama">link</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<p style="clear:both;margin-bottom:-60px;"> </p>
<div id="altkisim"><center><br />
css-tasarımdeneme.tr.gg 2010-2012 <br />
<img src="https://img.webme.com/pic/c/css-tasarimdeneme/google.gif" alt="I Love You Google" title="I Love You Google" /> </center></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;}
body {
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/ustcizgi.png) repeat-x #fff;
font-family : Georgia, Serif;
text-align : center;
color : #191919;
font-size : small;
margin : 0;
padding : 25px 20px;
}
acronym, abbr {
border-bottom : 1px dashed #333;
}
acronym, abbr, span.caps {
cursor : help;
font-size : 90%;
letter-spacing : 0.07em;
}
blockquote {
border-left : 5px solid #B8D4E1;
padding-left : 7px;
}
cite {
font-size : 90%;
font-style : normal;
}
a {
text-decoration : none;
}
a:link {
color : #0682BB;
text-decoration : none;
}
a:visited {
color : #0682BB;
text-decoration : none;
}
a:hover {
color : #0682BB;
text-decoration : none;
}
a:active {
color : #0682BB;
text-decoration : none;
}
a img {
border-width : 0;
}
#rap {
width : 950px;
text-align : left;
margin : 0 auto;
padding : 0;
}
.sayfalar {
overflow : hidden;
margin-left : -40px;
margin-top : -20px;
margin-bottom : -10px;
}
.sayfalar li {
display : inline;
font : bold 10px/10px "Trebuchet MS";
float : left;
}
.sayfalar li a {
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #fff;
color : #777;
font-size : 10px;
border : #777 solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.sayfalar .current_page_item a {
color : #fff;
text-decoration : none;
text-transform : uppercase;
background : #777;
font-size : 10px;
font-family : Trebuchet MS, sans-serif;
}
.sayfalar li ul {
display : none;
}
.sayfalar ul {
float : left;
}
.sayfalar li a span {
display : block;
padding : 5px;
}
.sayfalar li a:hover, .sayfalar .current_page_item a:hover {
text-decoration : none;
text-transform : uppercase;
background : #777;
color : #fff;
font-size : 10px;
border : #777 solid 1px;
font-family : Trebuchet MS, sans-serif;
}
#logo {
margin-top : -5px;
padding-top : 15px;
float : left;
height : 73px;
width : 450px;
}
.logoresim {
height : 73px;
width : 500px;
}
#logoalti {
height : 5px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/ustcizgi.png) repeat-x #fff;
margin-bottom : 20px;
}
.reklam {
margin-top : 15px;
width : 468px;
height : 60px;
padding : 2px;
border : #ddd solid 1px;
float : right;
}
#reklam img {
margin : 5px;
}
.kategori-menu {
overflow : hidden;
margin-left : -40px;
}
.kategori-menu li {
display : inline;
font : bold 10px/10px "Trebuchet MS";
float : left;
margin-bottom : 5px;
}
.kategori-menu li a {
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #fff;
color : #777;
font-size : 10px;
border : #ccc solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.kategori-menu li a:hover {
text-decoration : none;
text-transform : uppercase;
background : #F9f9f9;
color : #777;
font-size : 10px;
border : #ccc solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.kategori-menu li ul {
display : none;
}
.kategori-menu ul {
float : left;
}
.kategori-menu li a span {
display : block;
padding : 5px;
}
.kategori-menu .kategori-baslik, .kategori-menu .kategori-baslik :hover {
text-transform : uppercase;
background : #fff;
color : #777;
font-size : 10px;
font-family : Trebuchet MS, sans-serif;
}
#content {
width : 650px;
float : left;
}
.devami {
font-size : 0.75em;
font-weight : 400;
float : right;
color : #777;
border : #ccc double 3px;
display : inline-block;
text-transform : uppercase;
background : #fff;
margin : 15px 5px 5px 5px;
font : 10px "Trebuchet MS";
padding : 3px;
cursor : pointer;
background : #f9f9f9;
}
.devami a {
color : #777;
}
.devami:hover {
color : #777;
border : #B8D4E1 double 3px;
background : #fff;
}
.meta {
display : inline-block;
border : #B8D4E1 double 3px;
font-size : 0.75em;
font-weight : 400;
text-transform : uppercase;
color : #777;
background : #fff;
margin : 3px 5px 0 0;
border-bottom : none;
font : 10px "Trebuchet MS";
padding : 3px;
cursor : pointer;
}
.meta:hover {
border : #ccc double 3px;
border-bottom : none;
}
.post {
border-bottom : 3px double #B8D4E1;
padding-bottom : 5px;
margin : 0 0 1.5em;
}
.post-entry {
margin-top : -10px;
color : #333;
margin-bottom : 75px;
}
.post-entry h1 {
font-family : Georgia;
font-style : italic;
font-size : 20px;
font-weight : 400;
color : #0682BB;
}
h3 {
font-family : georgia;
font-weight : bold;
color : #0682BB;
margin : 10px 0 10px 0;
}
.post-entry li {
line-height : 25px;
list-style-type : none;
margin-left : -40px;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/li-yazi.png);
background-repeat : no-repeat;
background-position : 4px 0%;
padding : 0 0 0 20px;
}
.title {
display : inline-block;
font-size : 20px;
width : 400px;
font-family : Georgia, Serif;
text-decoration : none;
}
.title a {
text-decoration : none;
color : #0682BB;
}
.title a:hover {
text-decoration : none;
color : #333;
}
.post-entry p {
line-height : 25px;
margin : 0 0 0.75em;
}
.post-entry blockquote {
line-height : 25px;
margin-left : 0;
}
.post-entry blockquote p {
line-height : 25px;
margin : 0.75em 0;
}
.thumbcan {
border : #ccc solid 1px;
display : block;
padding : 3px;
float : left;
width : 130px;
height : 130px;
margin : 5px 15px 5px 0;
}
.thumb {
max-width : 130px;
max-height : 130px;
min-width : 130px;
min-height : 130px;
}
.wp-pagenavi {
display : block;
overflow : hidden;
text-align : center;
}
.wp-pagenavi a, .wp-pagenavi a:link {
text-decoration : none;
display : block;
padding : 5px 10px 5px 10px;
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #fff;
color : #777;
font-size : 11px;
border : #ccc solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.wp-pagenavi a:hover {
background : #F1F1F1;
color : #777;
}
.wp-pagenavi span.pages {
text-decoration : none;
display : block;
padding : 5px 10px 5px 10px;
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #fff;
color : #777;
font-size : 11px;
border : #ccc solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.wp-pagenavi span.current {
text-decoration : none;
display : block;
padding : 5px 10px 5px 10px;
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #777;
color : #fff;
font-size : 11px;
border : #777 solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.wp-pagenavi span.extend {
text-decoration : none;
display : block;
padding : 5px;
margin-right : 5px;
float : left;
text-transform : uppercase;
background : #777;
color : #fff;
font-size : 11px;
border : #777 solid 1px;
font-family : Trebuchet MS, sans-serif;
}
.post-entry1 {
border-bottom : 3px double #B8D4E1;
margin-top : -10px;
color : #333;
}
.post-entry1 h1 {
font-family : Georgia;
font-style : italic;
font-size : 20px;
font-weight : 400;
color : #0682BB;
}
.post-entry1 li {
line-height : 25px;
list-style-type : none;
margin-left : -40px;
background-image : url(https://img.webme.com/pic/c/css-tasarimdeneme/li-yazi.png);
background-repeat : no-repeat;
background-position : 4px 0%;
padding : 0 0 0 20px;
}
.post-entry1 p {
line-height : 25px;
margin : 0 0 0.75em;
}
.post-entry1 blockquote {
line-height : 25px;
margin-left : 0;
}
.post-entry1 blockquote p {
line-height : 25px;
margin : 0.75em 0;
}
.yazi-bilgi-etiket span {
display : block;
overflow : hidden;
position : relative;
}
.yazi-bilgi-etiket span a {
text-decoration : none;
font : 11px georgia;
color : #444;
float : left;
display : block;
border : #ccc solid 1px;
padding : 5px;
margin : 5px 10px 5px 0;
}
.yazi-bilgi-etiket span a:hover {
background : #0682BB;
color : #fff;
border : #0682BB solid 1px;
}
.etiketler {
text-decoration : none;
font : 11px georgia;
color : #fff;
background : #0682BB;
float : left;
border : #0682BB solid 1px;
padding : 5px;
margin : 5px 10px 5px 0;
}
#comments {
font : bold 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
text-transform : uppercase;
letter-spacing : 0.2em;
color : #777;
margin-bottom : 10px;
}
#commentform {
text-align : left;
}
ol#comments li p {
font-size : 100%;
}
#commentlist div p {
line-height : 25px;
}
#comments-block {
font-size : 95%;
}
#commentform .kullanici input {
width : 250px;
padding : 5px;
color : #666;
border : #ccc solid 1px;
font-family : georgia;
margin-bottom : 5px;
}
#commentform textarea {
border : #ccc solid 1px;
padding : 5px;
width : 638px;
background : #fff;
color : #666;
margin-top : -5px;
font : 13px georgia;
}
.yorumkac {
font : bold 14px trebuchet ms;
text-transform : uppercase;
color : #777;
padding : 5px;
border : #ccc solid 1px;
letter-spacing : 0.1em;
display : inline-block;
}
.yorum-p p {
margin-top : -8px;
line-height : 25px;
}
.commentlist {
font-size : 100%;
list-style-type : none;
text-align : left;
}
.commentlist .yorumarka {
background : #fafafa;
border : #B8D4E1 solid 1px;
padding : 5px;
border-bottom : 3px double #B8D4E1;
margin-bottom : 20px;
}
.commentlist .yorumkutusu {
margin-left : 20px;
}
.yorum-bilgi {
margin-top : -8px;
line-height : 25px;
}
.yorum-bilgi-tarih {
color : #0682BB;
text-decoration : none;
margin-bottom : 20px;
padding-bottom : 5px;
margin-top : -8px;
border-bottom : 1px solid #c9c9c9;
}
.yorum-bilgi a:hover, .yorum-bilgi-tarih a:hover {
color : #0682BB;
text-decoration : none;
}
.yorum-bilgi a, .yorum-bilgi-tarih a {
color : #777;
text-decoration : none;
}
.yorum-onay {
color : #0682BB;
margin-top : -5px;
padding-bottom : 5px;
}
#gonder {
height : 25px;
text-transform : uppercase;
background : #0682BB;
color : #fff;
font-size : 11px;
border : #fff solid 1px;
font-family : Trebuchet MS, sans-serif;
}
#gonder:hover {
height : 25px;
text-transform : uppercase;
background : #fff;
color : #0682BB;
font-size : 11px;
border : #0682BB solid 1px;
font-family : Trebuchet MS, sans-serif;
}
#menu {
width : 250px;
float : right;
padding-left : 15px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/yancizgi.png) left repeat-y;
}
#menu p {
color : #999;
line-height : 1.5em;
}
#menu form {
margin : 0 0 0 13px;
}
#menu input {
background : #111;
border : #777 solid 1px;
color : #fff;
letter-spacing : -0.05em;
width : 80%;
}
#menu ul {
list-style : none;
font : bold 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
text-transform : uppercase;
letter-spacing : 0.2em;
color : #777;
line-height : 1.5em;
margin : 1.5em 0 0.75em;
padding : 0 0 1.5em;
}
#menu ul li {
margin-top : -15px;
padding-bottom : 15px;
}
#menu ul ul {
font-variant : normal;
font-weight : 400;
line-height : 100%;
list-style-type : none;
text-align : left;
font-size : 120%;
text-transform : none;
letter-spacing : 0;
margin : 0;
padding : 0;
}
#menu ul ul li {
border : none 0;
letter-spacing : 0;
margin-top : 0.25em;
font-style : normal;
font-variant : normal;
font-weight : 400;
line-height : 20px;
font-size : 12px;
font-family : Georgia, sans-serif;
padding-left : 7px;
padding-bottom : 0;
margin-bottom : 0;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/li.png) left no-repeat;
}
#menu .children {
display : none;
}
#menu ul ul li :hover {
color : #333;
}
.widgettitle, .screen-reader-text {
width : 250px;
font-family : "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
font-size : 14px;
padding-top : 10px;
padding-bottom : 4px;
border-bottom : 1px solid #ccc;
text-transform : uppercase;
letter-spacing : 0.1em;
}
.widget_categories ul {
font-weight : 400;
list-style : none;
width : 265px;
overflow : hidden;
margin : 0 0 0 2px;
}
.widget_categories li {
float : left;
width : 145px;
color : #999;
margin : 0;
}
.widget_categories ul li {
float : left;
width : 115px;
padding-left : 7px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/li.png) 4px left no-repeat;
margin : 0;
}
.widget_archive ul {
font-weight : 400;
list-style : none;
width : 265px;
overflow : hidden;
margin : 0 0 0 2px;
}
.widget_archive li {
float : left;
width : 145px;
color : #999;
margin : 0;
}
.widget_archive ul li {
float : left;
width : 125px;
margin : 0;
}
.textwidget {
text-transform : none;
font-weight : 400;
letter-spacing : 0;
font-size : 11px;
font-family : Georgia, sans-serif;
line-height : 20px;
}
.sosyal-medya {
width : 100%;
margin-bottom : 10px;
}
.sosyal-medya .sosyal-ikon {
border : #ccc solid 1px;
padding : 3px;
margin-right : 8.5px;
}
.sosyal-ikon:hover {
border : #B8D4E1 solid 1px;
}
.arama {
border-top : 1px solid #ccc;
padding-top : 10px;
}
#searchform #s {
background : #fff;
border : #ccc solid 1px;
color : #999;
width : 100%;
margin-top : 3px;
margin-left : -12px;
font-family : Georgia, Sans-serif;
padding : 5px;
margin-bottom : 10px;
border-bottom : 1px solid #ccc;
padding-bottom : 5px;
}
#searchform #searchsubmit {
display : none;
}
.widget_calendar h2 {
display : block;
}
#wp-calendar {
color : #777;
border : #f1f1f1 solid 1px;
empty-cells : show;
font : bold 100% "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
width : 250px;
}
#wp-calendar #next a {
color : #777;
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
color : #777;
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
color : #000;
display : block;
text-decoration : none;
}
#wp-calendar caption {
text-align : center;
padding-top : 4px;
height : 20px;
background : #f1f1f1;
color : #333;
}
#wp-calendar td {
color : #777;
letter-spacing : normal;
text-align : center;
padding : 2px 0;
}
#wp-calendar td.pad:hover {
background : none;
}
#wp-calendar td:hover, #wp-calendar #today {
background : #f1f1f1;
color : #333;
}
#wp-calendar th {
color : #0682BB;
font-style : normal;
text-transform : capitalize;
text-align : center;
}
#wp-calendar a:hover {
color : #333;
}
.tagsz-1 {
font-size : 10px;
}
.tagsz-2 {
font-size : 11px;
}
.tagsz-3 {
font-size : 12px;
}
.tagsz-4 {
font-size : 13px;
}
.tagsz-5 {
font-size : 14px;
}
img.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
border : #ccc solid 1px;
padding : 4px;
}
img.alignright {
display : inline;
border : #ccc solid 1px;
float : right;
margin : 5px 0 10px 20px;
padding : 4px;
}
img.alignleft {
display : inline;
border : #ccc solid 1px;
float : left;
margin : 5px 20px 10px 0;
padding : 4px;
}
#altkisim {
margin-top : 100px;
background : url(https://img.webme.com/pic/c/css-tasarimdeneme/ustcizgi.png) repeat-x #fff;
font : 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
text-transform : uppercase;
letter-spacing : 0.1em;
color : #777;
}
#copyright {
margin-top : 10px;
}
#ikonlar {
margin : 25px 0 20px 0;
float : right;
}
Bugün 6 ziyaretçi (7 klik) kişi burdaydı!