Tasarımın Üstü:
Kod:
<!-- header start -->
<div id="header">
<div class="container">
<div id="logo"><a href="/" rel="nofollow">Fresheezy</a></div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery" class="active">Gallery</a></li>
<li><a href="/submit" rel="nofollow">Submit</a></li>
<li><a href="/blog" rel="nofollow">Blog</a></li>
<li id="menu-link"><a href="#" id="menu-link-item">Eezy Network</a></li>
</ul>
</div>
<div class="container-diff">
<div id="eezy-menu" style="display:none;">
<div id="eezy-content">
<a href="http://www.brusheezy.com/">
<strong>Brusheezy</strong>
<span>Photoshop Brushes</span>
<div class="clear"></div>
</a>
<a href="http://www.vecteezy.com/">
<strong>Vecteezy</strong>
<span>Free Vector Graphics</span>
<div class="clear"></div>
</a>
<a href="http://www.flasheezy.com/">
<strong>Flasheezy</strong>
<span>Free Flash</span>
<div class="clear"></div>
</a>
<a href="http://www.fresheezy.com/">
<strong>Fresheezy</strong>
<span>Website Themes</span>
<div class="clear"></div>
</a>
</div>
<div id="eezy-menu-bottom"></div>
</div>
</div>
</div>
<!-- header end -->
<div id="content">
<div class="container">
<div class="top_banner">
<div class="leaderboard">
<a href="http://themeforest.net?ref=EezyInc" rel="nofollow" target="_blank"><img alt="Theme Forest" src="http://fresheezy.cdn.eezyinc.com/images/top_banners/0000/0001/TF_728x90.jpg?1230520724" title="Theme Forest" /></a>
</div>
</div>
<!-- main column start -->
<div id="main">
<div class="wrap">
Tasarımın Altı:
Kod:
</div>
<!-- main column end -->
<!-- right column start -->
<div id="sidebar-right">
<div class="premium_sideboard_ad">
<!-- Rubicon Project tag -->
<!-- Site: Fresheezy Zone: 300x250 Box Size: Medium Rectangle (300x250) -->
<!-- PLACEMENT: Above the Fold -->
<script language="JavaScript" type="text/javascript">
var cb = Math.random();
var d = document;
d.write('<script language="JavaScript" type="text/javascript"');
d.write('src="http://optimized-by.rubiconproject.com/a/1060/7712/12755-15.js?cb='+cb+'">');
d.write('<\/scr'+'ipt>');
</script>
<!-- end Rubicon Project tag -->
</div>
<div class="sideboard_ad_box">
<script type="text/javascript">
Vertical1234820 = false;
ShowAdHereBanner1234820 = true;
RepeatAll1234820 = false;
NoFollowAll1234820 = false;
BannerStyles1234820 = new Array(
"a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:10px;text-align:center;text-decoration:none;overflow:hidden;float:left}",
"img{border:0;}",
"a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;float:left}",
"a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}"
);
document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1234820/1234820.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div class="advert_box">
<div class="advert">
<a href="http://themeforest.net?ref=EezyInc" rel="nofollow" target="_blank"><img alt="ThemeForest.net" src="http://fresheezy.cdn.eezyinc.com/images/adverts/0000/0012/TF_125x125.jpg?1230523817" title="ThemeForest.net" /></a>
</div>
<div class="advert">
<a href="http://www.woothemes.com/amember/go.php?r=3118&i=b1"><img src="http://www.woothemes.com/ads/woothemes-125x125-2.gif" border=0 alt="WooThemes - Premium WordPress Themes Club" width=125 height=125></a>
</div>
<div class="advert">
<a href="http://www.pjatr.com/t/Rj9EQkhKQj9DREtEP0VESUNL?sid=freshx125x1"><img src="http://www.pjatr.com/b/Rj9EQkhKQj9DREtEP0VESUNL?sid=freshx125x1" border="0" width="125" height="125" title="Go Media Arsenal" alt="Go Media Arsenal"></a>
</div>
</div>
<br class="vspacer"/>
<h3>Check this out!</h3>
<div class="box">
<ul class="textlinks">
<li><a href="http://www.cssforsale.com" rel="nofollow" target="_blank">Sell Your Themes!</a></li>
<li><a href="http://www.wix.com/free/website" rel="nofollow" target="_blank">Free flash website</a></li>
<li><a href="http://www.amarasoftware.com" rel="nofollow" target="_blank">Flash Animation Software</a></li>
</ul>
</div>
<!-- Rubicon Project tag -->
<!-- Site: Fresheezy Zone: 160x600 Skyscraper Size: Wide Skyscraper (160x600) -->
<script language="JavaScript" type="text/javascript">
var cb = Math.random();
var d = document;
d.write('<script language="JavaScript" type="text/javascript"');
d.write('src="http://optimized-by.rubiconproject.com/a/1060/7712/12758-9.js?cb='+cb+'">');
d.write('<\/scr'+'ipt>');
</script>
<!-- end Rubicon Project tag -->
</div>
<!-- right column end -->
</div>
</div>
<!-- footer start -->
<div id="footer">
<div class="container">
<ul>
<li><a href="/terms" rel="nofollow">Terms of Use</a></li>
<li><a href="/contact" rel="nofollow">Contact Us</a></li>
<li><a href="/advertise" rel="nofollow">Advertise</a></li>
<li><a href="/contact" rel="nofollow">Report a Dead Link</a></li>
</ul>
Copyright © 2008 Fresheezy.com, All rights reserved
</div>
</div>
<!-- footer end -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1204257-5";
urchinTracker();
</script>
Css
/*
Theme Name: Dark Mood v2
Theme URI:
http://www.semlaguna.com
Description: This is a free WordPress Theme from
www.semlaguna.com
Author: Ed Canape
Author URI:
http://www.semlaguna.com
/*-----------Block Level Elements--------------*/
Body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#d7d7d7;
background-color:#ffffff;margin-top: 0px; margin-left:0px; margin-bottom:0px; background-position: bottom; background-image:url(images/bg_01.jpg); background-repeat:yes;
}
a {color:#fff;}
#page {
width: 750px;
margin: 0 auto; background-image:url(images/bodybg.jpg); background-repeat:repeat-y;
}
#header {
width:750px;
height:312px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
overflow:hidden;
}
#headerimg {
float:left;
padding:10px;
margin:0px;
}
#headerimg h2{
font-size:18px;
color:#FFFFFF;
padding:0px;
margin:0px;
}
#headerimg a{
color:#FFFFFF;
text-decoration:none;
}
#headerimg .description {
padding:0px;
margin:0px;
font-size:10px;
}
#header_about {
width:430px;
float:right;
color:#8d8d8d;
}
#header_about {
padding:0px;
margin:0px;
}
#header_about {
display:inline; padding-top:160px; padding-right:80px; font:24px bolder Arial, Helvetica, sans-serif;
margin:0px;
font-weight:bolder;
}
#header_about a{ color: #FFFFFF; text-decoration:none;font-size:34px;}
#header_about a:hover { color: #FFFFFF; text-decoration:none; }
#header_pic {
width: 750px;
height:312px;
background:#faf8ea url(images/header_pic.jpg); background-repeat:no-repeat;
}
#header_pic h1 {
font-size:18px;
color:#df0000;
padding:0px;
margin:0px;
}
#wrapper {
width: 100%;
}
#content {
float: right;
width: 520px;
padding:10px;
overflow:hidden;
}
#topnav {
width: 740px;
height:15px;
background:#e3e3e3 url(images/top_bar.gif) repeat-x;
padding:7px 5px 3px 5px;
margin:0px;
text-align:right;
font:11px bolder Verdana, Arial, Helvetica, sans-serif;
}
#topnav ul {
padding:0px;
margin:0px;
}
#topnav li {
display:inline;
padding:0px 5px 0px 5px;
margin:0px;
font-weight:bolder;
}
#topnav a { color:#bfbfbf; text-decoration:none; }
#topnav a:hover { color:#efefef; text-decoration:underline; }
#sitenav {
float:left;
width: 750px;
background: #333333;
padding-bottom:10px;
margin:0px;
}
#sitenav_title{
background:#262323 url(images/footer_bar.gif);
padding:25px 0px 2px 10px;
color: #FFFFFF;
font:14px bolder Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
height:20px;
}
#sitenav .title {
background:#262323 url(images/side_bar_title.gif) repeat-x;
border-bottom:1px solid #333;
font-size:12px;
font-weight:bold;
padding:3px;
overflow:hidden;
margin:0px;
color: #FFFFFF;
}
#sitenav .box {
width:150px;
float:left;
background:#262323 url(images/box_bg.jpg) bottom right no-repeat;
padding:0px;
margin:10px 10px 10px 10px;
border:2px solid #343434;
}
#sitenav .box ul {
padding:5px 0px 0px 20px;
margin:0px;
}
#sitenav .box li {
list-style-type:square;
padding:3px 0px 3px 0px;
border-bottom:1px dashed #333;
margin:0px;
color:#a9a9a9;
}
#sitenav .box li a{
color:#a9a9a9;
text-decoration:none;
}
#sitenav .box li a:hover{
color:#a9a9a9;
text-decoration:underline;
}
#sitenav .box2 {
width:360px;
float:left;
background:#262323 url(images/box_bg.jpg) bottom right no-repeat;
padding:0px;
margin:10px;
border:2px solid #343434;
}
#sitenav .box2 ul {
padding:5px 0px 0px 20px;
margin:0px;
}
#sitenav .box2 li {
list-style-type:square;
padding:3px 0px 3px 0px;
border-bottom:1px dashed #333;
margin:0px;
color:#787878;
}
#sitenav .box2 li a{
color:#a9a9a9;
text-decoration:none;
}
#sitenav .box2 li a:hover{
color:#a9a9a9;
text-decoration:underline;
}
#footer {
width: 730px;;
clear: both;
text-align:center;
/* background:url(images/footer_bg.gif) top repeat-x;
*/ height:30px;
color:#787878;
padding:10px;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:0px auto;
}
#footer a{
color:#787878;
}
/*-------------Headings-------------*/
h1 {
font-size:14px;
color:#ffc600;
padding:0px;
margin:0px;
}
h2 {
font-size:14px;
color: #FFFFFF;
padding:0px;
margin:0px;
}
h3 {
font-size:18px;
color:#a9a9a9;
padding:0px;
margin:0px;
}
h4 {
font-size:20px;
color:#a9a9a9;
padding:0px;
margin:0px;
}
h5 {
font-size:22px;
color:#a9a9a9;
padding:0px;
margin:0px;
}
/*-------------The Post-------------*/
.post h2 a, h2 a:hover, h2 a:active{
color: #993300; font-size:24px;
text-decoration:none; overflow:hidden;
padding:0px;
margin:0px;
}
.post {
margin-bottom:10px;
padding:10px;
border-left:3px solid #333333;
}
.post p {
text-align:justify;
}
.post a {
color: #FFFFFF;
}
.post ul {
}
.post li {
}
.entry {
}
.entrytext .postmetadata {
}
.postmetadata alt {
}
.postmetadata a {
}
.navigation {
height:40px;
}
.alignleft {
width:200px;
margin-bottom:10px; margin-left:10px;
float:left;
text-align:left;
color:#a9a9a9;
}
.alignleft a{
color:#a9a9a9;
}
.alignright {
width:200px; margin-right:10px;
margin-bottom:10px;
float:right;
text-align:right;
color:#a9a9a9; overflow:hidden;
}
.alignright a{
color:#a9a9a9;
}
.center {
}
.pagetitle {
}
blockquote {
border-left:2px solid #333;
padding-left:10px;
}
cite {
}
.post img {
float:left;
margin:0px 10px 10px 0px;
border:1px solid #999999;
}
.post a img {
border:1px solid #999999;
}
acronym, abbr {
}
/*--------------side bar------------*/
#sidebar {
width: 200px;
float:left;
padding:5px;
}
#sidebar ul {
margin:5px;
padding:0px;
}
#sidebar ul h2 {
border-bottom:1px solid #cacaca;
font-size:12px;
padding:3px;
overflow:hidden;
margin:0px;
color: #FFFFFF;
}
#sidebar ul li {
color:#a9a9a9;
list-style-type:none;
margin-left:5px;
}
#sidebar ul ul {
padding-bottom:10px;
padding-left:15px;
}
#sidebar ul ul li {
padding-left:0px;
margin-bottom:3px;
list-style-type:square;
border-bottom:1px dashed #CCCCCC;
}
#sidebar ul ul ul {
padding-bottom:0px;
padding-left:0px;
}
#sidebar ul ul ul li {
list-style-type:circle;
padding-left:0px;
margin-bottom:3px;
/*border-bottom:1px dashed #CCCCCC;*/
}
#sidebar p {
}
#sidebar a {
color:#a9a9a9;
text-decoration:none;
}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar a:visited {
color:#999999;
text-decoration:none;
}
/*--------------Comments--------------*/
ol.commentlist {
}
ol.commentlist li {
}
ol.commentlist li.alt {
}
ol.commentlist a {
color:#fff;
}
small.commentmetadata {
}
/*--------------Search Form-------------*/
#search {
float:right;
padding:15px;
}
#search .icon{
padding-top:3px;
float:left;
}
#searchform {
padding:10px;
}
#searchform input {
color: #333;
background: #FFFFFF;
border: 1px solid #CCCCCC;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#searchform #s {
vertical-align:top;
}
/*-------------Calendar-----------------*/
#date {
float:left;
width:45px;
height:52px;
background:url(images/date_bg.jpg) no-repeat;
padding-top:10px;
margin-right:10px;
}
#date .y {
text-align:left;
font:10px bolder Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
margin-top:-1px;
padding-left:6px;
}
#date .d {
text-align:center;
font:10px bolder Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
}
#date .m {
text-align:center;
font:10px bolder Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFFFFF; margin-top:-3px;
}
#date .j {
text-align:center;
font:20px bolder Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; font-weight:bold;
margin-top:-2px;
}
#wp-calendar {
}
#wp-calendar th {
}
#wp-calendar a {
}
#prev a, #next a {
}
#wp-calendar caption {
}
/*-------------Images------------------*/
/*-------------Other------------------*/
hr {
display: none;
}
Albuda Benim için Olsun