- Css Kod 8

TASARIMIN ÜSTÜNE

<div id="wrap">

<div id="header">
<h1 id="logo-text"><a href="index.html"></a></h1>
<p id="slogan"></p>
<div id="header-links">
<p>
</p>
<br />
<br />
<font color="#000000"><a href="http://archivos.htm">Archivos</a>                    <a href="http://contactos.htm"> Contactos</a>                   <a href="http://acciones.htm"> Acciones</a>                    <a href="http://herramientas.htm">Herramientas</a>                    <a href="http://ayuda.htm">Ayuda</a>                   <a href="http://plus.htm">Plus!</a></font>                    
<br />
<br />
</div>
</div>

<div  id="menu">
<ul>
<li id="current">
<input type="hidden" name="PHPSESSID" value="66d7f57ebafc2e2a72d1e4fe139dd3af" /> <select name="urldestino">
<option selected="selected">.......................................
......................................................Msn template....................................
.......................................................</option>
<option value="http://Tu url">Nombre </option>
<option value="http://Tu url">Nombre </option>
<option value="http://Tu url">Nombre </option>
</select> <input type="button" value="IR" onclick="location=this.form.urldestino.value" name="button" />
</form>
</div">                       </a></li>
<li><a href=""></a></li>
<li class="last"><a href=""></a></li>
</ul>
</div>

<div id="content-wrap">
<div id="sidebar">
<div class="left-box">
<p class="align-right"></p>
</div>
</div>

TASARIMIN ALTINA

CSS BÖLMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background-image: none;background-color:#FBFBFB;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #555;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #cccccc;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #cccccc;
}
h3 {
font-size: 120%;
color: #cccccc;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/********************************************
Design
********************************************/
#wrap {
width: 900px;
background:  url(https://img.webme.com/pic/i/ivanswebs-pruebas/centromsn.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 800px;
padding: 0;
margin: 10px auto;
}
#header {
width: 900px;
position: relative;
height: 177px;
background: #fff url(https://img.webme.com/pic/i/ivanswebs-pruebas/encabezado.png) no-repeat center top;
padding: 0;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #000000;
text-decoration: none;
}
#header #header-links a:hover {
color: #cccccc;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(https://img.webme.com/pic/i/ivanswebs-pruebas/menu.png) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 111px;
width: 900px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}
/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main h2 {
margin-top: 10px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF  none no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}
#main ul li {
list-style-image:  none;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #000;
}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #bc0303;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background:  none repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background:  none repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }
/* Footer */
#footer {
color: #C6DDEE;
background:  url(https://img.webme.com/pic/i/ivanswebs-pruebas/abajomsn.png) no-repeat center top;
clear: both;
width: 900px;
height: 346px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }

TAM EKRAN GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Live Demo Theme  </title>
<meta name="generator" content="WordPress 2.7.1" /> 
<link rel="stylesheet" href="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/style.css" media="screen" title="style" />
<link rel="alternate" type="application/rss+xml" title="Live Demo Theme RSS Feed" href="http://www.isoftwarereviews.com/theme-demo/feed/" />
<link rel="pingback" href="http://www.isoftwarereviews.com/theme-demo/xmlrpc.php" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.isoftwarereviews.com/theme-demo/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.isoftwarereviews.com/theme-demo/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 2.7.1" />
<script type="text/javascript" src="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/j-script/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/j-script/jquery.easing.min.js"></script>
<script type="text/javascript" src="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/j-script/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#nav").lavaLamp({
fx: "backout",
speed: 700,click: function(event, menuItem) {
return menuItem;
}
});
});
</script>
</head>
<body>
<div id="header-bg">
<div id="top-header">
<div id="header">
<div id="headerimg">
<div id="title"><a href="http://www.isoftwarereviews.com/theme-demo/">Live Demo Theme</a></div>
<div class="description">Just another WordPress weblog <form method="get" id="searchform" action="http://www.isoftwarereviews.com/theme-demo/">
<div><input type="text" value="Type and hit enter to search" name="s" id="s" onfocus="if (this.value == 'Type and hit enter to search') {this.value = ''; this.style.color='#333';}" onblur="if (this.value == '') {this.value = 'Type and hit enter to search'; this.style.color='#b0b0b0';}" />
<input type="hidden" id="searchsubmit" value="Search" />
</div>
</form>
</div>
</div>
<div id="menu"><a href="http://www.isoftwarereviews.com/theme-demo/feed/" title="Subscribe To RSS!" class="rss">RSS<span></span></a></div>
<ul id="nav"><li class="current_page_item"><a href="http://www.isoftwarereviews.com/theme-demo" title="Home">Home</a></li><li class="page_item page-item-11"><a href="http://www.isoftwarereviews.com/theme-demo/my-portfolio/" title="My Portfolio">My Portfolio</a></li>
<li class="page_item page-item-2"><a href="http://www.isoftwarereviews.com/theme-demo/about/" title="About Me">About Me</a></li>
<li class="page_item page-item-9"><a href="http://www.isoftwarereviews.com/theme-demo/contact-me/" title="Contact Me">Contact Me</a></li>
<li class="page_item page-item-14"><a href="http://www.isoftwarereviews.com/theme-demo/resources/" title="Resources">Resources</a></li>
</ul>
</div>
<div id="footer-bottom">
<div id="footer-bg">
<div id="page">
<hr />
<div id="content" class="narrowcolumn">

TASARIMIN ALTINA

<div class="post" id="post-7">
<div><h1 class="posttitle" style="border-bottom: 1px dotted #CECECE; padding-bottom: 7px;"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/" rel="bookmark" title="Permanent Link to Post with Image and List Styles">Post with Image and List Styles</a></h1> <div class="postdata"><span class="category"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts in List Style" rel="category tag">List Style</a></span> <span class="comments"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/#comments" title="Comment on Post with Image and List Styles">1 Comment »</a></span></div>
</div>
<br/>
<div class="entry" style="border-bottom: 1px solid #CECECE;">
<h2>Sample Image</h2>
<p>This is sample image I added to the post:</p>
<p><a href="http://www.freewordpressthemes.me/post-with-image-and-list-styles/"><img class="alignnone" style="border:1px solid #e7e6e6;padding:5px;" title="Beautiful Girl Sample Image" src="http://www.isoftwarereviews.com/theme-demo/wp-content/uploads/2009/01/beautiful-girl.png" alt="Beautiful Girl Sample Image" width="350" height="441" /></a></p>
<h2>List Styles</h2>
<h3>Unordered List</h3>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>
<br/><div class="postdata"> <span class="minidate">January 28th, 2009 </span>  </div><div class="postdata"></div>
</div><br/><br/>
</div><br/>
<div class="post" id="post-5">
<div><h1 class="posttitle" style="border-bottom: 1px dotted #CECECE; padding-bottom: 7px;"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/" rel="bookmark" title="Permanent Link to Valid CSS and Valid XHTML - Compliant with Web Standard">Valid CSS and Valid XHTML - Compliant with Web Standard</a></h1> <div class="postdata"><span class="category"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts in CSS" rel="category tag">CSS</a>,  <a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts in Theme Design" rel="category tag">Theme Design</a>,  <a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts in XHTML" rel="category tag">XHTML</a></span> <span class="comments"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/#respond" title="Comment on Valid CSS and Valid XHTML - Compliant with Web Standard">0 Comment »</a></span></div>
</div>
<br/>
<div class="entry" style="border-bottom: 1px solid #CECECE;">
<p>I always try to make the theme which I have designed (both free and paid) compliant with web standard. You will see icons at right bottom of the theme. What is compliant with web standard mean? It means that the theme has been checked with Validation Service and it got valid CSS and XHTML. When you see Valid CSS and Valid XHTML icons, it shows that the theme is checked and no errors found in CSS and XHTML.</p>
<p>When you have the Valid CSS and XHTML icons on your weblog, it will show to your readers that you have taken the care to create an interoperable web page.</p>
<p>As professional designer, compliant with web standard is important.</p>
<br/><div class="postdata"> <span class="minidate">November 22nd, 2008 </span>  </div><div class="postdata"></div>
</div><br/><br/>
</div><br/>
<div class="navigation">
<div id="previous-entries"></div>
<div id="next-entries"></div>
</div>
</div>
<div id="sidebar">
<ul>

<li><h2>Categories</h2>
<ul>
<li class="cat-item cat-item-3"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts filed under CSS">CSS</a>
</li>
<li class="cat-item cat-item-6"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts filed under List Style">List Style</a>
</li>
<li class="cat-item cat-item-5"><a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts filed under Theme Design">Theme Design</a>
</li>
<li class="cat-item cat-item-4"><a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts filed under XHTML">XHTML</a>
</li>
</ul>
</li>
<li><h2>Archives</h2>
<ul>
<li><a href='http://www.isoftwarereviews.com/theme-demo/2009/01/' title='January 2009'>January 2009</a></li>
<li><a href='http://www.isoftwarereviews.com/theme-demo/2008/11/' title='November 2008'>November 2008</a></li>
</ul>
</li>
<li><h2>Recent Posts</h2>
<ul>
<li class="sidebarrecentpost"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/" rel="bookmark" title="Permanent Link to Post with Image and List Styles">Post with Image and List Styles</a></li>
<li class="sidebarrecentpost"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/" rel="bookmark" title="Permanent Link to Valid CSS and Valid XHTML - Compliant with Web Standard">Valid CSS and Valid XHTML - Compliant with Web Standard</a></li>
</ul></li>
<li><h2>Blogroll</h2>
<ul>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul></li>
</ul>
</div>
<div id="footer">
<div class="categorytitle">Categories</div>
<div id="scategory">
<ul>
<li class="cat-item cat-item-3"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts filed under CSS">CSS</a>
</li>
<li class="cat-item cat-item-6"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts filed under List Style">List Style</a>
</li>
<li class="cat-item cat-item-5"><a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts filed under Theme Design">Theme Design</a>
</li>
<li class="cat-item cat-item-4"><a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts filed under XHTML">XHTML</a>
</li>
</ul>
</div>
<div class="about-me">About Me</div>
<div class="about-me-text">
<p><a href="http://www.isoftwarereviews.com/theme-demo/about/"><img alt="" src="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/images/your-photo.jpg"/></a>Write about yourseft, This is just a sample: Welcome to iSoftwareReviews where you can find reviews, ratings, comparisons about variety of computer software programs. </p>
<p>Hi, my name ChanDara and I am a software programmer, web design and development, graphics designer, software trainer, software consultant. And I have worked in IT for more than... <a href="http://www.isoftwarereviews.com/theme-demo/about/">Read more</a></p>
</div>
</div>
<div class="footercr">
<span class="copyright">Copyright © 2009 Live Demo Theme All Rights Reserved Adaptacion by <b>mmstt.es.tl</b></span>
<span class="xhtml"><a href="http://validator.w3.org/check?uri=http://www.isoftwarereviews.com/theme-demo" title="This page validates as XHTML 1.0 Transitional">XHTML</a></span>
<span class="css"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.isoftwarereviews.com/theme-demo&usermedium=all" title="This document validates as CSS level 2.1">CSS</a></span>
<span class="credits"><a href="http://www.isoftwarereviews.com/wp-theme/" target="_blank">WP THEME</a> by <a href="http://www.isoftwarereviews.com" target="_blank">I SOFTWARE REVIEWS</a></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3359013-4");
pageTracker._trackPageview();
</script>
</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
/*
Adaptacion by mmstt.es.tl
Author URI: http://www.isoftwarereviews.com/
*/
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Arial, Sans-Serif;
background: #070a0a url('http://i42.tinypic.com/vi31h4.jpg') repeat-y center;
color: #333;
text-align:left;
}
ul li{
list-style: url('http://i39.tinypic.com/33uzfax.gif');
}
#footer-bottom {
background: url('http://i43.tinypic.com/14y4x0k.jpg') repeat-x bottom;
}
#top-header{
background: url('http://i42.tinypic.com/2rdhgso.jpg') no-repeat top center;
}
#header-bg{
background: url('http://i44.tinypic.com/s151cy.png') repeat-x;
}
#footer-bg{
background: url('http://i42.tinypic.com/2a9blw4.jpg') no-repeat bottom center;
}
#header {
background:none;
}
#page {
background: none;
text-align: left;
}
#content {
font-size: 13px;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.entry {
font-family: Helvetica, Arial, Sans-Serif;
padding: 10px 0px 5px;
clear: both;
font-size: 13px;
line-height: 1.6em;
}
.entry ul li {
line-height: 1.5em;
font-size: 12px;
}
.alt {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
.pagetitle  {
font-size: 1.8em;
text-align: left;
font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
font-weight: bold;
color: #dc3400;
}
.posttitle  {
font-size: 1.1em;
text-align: left;
font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
font-weight: bold;
color: #dc3400;
}
.posttitle a {
font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
font-weight: bold;
color: #dc3400;
text-decoration: none;
}
.posttitle a:hover {
font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
font-weight: bold;
color: #356569;
text-decoration: none;
}
h1, h1 a {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.5em;
text-align: left;
font-weight: bold;
color: #333;
}
h1 a:hover{
color: #ff6c00;
text-decoration: none;
}
#title {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
font-weight: bold;
font-size: 2.8em;
text-align: left;
padding:130px 0 0 40px;
}
#title a{
color: #ccc;
text-decoration: none;
}
#headerimg .description {
font-size: 1.2em;
text-align: left;
padding-left:40px;
text-decoration: none;
color: #ccc;
}
h2 {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.3em;
}
h3{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.1em;
}
h4{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1em;
font-weight: bold;
}
h5{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
font-weight: bold;
}
h6{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
font-weight: bold;
}
#sidebar h2 {
font-size: 1.2em;
}
#sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
font: 12px Arial, Helvetica, Sans-Serif;
clear: both;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 13px;
width: 160px;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin-left: 180px;
}
#commentform p {
font-family: Arial, Helvetica, Sans-Serif;
}
.commentmetadata a, .commentmetadata a:hover{
font-weight: normal;
color: #999;
}
#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
a {
color: #0066CC;
text-decoration: none;
outline:none;
}
a:hover {
color: #0066FF;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font:120%/100% Arial, Helvetica, sans-serif;
text-align: center;
text-transform:uppercase;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
.post {
clear:both;
padding-top: 15px;
}
.post h2 a{
color:#356569;
}
.post h2 a:hover{
color:#dc3400;
text-decoration:none;
}
.footercr{
padding-bottom:39px;
margin-right:15px;
clear:both;
}
.copyright{
float:left;
color:#92a591;
font-size:11px;
margin-left:20px;
}
.xhtml, .css{
margin-left:8px;
float:right;
}
.xhtml a{
background:url(http://i40.tinypic.com/2dgkjvd.gif) no-repeat left center;
padding:5px 0 5px 18px;
color:#ef2983;
text-decoration:none;
}
.xhtml a:hover, .css a:hover{
color:#92a591;
text-decoration:underline;
}
.css a{
background:url(http://i43.tinypic.com/dqgpvp.gif) no-repeat left center;
padding:5px 0 5px 18px;
color:#71da51;
text-decoration:none;
}
.credits{
margin-left:8px;
float:right;
color:#CCC;
}
.credits  a{
color:#00ccff;
text-decoration:underline;
}
.credits  a:hover{
color:#92a591;
text-decoration:underline;
}
#menu{
list-style:none;
position:relative;
}
#menu span{
display:none;
position:absolute;
}
#menu a{
display:block;
text-indent:-900%;
position:absolute;
}
#menu a:hover{
background-position:left bottom;
}
#menu a:hover span{
display:block;
}
#menu .rss{
width:120px;height:35px;
background:url('http://i39.tinypic.com/10dvzb8.png') no-repeat;
left:792px;
top:-50px;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0 0 0 0;
}
#page {
margin: 0px auto;
width: 930px;
}
#header {
height: 230px;
margin: 0px auto;
width: 930px;
}
#headerimg {
margin: 0px auto;
width: 930px;
height:230px;
}
.pagecolumn {
float: left;
padding: 25px 0 20px 40px;
margin: 0px 0 0;
width: 535px;
}
.narrowcolumn {
float: left;
padding: 15px 0 20px 40px;
margin: 0px 0 0;
width: 535px;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.postmetadata {
clear: left;
}
#footer{
height:290px;
width:930px;
clear:both;
}
.categorytitle{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#7ea604;
width:540px;
text-align:left;
margin-left:35px;
border-bottom:1px solid #999;
}
#scategory{
float:left;
width:600px;
margin-left:-5px;
}
#scategory ul li{
list-style: none;
float:left;
width:170px;
font-size:12px;
line-height:1.4em;
margin-right:10px;
}
#scategory a{
padding:5px;
display:block;
color:#CCC;
border-bottom:1px dotted #091011;
text-decoration:none;
}
#scategory a:hover{
color:#FFF;
background:#091011;
}
.about-me{
margin-top:-15px;
float:right;
text-align:left;
width:270px;
font:bold 14px Arial;
color:#d4d4d4;
padding-bottom:10px;
border-bottom:1px solid #999;
margin-right:23px;
}
.about-me-text{
margin-right:23px;
width:270px;
height:200px;
padding-top:15px;
font-size:12px;
color:#a0a0a0;
float:right;
text-align:left;
}
.about-me-text img{
float:left;
margin:2px 10px 2px 0;
border:1px solid #333;
padding:3px;
}
.about-me-text a{
text-decoration:underline;
font-weight:bold;
}
#nav{
position:relative;
height:35px;
margin:-173px 0 0 15px;
padding:0px;
overflow:hidden;
}
#nav li{
float:left;
list-style:none;
}
#nav li.back{
position:absolute;
background:url("http://i40.tinypic.com/1491kb4.png") repeat-x;
height:35px;
z-index:8;
}
#nav li a{
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#595a37;
top:11px;
display:block;
float:left;
height:35px;
position:relative;
overflow:hidden;
padding:0px 15px 0px 15px;
text-decoration:none;
z-index:10;
}
#nav .current_page_item a, #nav .current_page_item a:visited, #nav .page_item a:hover{
color:#fff;
}
#nav .page_item a{
color:#333;
}
/* End Structure */
/*   Begin Headers */
h1 {
padding-top: 5px;
margin: 0;
}
h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
/* End Headers */
/* Begin Images */
p img {
padding:0;
max-width: 100%;
}
/*   Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered, .aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
#sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
text-align: center;
margin: -70px 0 0 560px;
height: 43px;
}
#searchform #s {
border:1px solid #203346;
width: 265px;
height: 20px;
background: #fff;
padding:4px 5px 0 5px;
margin: 7px 2px;
font-weight: normal;
color:#b0b0b0;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
}
#commentform #submit {
margin:0 -2px 50px 0;
background: url('http://i42.tinypic.com/2wfnzh0.gif') no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #fff;
border: none;
float:right;
width: 143px;
height: 27px;
cursor: pointer;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0 0 0 0px;
padding: 10px 10px 10px 10px;
}
.commentlist {
margin: 0 0 0 0px;
padding: 0px;
text-align: justify;
list-style: none;
}
.commentlist li{
margin: 0;
padding: 10px 10px 10px 10px;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
/* End Comments */
/* Begin Mini Icons */
.postdata {
font-size: 12px;
color: #999999;
padding: 5px 0 5px 0;
line-height: 1.3em;
}
.postdata a, .postdata a:visited {
color: #999999;
text-decoration: none;
}
.postdata a:hover {
color: #06c;
text-decoration: none;
}
.postdata .category{
background: url('http://i43.tinypic.com/2iuuwep.gif') no-repeat;
padding-left: 18px;
float: left;
}
.postdata .comments{
background: url('http://i39.tinypic.com/mmwt2b.gif') no-repeat;
padding-left: 18px;
float: right;
}
.postdata .add-comment{
background: url('http://i44.tinypic.com/302awt3.gif') no-repeat;
padding-left: 18px;
float: right;
}
.postdata .minidate{
background: url('http://i42.tinypic.com/2v3q6hy.gif') no-repeat;
padding-left: 18px;
float: left;
}
/* End Mini Icons */
/* Begin Sidebar */
#sidebar{
font-family: Arial;
padding: 20px 0 10px 0;
width: 270px;
float: left;
overflow: hidden;
margin-left: 60px;
}
#sidebar form {
margin: 0;
}
#sidebar h2 {
height: 19px;
padding: 4px 5px 4px 5px;
font:125%/100% Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
border-bottom: 1px solid #999;
text-transform:uppercase;
}
#sidebar ul ul{
padding: 5px;
margin: 0px;
text-align:left;
}
#sidebar ul li ul li{
padding: 5px 0 5px 0px;
border-bottom: 1px dotted #e1e3e3;
font-size: 12px;
}
#sidebar .sidebarrecentpost{
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #e1e3e3;
font-size: 12px;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 175px;
border: 1px solid #999999;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
#previous-entries a{
background: url('http://i44.tinypic.com/etw7c2.gif') no-repeat;
padding-left: 18px;
float: left;
}
#next-entries a{
background: url('http://i39.tinypic.com/20ibnq.gif') no-repeat right;
padding-right: 18px;
float: right;
}
pre {
border:1px #ddd dotted;
background:#f7f7f7;
padding:0 15px 0 10px;
font-family: "Consolas", "Lucida Console", "Courier New", monospace;
float:left;
margin-bottom: 15px;
overflow: auto;
width: 520px;
}
/* End Various Tags & Classes*/
/* Gravatars Style*/
.gravs {
margin-top:20px;
}
.avatar {
float:left;
margin-right:5px;
margin-bottom:5px;
padding:3px;
border:1px solid #999;
}
/* End Gravatars Style*/

TAM EKRAN GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="content">
<div class="post">
<div class="entry">
<p></p>
<p></p>
</div>
</div>
<div class="post">
<div class="entry">
<p></p>
<p></p>
</div>
</div>
</div>

<div id="sidebar">
<ul>
<li>
<h2>Aliquam tempus</h2>
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
</li>
<li id="calendar">
<h2>Calendar</h2>
<div id="calendar_wrap">
<table summary="Calendar">
<caption>
February 2009
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="February" colspan="3" id="prev"><a href="#" title="">« Feb</a></td>
<td class="pad"> </td>
<td abbr="April" colspan="3" id="next"><a href="#" title="">Apr »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="5" class="pad"> </td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td id="today">11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td class="pad" colspan="6"> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2>Turpis nulla</h2>
<ul>         <li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>

<div id="footer">
<p>Copyright (c) 2008 Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>  Adaptacion By   <a href="http://mmstt.es.tl/">MmStT</a>
</div>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
/*
Design by Free CSS Templates
Adaptacion by mmstt NO BORRES LOS CREDITOS ¬¬
*/
body {
margin: 0;
padding: 0;
background: #000000 url(http://i39.tinypic.com/27zahp5.jpg) repeat left top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #837669;
}
h1, h2, h3 {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #D53707;
}
h1 { font-size: 44px; }
h2 { font-size: 20px; }
h3 { }
p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}
ul, ol { }
blockquote { }
a { color: #D53707; }
a:hover { text-decoration: none; }
a img {
border: none;
}
img.left {
float: left;
margin: 7px 30px 0 0;
}
img.right {
float: right;
margin: 7px 0 0 30px;
}
hr { display: none; }
.text1 {
padding: 5px 10px 5px 10px;
background: #FF6600;
color: #000000;
}
/* Header */
#header-wrapper {
}
#header {
height: 80px;
margin: 0 auto;
padding: 0 20px;
background: url(http://i40.tinypic.com/28wjbjn.jpg) repeat;
border-bottom: 4px solid #910000;
}
/* Menu */
#menu {
float: left;
width: 680px;
height: 40px;
}
#menu ul {
margin: 0;
padding: 25px 0 0 20px;
list-style: none;
line-height: normal;
}
#menu li {
display: block;
float: left;
}
#menu a {
display: block;
float: left;
margin-right: 17px;
padding: 5px 12px;
text-decoration: none;
font: 14px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline;
background: #C03511;
}
#menu .current_page_item a {
background: #910000;
color: #FFFFFF;
}
/* Search */
#search {
float: right;
width: 305px;
height: 40px;
}
#search form {
float: right;
margin: 0;
padding: 28px 20px 0 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
}
#search-text {
width: 135px;
height: 18px;
padding: 3px 0 0 5px;
background: #ECF9E4;
color: #658453;
}
#search-submit {
height: 21px;
margin-left: 12px;
color: #39561D;
}
/* Page */
#page {
margin: 0 auto;
padding: 0 40px;
}
/** LOGO */
#logo {
height: 148px;
}
#logo h1, #logo p {
float: left;
margin: 0;
padding: 0;
line-height: normal;
}
#logo h1 { padding-top: 45px;}
#logo h1 a {
padding: 5px 0 5px 10px;
text-decoration: none;
background: #000000;
color: #E46115;
}
#logo h1 a:hover { text-decoration: none; }
#logo p {
padding: 65px 0 0 15px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
color: #B6ACA2;
}
#logo p a {
text-decoration: none;
color: #B6ACA2;
}
#logo p a:hover { text-decoration: underline; }
/* Content */
#content {
float: left;
width: 75%;
}
/* Post */
.post {
margin-bottom: 25px;
}
.post .title {
margin-bottom: 3px;
padding: 2px 0px 2px 15px;
background: url(http://i42.tinypic.com/r8tutz.jpg) repeat left top;
}
.post .meta {
margin: 0 0 3px 0;
padding: 2px 30px 2px 15px;
font: italic 10px Georgia, "Times New Roman", Times, serif;
color: #B6ACA2;
}
.post .meta a { color: #B6ACA2; }
.post .entry {
padding: 25px 15px;
}
.post .links {
margin: 0 250px 0 0;
padding: 0 0 0 0px;
}
.post .links .comments {
}
.post .links .permalink {
padding-left: 17px;
}
/* Sidebar */
#sidebar {
float: right;
width: 20%;
margin-top: -100px;
padding-left: 30px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 30px;
padding: 0 0 20px 0px;
}
#sidebar li ul {
line-height: 200%;
}
#sidebar li li {
margin: 0;
padding: 0 0 0 15px;
}
#sidebar p {
padding: 0 15px;
}
#sidebar h2 {
margin: 0 0 20px 0px;
padding: 6px 0 6px 15px;
background: url(http://i42.tinypic.com/r8tutz.jpg) repeat left top;
font-size: 18px;
}
#sidebar p {
line-height: 200%;
}
/* Calendar */
#calendar {
}
#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}
#calendar table {
width: 100%;
border-collapse: collapse;
border: 1px solid #0F0E0E;
}
#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #0F0E0E;
border-left: 1px solid #0F0E0E;
background: #0F0E0E;
}
#calendar tbody td {
padding: 5px 0;
text-align: center;
}
#calendar tfoot td {
padding: 5px;
}
#calendar tfoot #next {
text-align: right;
}
#calendar #today {
background: #0F0E0E;
}
/* Footer */
#footer {
margin: 0 auto;
padding: 0;
background: url(http://i40.tinypic.com/28wjbjn.jpg) repeat;
border-top: 4px solid #910000;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
line-height: normal;
color: #FFFFFF;
}
#footer a {
color: #FFFFFF;
}

TASARIMIN ÜSTÜNE

<html>
<head>
<title>Black-Orange-V.2009</title>
</head>
<body>
<div id="header">
<h1>Tu Web</h1>
<h2>Menu</h2>
<ul>
<li class="first"><a href="#">Home</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>
</div>
<div id="colOne">
<h3>Titulo del Box1</h3>
<ul class="list">
<li class="first"><a href="#">link</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>
<li><a href="#">link</a></li>
</ul>
<p> </p>
<h3>Titulo del box2</h3>
<ul class="list">
<li class="first"><a href="#">link</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>
<li><a href="#">link</a></li>
</ul>
<p> </p>
<h3>Titulo del box3</h3>
<ul class="list">
<li class="first"><a href="#">link</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>
<li><a href="#">link</a></li>
</div>
<div id="colTwo">
<h2>Bienvenidos</h2>
</div>

TASARIMIN ALTINA

CSS BÖLÜMÜNE

lli.nav_element {
display : none;
}
li.nav_element a {
display : none;
}
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: #000000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #E7E7E7;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
h1 { font-size: 34px; }
h2 {
margin-bottom: 10px;
padding: 0 0 22px 0;
font-size: 24px;
background: #000000  none repeat-x left bottom;
}
h3 {
padding: 0 0 22px 0;
font-size: 13px;
background: #000000 url(https://img.webme.com/pic/w/web-etas/img0003.gif) repeat-x left bottom;
}
p {
margin-top: 0;
text-align: justify;
line-height: 160%;
}
a {
color: #FE4E00;
}
a:hover {
text-decoration: none;
}
.list {
margin: 0;
padding: 0;
list-style: none;
}
.list li {
padding: 5px 0;
background: url(https://img.webme.com/pic/w/web-etas/img0005.gif) repeat-x;
}
.list li.first {
background: none;
}
/* Header */
#header {
width: 100%;
margin: 0 auto;
padding: 40px 0 0 13px;
height: 90px;
background: url(https://img.webme.com/pic/w/web-etas/img0001.gif) repeat-x left bottom;
}
#header h1 {
float: left;
}
#header h2 {
display: none;
}
#header ul {
float: right;
margin: 0;
padding: 15px 0 0 0;
list-style: none;
}
#header li {
display: inline;
}
#header a {
display: block;
float: left;
padding: 0 14px 0 20px;
background: url(https://img.webme.com/pic/w/web-etas/img0002.gif) no-repeat left center;
text-decoration: none;
font: bold 12px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
#header a:hover {
text-decoration: underline;
}
#header .first a {
background: none;
}
#colOne {
float: left;
width: 179px;
padding: 0 0 0 21px;
}
#colOne h3 {
margin-top: 14px;
}
#colTwo {
float: right;
width: 394px;
padding: 0 29px 0 0;
}
/* Footer */
#footer {
clear: both;
width: 100%;
margin: 0 auto;
padding: 30px 0 0 0;
}
#footer p {
padding: 20px 0 0 0;
background: url(https://img.webme.com/pic/w/web-etas/img0004.gif) repeat-x;
text-align: center;
color: #8A8A8A;
}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="main_content">
<div class="post">
<div class="post_title">
<h2><a href="http://www.templates-pwg.es.tl/"Templates-PwG</a></h2>
</div>
<div class="post_date"> <a href=""></a></div>
<div class="post_body">
</div>
</div>
<div class="post">
<div class="post_title">
</div>
<div class="post_date"><a href=""></a></div>
<div class="post_body">
<p></p>
</div>
</div>
</div>
</div>
<div class="right" id="sidebar">
<div id="sidebar_content">
<div class="box">
<div class="box_title">Titulo</div>
<div class="box_content"></div>
<p>Texto Aqui.</p>
</div>
<div class="box">
<div class="box_title">Titulo</div>
<div class="box_content">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
</ul>
</div>
</div>
<div class="box">
<div class="box_title">Titulo</div>
<div class="box_content">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
</ul>
</div>
</div>
<div class="box">
<div class="box_title">Titulo</div>
<div class="box_content">
<div class="thumbnails"> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a> <a href="#" class="thumb"><img src="http://i42.tinypic.com/zivr4p.jpg" width="75" height="75" alt="" /></a>
<div class="clearer"> </div>
</div>
</div>
</div>
</div>
</div>
<div class="clearer"> </div>
</div>
</div>
</div>
<div id="dashboard">
<div id="dashboard_content">
<div class="center_wrapper">
<div class="col3 left">
<div class="col3_content">
<h4>Titulo</h4>
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
</ul>
</div>
</div>
<div class="col3mid left">
<div class="col3_content">
<h4>Titulo</h4>
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
</ul>
</div>
</div>
<div class="col3 right">
<div class="col3_content">
<h4>Titulo</h4>
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
</ul>
</div>
</div>
<div class="clearer"> </div>
</div>
</div>
</div>
<div id="footer">
<div class="center_wrapper">
<div class="left">Copyright © 2009 Todos Los Derechos Reservados. <a href="#">Tu Web</a></div>
<div class="right"> <a href=""></a>Design Adaptado by: <a href="http://www.templates-pwg.es.tl/">Templates-PwG</a></div>
<div class="clearer"> </div>
</div>
</div>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
/*
Template name: Emplode
Release date: 2009 Mayo 26
Description: A clean and simple two-column template.
Author: Viktor Persson
Adaptacion a Paginawebgratis.es: WwW.Templates-PwG.Es.Tl
This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/
/*
Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */
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, 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;
font-size: 100%; vertical-align: baseline; background: transparent; } body {
line-height: 1; } 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; }
table { border-collapse: collapse; border-spacing: 0; }
/*
General
------------------------------------------------------------------- */
html {
font-size: 62.5%; /* reset 1em to 10px */
height: 100%;
}
body {
background: #353530;
color: #5A5A50;
font: normal 1.3em Georgia,sans-serif;
height: 100%;
padding-bottom: 1px; /* force scrollbars */
}
/*
Typography
------------------------------------------------------------------- */
p {
line-height: 1.4em;
padding: 0.2em 0 1.2em;
}
h1 {font: normal 3em Georgia,sans-serif;}
h2 {font: normal 2.2em Georgia,sans-serif;}
h3 {font: normal 2em Georgia,sans-serif;}
h4 {font: normal 1.8em Georgia,sans-serif;}
h5 {font: normal 1.6em Georgia,sans-serif;}
h6 {font: bold 1.2em Georgia,sans-serif;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 0.2em;}
blockquote {
background: #F6F6F2 url('http://i44.tinypic.com/23kbsp0.gif') no-repeat 0 -414px;
border-bottom: 1px solid #E0E0D4;
border-top: 1px solid #E0E0D4;
color: #332;
display: block;
margin: 0.6em 0 1.6em;
padding: 0.8em 1em 0.2em 46px;
}
/*
Tables
------------------------------------------------------------------- */
table.data_table {
border: 1px solid #CCB;
margin-bottom: 2em;
width: 100%;
}
table.data_table th {
background: url('http://i39.tinypic.com/kd4cht.jpg');
border: 1px solid #CCB;
color: #555;
text-align: left;
}
table.data_table tr {border-bottom: 1px solid #DDD;}
table.data_table td, table th {padding: 10px;}
table.data_table td {
background: url('http://i44.tinypic.com/2ikbk3t.jpg');
border: 1px solid #DDC;
}
/*
Lists
------------------------------------------------------------------- */
dl {margin-bottom: 2em;}
dt,dd {padding: 8px 10px;}
dt {
background: url('http://i39.tinypic.com/kd4cht.jpg');
border-bottom: 1px solid #CCB;
color: #555;
font-weight: bold;
}
dd {
background: url('http://i44.tinypic.com/2ikbk3t.jpg');
border-bottom: 1px solid #DDC;
padding-left: 16px;
}
/*
Links
------------------------------------------------------------------- */
a {color: #543;}
a:hover {
color: #C40;
text-decoration: underline;
}
/*
Forms
------------------------------------------------------------------- */
fieldset {
border-left: 1px solid #CCB;
border-right: 1px solid #CCB;
margin: 1em 0 1.2em;
}
input, textarea, select {
background-color: #FFF;
border-color: #777 #CCC #CCC #777;
border-style: solid;
border-width: 1px;
font: normal 1em Verdana,sans-serif;
padding: 4px;
}
input.button {
background: #E9E8E8 url('http://i44.tinypic.com/23kbsp0.jpg') repeat-x 0 -366px;
border: 1px solid #888;
border-color: #BBB #888 #888 #CCC;
color: #444;
cursor: pointer;
font: normal 1em Verdana,sans-serif;
margin-top: 5px;
padding: 6px;
width: auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #FFFFF5;}
input.button:hover, input.button:focus {
color: #123;
cursor: pointer;
}
textarea {overflow: auto;}
input.image {
border: 0;
padding: 0;
}
/* Specific */
.form_row {
background: url('http://i44.tinypic.com/2ikbk3t.gif');
border-bottom: 1px solid #E1E1D5;
padding: 10px 0;
}
.form_required {font-weight: bold;}
.form_row_submit, .legend {
background: url('http://i39.tinypic.com/kd4cht.jpg');
border-bottom: 1px solid #CCB;
border-top: 1px solid #CCB;
padding: 4px 0 8px;
}
.legend {padding: 8px 18px 6px;}
.form_property, .form_value {float: left;}
.form_property {
font-size: 1.1em;
text-align: right;
width: 110px;
}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}
/*
Images
------------------------------------------------------------------- */
img.bordered {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
}
img.left {margin: 0 15px 12px 0;}
img.right {margin: 0 0 15px 12px;}
/*
Floats
------------------------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer {
display: block;
font-size: 0;
line-height: 0;
}
/*
Misc
------------------------------------------------------------------- */
.content_separator, .archive_separator {
background: #D6D6C6;
clear: both;
color: #FFE;
display: block;
font-size: 0;
height: 1px;
line-height: 0;
margin: 12px 0 24px;
}
.archive_separator {margin: 0 0 12px;}
/*
Layout
------------------------------------------------------------------- */
/* General */
.center_wrapper {
margin: 0 auto;
width: 855px;
}
#header {
background: #35322B url('http://i44.tinypic.com/23kbsp0.jpg') repeat-x 0 0;
padding-top: 8px;
}
/* Toplinks */
#toplinks {
background: #353530 url('http://i44.tinypic.com/hwd36f.gif') no-repeat left top;
color: #554;
float: right;
font-size: 0.9em;
height: 27px;
width: 230px;
}
#toplinks_inner {
padding-top: 3px;
text-align: center;
}
#toplinks a {color: #887;}
#toplinks a:hover {color: #DDC;}
/* Site title */
#site_title {
color: #998;
padding: 0 0 16px;
}
#site_title a {
color: #FFF;
text-decoration: none;
}
#site_title a:hover {color: #FFB;}
#site_title h1 span {color: #CCB;}
/* Navigation */
#navigation ul, #navigation li {display: inline;}
#navigation li {display: inline;}
#navigation, #navigation a {background: #958573 url('http://i44.tinypic.com/23kbsp0.jpg') repeat-x 0 -222px;}
#navigation a {
border-right: 1px solid #AFA69C;
color: #654;
float: left;
font: bold 1em Georgia,Tahoma,sans-serif;
margin-right: 1px;
padding: 10px 12px;
text-align: center;
text-decoration: none;
}
#navigation li:first-child a {border-left: 1px solid #AFA69C;}
#navigation a:hover,#navigation li.current_page_item a {
background-position: 0 -294px;
color: #543;
}
/* Main */
#main_wrapper_outer {background: url('http://i41.tinypic.com/23ur4b8.gif');}
#main_wrapper_inner {
background: url('http://i39.tinypic.com/flvmzq.gif') repeat-x left top;
line-height: 1.4em;
padding: 24px 0;
}
#main {
font: normal 0.9em Verdana,sans-serif;
width: 540px;
}
#main ol, #main ul {margin: 0 0 1.2em 1.6em;}
#main ul li {list-style: disc;}
#main ol li {list-style: decimal;}
#main li {padding: 2px 0;}
/* Sidebar */
#sidebar {
color: #665;
width: 286px;
border-left: 1px solid #CCB;
}
#sidebar_content {padding-left: 25px;}
#sidebar a {color: #665;}
#sidebar a:hover {color: #C40;}
/* Dashboard */
#dashboard {
background: #DDD url('http://i39.tinypic.com/kd4cht.jpg');
border-top: 1px dashed #C0C0B0;
}
#dashboard_content {padding: 16px 0 22px;}
#dashboard .col3 {width: 255px;}
#dashboard .col3mid {width: 337px;}
#dashboard .col3mid .col3_content {
border-left: 1px solid #CCB;
border-right: 1px solid #CCB;
padding: 0 20px;
margin: 0 20px;
}
#dashboard li {
color: #887;
padding: 5px 0;
}
#dashboard li {border-top: 1px dashed #C6C6B6;}
#dashboard li a {
color: #606050;
text-decoration: none;
}
#dashboard li a:hover {
color: #332;
text-decoration: underline;
}
/* Footer links */
#footer {
color: #AA9;
padding: 12px 0;
}
#footer a {color: #BBA;}
#footer .right, #footer .right a {
color: #777;
text-decoration: none;
}
#footer a:hover {color: #CCB;}
/*
Posts
------------------------------------------------------------------- */
.post {margin-bottom: 24px;}
.post_title a,.post_date a {text-decoration: none;}
.post_date a:hover,.post_meta a:hover {text-decoration: underline;}
.post_date {
color: #777;
margin-bottom: 14px;
}
.post_date a {color: #444;}
.post_meta {
background: url('http://i44.tinypic.com/2ikbk3t.jpg');
border: 1px solid #E5E5D5;
color: #776;
font-size: 0.9em;
padding: 8px 10px;
}
.post_meta a {color: #665;}
.post_meta a:hover {color: #001;}
/* Archives */
.archive_pagination {margin-bottom: 1.6em;}
.archive_post {margin-bottom: 1em;}
.archive_post_date {
background: url('http://i44.tinypic.com/2ikbk3t.jpg');
border-bottom: 1px solid #C5C5B5;
border-right: 1px solid #CFCFBF;
float: left;
margin-right: 12px;
padding: 3px 0 5px;
text-align: center;
width: 44px;
}
.archive_post_day {font: normal 1.8em Georgia,serif;}
/*
Thumbnails
------------------------------------------------------------------- */
.thumbnails {margin: 0 -0 2em -8px;}
.thumbnails a.thumb {
background: url('http://i39.tinypic.com/kd4cht.gif');
display: block;
float: left;
margin: 0 0 8px 8px;
padding: 3px;
}
.thumbnails a.thumb:hover {background: #C6C6BA;}
.thumbnails .thumb img {display: block;}
/*
Box
------------------------------------------------------------------- */
.box {margin-bottom: 1.5em;}
.box_title {
background: url('http://i39.tinypic.com/kd4cht.jpg');
color: #665;
font-weight: bold;
padding: 5px 8px;
}
.box_content {padding: 8px 0 8px;}
.box li {
border-top: 1px solid #DDC;
padding: 4px 6px;
}
.box li:first-child {border-top: none;}
/*
Comments
------------------------------------------------------------------- */
div.comment_list {
border-top: 1px solid #D6D6C6;
margin: 1em 0 2em;
}
.comment {
border-bottom: 1px solid #D6D6C6;
padding-top: 10px;
}
.comment_date {
font-size: 0.9em;
padding-top: 4px;
}
.comment_date a {
color: #665;
text-decoration: none;
}
.comment_date a:hover {
color: #001;
text-decoration: underline;
}
.comment_body {padding-top: 4px;}
.comment_gravatar {width: 48px;}
.comment_gravatar img {
background: #FFF;
border: 1px solid #DDD;
padding: 2px;
}
.comment_author {padding-top: 3px;}
/*
IE float/background fixes
------------------------------------------------------------------- */
.legend, blockquote, #sidebar {min-height: 0.01%;}

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(fondo );background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:800px; background-image:url(http://img37.imageshack.us/img37/8435/disexsada.png);} #content { position: absolute; left: 51%; top: 350px; margin-left:-322px; width: 320px; height: 381px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#262626;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 610px;
height:600px;
background-image:url(http://www.fileden.com/files/2008/3/24/1833523/designblackicon.png);}
#content {
position: absolute;
left: 50%;
top: 229px;
margin-left:-283px;
width: 380px;
height: 360px;
padding:10px;
color: #transparent;
font-size:13px;
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#ffffff;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #cccccc;
font-size: 13px;
text-decoration: none;}

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#262626;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 800px;
height:600px;
background-image:url(http://www.fileden.com/files/2008/3/24/1833523/designteruchan2.png
);}
#content {
position: absolute;
left: 50%;
top: 159px;
margin-left:-389px;
width: 520px;
height: 360px;
padding:10px;
color: #transparent;
font-size:13px;
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#ffffff;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #cccccc;
font-size: 13px;
text-decoration: none;}

TV ŞEKLİNDE TASARIM

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#FFFFFF;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 550px;
height:525px;
background-image:url(http://pixelea.com/s/447a307d77.png);}
#content {
position: absolute;
left: 58%;
top: 177px;
margin-left:-310px;
width: 453px;
height: 275px;
padding:10px;
color: #FFFFFF;
font-size:13px; c
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#000000;
text-decoration: none;
font-size:13px;}
a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}          //-->
</style>