sanal-derslik

Blog Tasarımı

R 12

Tasarım Üzerine

Tasarım Altına

</div>
<div class="post_b"> Link 1 | Link 2 | Link 3</div>
</div> <div id="pagination"> <span
class="alignleft"><a href="#" _fcksavedurl="#"
_fcksavedurl="#">« Önceki Sayfa</a></span> <span
class="alignright"><a href="#" _fcksavedurl="#"
_fcksavedurl="#">Sonraki Sayfa »</a></span></div>
</div> <div id="sidebar"> <h3>Categories</h3>
<ul> <li class="cat-item cat-item-4"><a href="#"
_fcksavedurl="#" _fcksavedurl="#" title="cat">Lorem Ipsum
</a></li> <li class="cat-item cat-item-5"><a
href="#" _fcksavedurl="#" _fcksavedurl="#" title="cat">Apple
Macintosh </a></li> <li class="cat-item
cat-item-3"><a href="#" _fcksavedurl="#" _fcksavedurl="#"
title="cat">Linux Ubuntu </a></li> <li
class="cat-item cat-item-1"><a href="#" _fcksavedurl="#"
_fcksavedurl="#" title="cat">Wordpress Themes</a></li>
<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#"
_fcksavedurl="#">XHTML Themes</a></li> <li
class="cat-item cat-item-1"><a href="#" _fcksavedurl="#"
_fcksavedurl="#">Free Releases </a></li> </ul>
<h3>Archives</h3> <ul> <li><a href='#'
_fcksavedurl='#' _fcksavedurl='#' title='March 2008'>March
2008</a></li> <li><a href='#' _fcksavedurl='#'
_fcksavedurl='#' title='February 2008'>February
2008</a></li> <li><a href='#' _fcksavedurl='#'
_fcksavedurl='#' title='January 2008'>January
2008</a></li> <li><a href='#' _fcksavedurl='#'
_fcksavedurl='#' title='December 2007'>December
2007</a></li> </ul> <h3>Links</h3>
<ul> <li><a href="http://wordpress.org/development/"
_fcksavedurl="http://wordpress.org/development/"
_fcksavedurl="http://wordpress.org/development/">Development
Blog</a></li> <li><a
href="http://codex.wordpress.org/"
_fcksavedurl="http://codex.wordpress.org/"
_fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/"
_fcksavedurl="http://wordpress.org/extend/plugins/"
_fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/"
_fcksavedurl="http://wordpress.org/extend/ideas/"
_fcksavedurl="http://wordpress.org/extend/ideas/">Suggest
Ideas</a></li> <li><a
href="http://wordpress.org/support/"
_fcksavedurl="http://wordpress.org/support/"
_fcksavedurl="http://wordpress.org/support/">Support
Forum</a></li> <li><a
href="http://wordpress.org/extend/themes/"
_fcksavedurl="http://wordpress.org/extend/themes/"
_fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/"
_fcksavedurl="http://planet.wordpress.org/"
_fcksavedurl="http://planet.wordpress.org/">WordPress
Planet</a></li> </ul> <h3>Meta</h3>
<ul> <li><a href="#" _fcksavedurl="#"
_fcksavedurl="#">Log in</a></li> <li><a
href="#" _fcksavedurl="#" _fcksavedurl="#" title="This page validates
as XHTML 1.0 Transitional">Valid <FCK:abbr title="eXtensible
HyperText Markup
Language">XHTML</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#"
_fcksavedurl="#"><FCK:abbr title="XHTML Friends
Network">XFN</FCK:abbr></a></li> <li><a
href="#" _fcksavedurl="#" _fcksavedurl="#" title="Powered by WordPress,
state-of-the-art semantic personal publishing
platform.">WordPress</a></li> </ul>
<h3>Search Box</h3> <form
action="http://demo.themelab.com/" class="searchform"> <p>
<input name="s" class="textbox" type="text" /> <input
class="button" value="Search" type="submit" /> </p>
</form> </div> <div class="clear"></div>
</div> <div id="pagebottom"></div> <div
id="footer"> <p>© All Contents are Copy-righted 2006 -
2008</p> <p><a href="#" _fcksavedurl="#"
_fcksavedurl="#">Put</a> | <a href="#" _fcksavedurl="#"
_fcksavedurl="#">Some More</a> | <a href="#"
_fcksavedurl="#" _fcksavedurl="#">Links</a> | <a href="#"
_fcksavedurl="#" _fcksavedurl="#">In the</a> | <a href="#"
_fcksavedurl="#" _fcksavedurl="#">Bottom</a> | <a href="#"
_fcksavedurl="#" _fcksavedurl="#">Of the </a>| <a href="#"
_fcksavedurl="#" _fcksavedurl="#">Page </a></p>
<p><a href="http://ramblingsoul.com"
_fcksavedurl="http://ramblingsoul.com"
_fcksavedurl="http://ramblingsoul.com">CSS Template</a> by
Ramblingsoul </p> </div> </div>

Css Koduna

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;} #wrap #header #sitename { display: block; font:
normal 28px Georgia, "Times New Roman", Times, serif; padding-left:
45px; padding-top: 15px; color: #000000; width: 300px; float: left; }
#wrap #header .intro { display: block; float: right; width: 500px;
padding-right: 55px; padding-top: 20px; font: italic normal 18px
Georgia, "Times New Roman", Times, serif; color: #005979; } #wrap
#header #breadcrumb a { color: #CCCCCC; text-decoration: none; } #wrap
#header #breadcrumb a:visited, #wrap #header #breadcrumb a:active {
color: #CCCCCC; text-decoration: none; }#wrap #header #breadcrumb
a:hover { color: #fff; text-decoration: none; } #wrap #header #sitename
.caption { font-size: 12px; display: block; } ul {list-style:none} a {
color: #069; } html { background: #14222b
url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg); } .clear
{clear:both;} body
{background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg)
repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
#wrap
{background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg)
repeat-y; width:953px; margin:auto;} #header
{background:url(http://ramblingsoul.com/preview/rs12/images/header3.jpg)
no-repeat; height:210px;} #contents {
background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg)
no-repeat top; padding-left: 35px; padding-right: 35px; padding-top:
15px; } #footer{
background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg)
no-repeat; height:130px; text-align: center; color: #9AACB8;
padding-top: 50px; } #wrap #footer a { color: #C7D9E5; text-decoration:
none; } #left {width:652px; float:left;} #left .post { width: 639px;
margin-left: 4px; margin-bottom: 15px; background:
url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y; }
#left .post .post_h { background:
url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg)
no-repeat; height: 17px; } .post .post_b { background:
url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg)
no-repeat; height: 30px; padding-top: 10px; padding-left: 20px;
padding-right: 20px; } .post_b .permalink { display: block; float:
left; background:
url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg)
no-repeat; height: 16px; padding-left: 20px; padding-top: 2px;
margin-right: 5px; margin-left: 5px; } .post .postcontent { padding:
5px 25px; } .post .date { font-size: 10px; color: #999999; display:
block; background:
url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg)
no-repeat; padding-left: 20px; height: 16px; padding-top: 4px; } .post
h5 { font: normal 18px Georgia, "Times New Roman", Times, serif; color:
#007993; display: block; margin-bottom: 18px; padding-top: 5px; }
#pagebottom
{background:url(http://ramblingsoul.com/preview/rs12/images/paginationbg.jpg)
no-repeat; height:44px; clear:both;} #topnav { height:50px;
padding-top: 32px; padding-left: 30px; }#breadcrumb { color: #CCCCCC;
padding-left: 135px; padding-top: 6px; } #wrap #contents #left
#pagination { background: #9AACB8; margin-right: 15px; margin-left:
15px; padding: 8px; margin-bottom: 15px; } #pagination .alignleft {
display: block; float: left; width: 200px; } #pagination .alignright {
text-align: right; display: block; margin-left: 400px; } #topnav li {
display: inline; text-transform: uppercase; font: bold 14px "Trebuchet
MS", Arial, Halvetica, sans-serif; } #topnav a { display: block;
height: 35px; width: 137px; float: left; margin:0 3px 0 3px;
text-align:center; padding-top:15px; color:#ccc; text-decoration:none;}
#topnav .active a
{background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png)
no-repeat; color:#fff;} #topnav a:hover
{background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png)
no-repeat; color:#333;}#wrap #contents #sidebar { margin-left: 665px; }
#wrap #contents #sidebar h3 { background:
url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg)
no-repeat; display: block; width: 195px; height: 30px; color: #FFFFFF;
padding-top: 6px; padding-right: 10px; padding-left: 10px; font: 16px
"Trebuchet MS", Arial, Halvetica, sans-serif; text-transform:
uppercase; margin-bottom: 8px; } #sidebar .cat-item { display: block;
height: 24px; border:none!important; padding:0!important; } #sidebar li
{ margin-left: 10px; margin-right: 10px; } #sidebar li { display:
block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid
#91B5CC; } #sidebar ul li a { text-decoration: none; color: #15222B; }
.cat-item a { display: block; height: 19px; padding-top: 5px;
text-decoration: none; color: #15222B; border-bottom: 1px solid
#91B5CC; } #sidebar ul { margin-bottom: 15px; } .post p { line-height:
18px; margin-bottom: 18px; } .post_b .category { display: block; float:
left; background:
url(http://ramblingsoul.com/preview/rs12/images/category.jpg)
no-repeat; height: 16px; padding-left: 20px; padding-top: 2px;
margin-right: 5px; margin-left: 5px; } .post_b a { color: #FFFFFF;
text-decoration: none; } .post_b .comment { display: block; float:
left; background:
url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat;
height: 16px; padding-left: 24px; padding-top: 2px; margin-right: 5px;
margin-left: 5px; } .post_b a:visited, .post_b a:active { color:
#FFFFFF; text-decoration: none; } .post_b a:hover { color: #FFFFFF;
text-decoration: underline; } a:visited, active { color: #000033; }
a:hover { color: #000000; text-decoration: none; } #pagination a {
text-decoration: none; } #sidebar ul li a:visited, #sidebar ul li
a:active { text-decoration: none; color: #15222B; } #sidebar ul li
a:hover { text-decoration: none; color: #000000; } .cat-item a:visited
.cat-item a:active { display: block; height: 19px; padding-top: 5px;
text-decoration: none; color: #15222B; border-bottom: 1px solid
#91B5CC; } .cat-item a:hover { display: block; height: 19px;
padding-top: 5px; text-decoration: none; color: #000000; border-bottom:
1px solid #91B5CC; background: #DEE9EF; } #wrap #contents #sidebar
.searchform p { padding: 8px; } #wrap #contents #sidebar .searchform
.button { display: block; float: left; } #wrap #contents #sidebar
.searchform .textbox { display: block; border: 1px solid #15222B;
float: left; width: 140px; margin-right: 3px; padding: 2px; } #wrap
#footer a:visited { color: #C7D9E5; } #wrap #footer a:hover { color:
#FFFFFF; text-decoration: none; } img.alignleft { float: left; margin:
5px; padding: 5px; display: block; background: #C7D9E5; border: 1px
solid #8E98A1; } img.alignright { float: right; margin: 5px; padding:
5px; display: block; background: #C7D9E5; border: 1px solid #8F9EA5; }
#wrap #header #sitename a { text-decoration: none; color: #000; }
blockquote { font: 14px Georgia, "Times New Roman", Times, serif;
color: #006699; display: block; padding: 5px; border-top: 1px solid
#C7D9E5; border-bottom: 1px solid #C7D9E5; margin-top: 10px;
margin-bottom: 10px; } h1 a { text-decoration: none; } h5 a {
text-decoration: none; } blockquote p { margin-bottom: 0!important; }
.post ul, .post ol { margin-bottom: 15px; } .post ol { list-style:
decimal outside; padding-left: 15px; } .post ol li { padding: 4px; }
#wrap #contents #left .post .postcontent code { display: block;
margin-bottom: 15px; padding: 10px; background: #C7D9E5
url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat
right bottom; color: #000000; font: 11px "Courier New", Courier,
monospace; white-space: pre; } #wrap #contents #left #comments { width:
639px; margin-left: 6px; } #wrap #contents #left #comments ol {
list-style: none; } #wrap #contents #left #comments ol li { display:
block; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid
#D4D0C8; background: #f4f4f4; } #wrap #contents #left #comments ol.odd
{ background: #fff!important; } h3 a { text-decoration: none; } h3 {
font-size: 16px; margin-bottom: 15px; } #wrap #contents #left #comments
#commentop { background:
url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg)
no-repeat; height: 64px; } #wrap #contents #left #comments
#commentcontent { background:
url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg)
repeat-y; padding: 5px 15px; } #wrap #contents #left #comments
#commentbtm { background:
url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg)
no-repeat; height: 38px; } #wrap #contents #left #comments .text {
border: 1px solid #C7D9E5; margin-bottom: 15px; padding: 3px; display:
block; width: 200px; } #wrap #contents #left #comments #commentcontent
form { padding-left: 45px; } #comment { border: 1px solid #C7D9E5;
margin-bottom: 15px; }

Fen-Dersleri

Blog Tasarımı

R 12