Güle güle Kullanın...
1.Tasarım
üst kısım:
Kod: <style type="text/css"> <!-- html, body { text-align: center; } --> </style>
<div id="tasarim">
<div id="ust"></div>
<div id="orta">
<div class="solsutun">Burası Sol Sutun</div>
<div class="sagsutun">
t.altı:
Kod: </div>
</div>
<div id="alt"></div>
</div>
Css kodu
Kod:
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 }
body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(buraya) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: 0 auto;
margin-right:0 auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img193.imageshack.us/img193/5906/28187707.jpg);
width: 870px;
height: 310px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img193.imageshack.us/img193/7817/ortay.jpg);
width: 870px;
height: 800%;
float: left;
}
.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}
.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img23.imageshack.us/img23/4909/altna.jpg);
width: 870px;
height: 210px;
float: left;
}
-------------------------------------
2.Tasarım
üst kısım:
Kod: <div id="wrapper">
<!-- Header -->
<div id="header-wrapper">
<!-- web-masterim.forum.st -->
<div id="header">
<!-- Your website name -->
<h1><a href="#">web-masterim.forum.st</a></h1>
<!-- Your website name end -->
<!-- Your slogan -->
<h2>Yaptıklarımız Yapacaklarımızın Teminatıdır.</h2>
<!-- Your slogan end -->
<!-- Search form -->
<form class="searching" action="">
<fieldset>
<label></label>
<input class="search" type="text" onfocus="if(this.value==this.defaultValue)this.value=''"
onblur="if(this.value=='')this.value=this.defaultValue" value="Find it…" />
<input class="hledat" type="image" src="img/search-button.gif" name="" alt="Search" />
</fieldset>
</form>
<!-- Search end -->
</div>
</div>
<!-- Header end -->
<div id="content-box">
<div id="content-box-in">
<!-- Content right -->
<div id="content-box-right">
<div id="content-box-right-in">
<h3 class="first">Lorem ipsum dolor</h3>
<div class="division">
t.altı:
Kod:
</div></div>
</div>
<!-- Content right end -->
<!-- Content left -->
<div id="content-box-left">
<div id="content-box-left-in">
<h3>Lorem ipsum</h3>
<ul>
<li><a href="http://web-masterim.forum.st">web-masterim.forum.st</a></li>
<li><a href="#">Item Two</a></li>
<li><a href="#">Item Three</a></li>
<li><a href="#">Item Four</a></li>
<li><a href="#">Item Five</a></li>
<li><a href="#">Item Six</a></li>
<li><a href="#">Item Seven</a></li>
<li><a href="#">Item Eight</a></li>
<li class="last"><a href="#">Item Nine</a></li>
</ul>
<h3>Lorem ipsum</h3>
<ul>
<li><a href="#">Item One</a></li>
<li><a href="#">Item Two</a></li>
<li><a href="#">Item Three</a></li>
<li><a href="#">Item Four</a></li>
<li><a href="#">Item Five</a></li>
<li class="last"><a href="#">Item Six</a></li>
</ul>
<h3>Contact</h3>
<p class="first"><span>Jabber:</span><br /> nick( at )jabber.cz</p>
<p><span>Live Messenger:</span><br /> info@<!---->domain.com</p>
<p><span>Fax:</span><br /> 0 123 456 789</p>
<p><span>E-mail:</span><br /> info@<!---->domain.com</p>
</div>
</div>
<!-- Content left end -->
<div class="cleaner"> </div>
</div>
</div>
<hr class="noscreen" />
<!-- Footer -->
<div id="footer">
<p>© <a href="#">web-masterim.forum.st</a>, 2oo9. <a href="http://web-masterim.forum.st/">web-masterim</a>
by <a href="http://web-masterim.forum.st/">forum</a></p>
</div>
<!-- Footer end -->
</div>
Css kodu
Kod: table {margin-left: auto;margin-right: auto}
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;}
/* This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */
/* CSS Document */
/* General */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
font-size: 62.5%;
}
body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF url('http://64upload.com/files/3469_bg.gif') repeat-x 0 0;
min-width: 770px;
padding-bottom: 60px; /* Simulates margin-bottom for wrapper in IE */
}
a:link, a:visited {
color: #326100;
text-decoration: underline;
font-weight: bold;
}
a:hover {
text-decoration: none;
}
.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}
.noscreen {
display: none;
}
/* Paragraphs, headings, ... */
p {
line-height: 170%;
}
h1 {
font-size: 2.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #595959;
letter-spacing: 1px;
text-align: left;
padding: 25px 0 2px 15px;
margin-left: 30px;
border-bottom: 1px solid #EEEEEE;
background: url('http://64upload.com/files/3470_h1-bg.gif') no-repeat 0 34px;
}
h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #595959;
}
h2 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #595959;
text-align: left;
margin: 6px 0 0 30px;
}
h3 {
color: #396E00;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
letter-spacing: 1px;
margin: 30px 0 10px 0;
}
h3.first {
margin-top: 0;
}
ul {
list-style-type: none;
}
/* Images */
img.portfolio {
border: 3px solid #8ED8FF;
margin: 0 12px 16px 0;
}
a:hover img.portfolio {
border: 3px solid #FF6123;
margin: 0 12px 16px 0;
}
/* Site wrapper, content paragraph background */
#wrapper {
width: 770px;
margin: 35px auto 60px auto;
position: relative;
background-color: #FFFFFF;
border: 1px solid #C3C3C3;
display: table; /* margin-bottom for FF (?) */
}
.division {
background-color: #E8FFD5;
border: 1px solid #72A938;
padding: 0.5em 0.9em;
margin-bottom: 17px;
}
.division p {
color: #1B4500;
}
/* Header */
#header {
margin: 0 auto;
height: 140px;
position: relative;
background: #FFFFFF url('http://64upload.com/files/3471_hd-bg.gif') repeat-x 0 0;
padding-right: 330px;
}
#header-wrapper { /* Matrjoska hack for IE quirk box model by Pixy (Petr Stanicek) [http://www.pixy.cz/] */
width: 770px;
}
/* Search form */
form.searching {
width: 188px;
position: absolute;
top: 25px;
right: 20px;
}
fieldset {
border: 0;
}
form.searching input.search {
letter-spacing: 1px;
float: left;
width: 134px;
padding: 2px 0 2px 6px;
background-color: #F7FFE8;
border: 1px solid #AFE37C;
}
form.searching input.hledat {
letter-spacing: 1px;
padding-left: 0;
font-weight: bold;
float: left;
margin-left: 4px;
}
form.searching label {
display: none;
}
/* Content boxes */
#content-box {
width: 100%;
margin: 0 auto;
text-align: left;
color: #151515;
position: relative;
}
#content-box-in {
width: 100%;
}
#content-box-left {
float: left;
width: 24%;
margin-bottom: 5em;
}
#content-box-right {
float: right;
width: 75%;
margin-bottom: 5em;
}
#content-box-left-in {
margin: 0.4em 0.3em 0 0;
}
#content-box-right-in {
margin: 0.4em 1.6em 0 0.6em;
}
/* Content boxes directives */
#content-box-left-in h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #50A100 url('http://64upload.com/files/3472_h3-bg.gif') repeat-x 0 0;
color: #FFFFFF;
margin: 0;
text-align: center;
line-height: 24px;
font-size: 1.1em;
}
#content-box-left-in p {
margin: 0 0 5px 12px;
line-height: 130%;
}
#content-box-left-in p.first {
margin-top: 10px;
}
#content-box-left-in p span {
color: #4B4B4B;
}
#content-box-left-in ul li {
text-align: center;
border-bottom: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
display: block;
}
#content-box-left-in ul li.last {
border-bottom: none;
}
#content-box-left-in ul li a, #content-box-left-in ul li a:visited {
color: #316D00;
display: block;
padding: 0.4em 0;
width: 100%;
text-decoration: none;
font-weight: normal;
}
#content-box-left-in ul li a:hover, #content-box-left-in ul li a.active {
background-color: #DDFFBF;
font-weight: bold !important;
}
/* Submit form */
form.send {
width: 450px;
position: relative;
top: 0;
left: 5px;
}
form.send fieldset {
padding: 10px 10px 5px 10px;
margin: 0 0 10px 0;
border: 1px solid #537E00;
}
form.send legend {
font-weight: bold;
color: blue;
margin-bottom: 10px;
padding: 3px 6px;
background-color: #537E00;
color: #FFFFFF;
}
form.send label {
width: 105px;
float: left;
height: auto;
display: block;
margin: 0 0 0 5px;
}
form.send br {
display: none;
}
form.send input, form.send select {
width: 300px;
margin-bottom: 15px;
}
form.send textarea {
width: 300px;
height: 130px;
margin-bottom: 10px;
}
form.send input.go {
margin-left: 110px;
width: auto;
padding: 1px 3px;
}
/* Footer */
#footer {
font-size: 0.9em;
margin-bottom: 5px;
}
#footer a, #footer a:visited {
padding: 1px 2px;
font-weight: normal;
}
#footer a:hover {
background-color: #326100;
color: #FFFFFF;
}
-----------------------
3.Tasarım
üst kısım:
Kod:
<div id="container">
<!-- header -->
<div id="header">
<div id="slogan">Bedava Sitem Destek Forumu</div>
<div id="logo"><a href="#">Web-Masterim.forum.st</a></div>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="sidebar">
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
</div>
<div id="text">
t.altı:
Kod:
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="footer_left">© Copyright 2oo9 web-masterim.forum.st</div>
<div id="footer_right">
<!-- web-masterim.forum.st-) -->
Design by <a href="http://web-masterim.forum.st/">web-masterim.forum.st</a>
</div>
</div>
<!-- end footer -->
</div>
Css kodu
Kod: table {margin-left: auto;margin-right: auto}
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 {padding:50px 100px; margin:0; font-family:Tahoma, Geneva, sans-serif; background-image:url(http://64upload.com/files/3474_body_bg.png);}
#container {background-color:#FFFFFF; padding:10px;}
#header {height:150px; background-image:url(http://64upload.com/files/3475_header_bg.png);}
#logo {font-size:30px; background:url(http://64upload.com/files/3476_header_bg.png) no-repeat; height:100px; padding:50px 0 0 30px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; font-size:18px; color:#FFFFFF; padding:60px 30px 0 0;}
#menu {height:40px; background-image:url(http://64upload.com/files/3477_menu_bg.png); margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left; background:url(http://64upload.com/files/3478_menu_border.png) right no-repeat;}
#menu a {float:left; height:20px; padding:10px 30px; color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#menu a:hover {background:url(http://64upload.com/files/3478_menu_border.png);}
#main {float:left; width:100%; margin:5px 0; background:url(http://64upload.com/files/3479_main_bg.png) right repeat-y; color:#1F1507; font-size:11px;}
#main a {color:#493310;}
#main a:hover {color:#000000;}
#main br {line-height:8px;}
#sidebar {width:160px; float:right; padding:0 30px 30px 30px; margin-top:10px;}
#sidebar h3 {font-size:17px; font-weight:normal; margin:20px 0 5px 0;}
#sidebar ul {margin:0; padding:0; border-top:1px solid #FEFAF3;}
#sidebar li {list-style:none; border-bottom:1px solid #FEFAF3;}
#sidebar li a {color:#1F1507; text-decoration:none; padding:3px; display:block;}
#sidebar li a:hover {background-color:#FEFAF3;}
#text {line-height:14px; margin-right:225px; padding:10px 30px 30px 30px;}
#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}
#footer {height:40px; color:#FFFFFF; font-size:11px; background-image:url(http://64upload.com/files/3480_footer_bg.png); clear:both;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#F4E7D1;}
#footer_left {float:left; padding:13px 0 0 30px;}
#footer_right {float:right; padding:13px 30px 0 0;}
------------------------------
4.Tasarım
üst kısım:
Kod:
<div id="wrapper">
<div id="header">
<div id="logo"><a href="http://web-masterim.forum.st">web-masterim.forum.st</a></div>
<div id="navigation">
<a href="#">main</a> |
<a href="#">info</a> |
<a href="#">contact</a> |
<a href="#">search</a>
</div>
</div>
<div id="inner-wrap">
<div id="side-bar">
<h2>Links</h2>
<ul>
<li><a href="#">-camping</a></li>
<li><a href="#">-outdoorliving</a></li>
<li><a href="#">-hunting</a></li>
<li><a href="#">-link</a></li>
</ul>
<h3>Just another note</h3>
<p>As stated under the first
header, you may feel like
you are outside when
using this site. If this
happens, please refrain
from using ATV’s, cars,
or other outdoor vehicles.
Remember, you just feel
like your out doors.</p>
</div>
<div id="main">
t.altı:
Kod:
</div>
</div>
<div id="footer">
<p>
Copyright © 2008 | <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http:// validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<br /><a href="http://web-masterim.forum.st" class="no-under">Edit</a> by <a href="http://www.superiordesign.com/" class="no-under">Superior Design</a>
</p>
</div>
</div>
Css kodu
Kod: table {margin-left: auto;margin-right: auto}
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;}
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img, div, span
{
padding:0;
margin:0;
}
body
{
background-color: #765f38;
}
#wrapper
{
width: 786px;
margin: 0px auto;
}
#header
{
margin-top: 15px;
width: 786px;
height: 163px;
background-image: url(http://64upload.com/files/3481_header.jpg);
background-repeat: no-repeat;
}
#logo
{
padding-top: 80px;
padding-left: 15px;
margin:0px;
width: 400px;
float: left;
}
#logo a
{
color: #382612;
text-decoration:none;
font-family: Times;
font-size: 72px;
font-style: normal;
line-height:72px;
}
#navigation
{
padding-top: 12px;
color: #382612;
font-family: Times;
font-size: 24px;
float: right;
clear: right;
width: 300px;
}
#navigation a
{
color: #382612;
text-decoration: none;
font-family: times;
font-size: 24px;
}
#inner-wrap
{
background-repeat: no-repeat;
width: 780px;
float: left;
background-color: #a28e69;
background-image: url(http://64upload.com/files/3482_sidebar.gif);
background-repeat: repeat-y;
background-position:right;
}
#side-bar
{
float: right;
width: 214px;
}
#side-bar a
{
color: #ffffff;
text-decoration: none;
font-family: Times;
padding:0px 10px 5px 20px;
}
#side-bar ul
{
list-style: none;
}
#side-bar h2
{
font-weight: 200;
color: #ffef6b;
padding:0px 10px 5px 20px;
font-family: Times;
}
#side-bar h3
{
font-weight: 100;
color: #ffef6b;
padding:0px 10px 5px 20px;
font-family: Times;
}
#side-bar p
{
padding:0px 10px 20px 20px;
font-family: Times;
}
#main
{
background-image: url(http://64upload.com/files/3483_background.gif);
background-repeat: no-repeat;
margin-left:20px;
float: left;
width: 546px;
}
#footer
{
width: 780px;
height: 40px;
background-color: #593c1b;
clear: both;
padding-top: 15px;
}
#footer p
{
text-align: center;
color: #cac0ae;
font-size: .6em;
}
#footer a
{
color: white;
}
h1
{
font-weight: 100;
color: #252d05;
margin-top: 15px;
font-family: Times;
}
h2
{
font-weight: 100;
color: #5c4211;
margin-top: 15px;
font-family: Times;
}
h3
{
font-weight: 100;
color: #ffe381;
margin-top: 15px;
font-family: Times;
}
p
{
color: #ffffff;
font-family: Times;
}
---------------------------------
5.Tasarım
üst kısım:
Kod: <div id="red_on_grey"></div> <div id="header_container"><span></span></div>
t.altı:
Kod: t.altı boş kalacak
web-masterim.forum.st
Css kodu
Kod: table {margin-left: auto;margin-right: auto}
#extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;}
#extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;}
#post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;}
div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
#counter {display:none;} body { background-color:#ffffff;} *{ padding: 0; margin: 0; }
#header_container { position: relative; left: 50%; top: 120px;
margin-left:-30px; width: 370px; height:37px; background-color:transparent;
background-image:url(); color:#030303; font-size:100px; border: 0px solid #030303;}
#content { position: absolute; left: 50%; top: 230px; margin-left:-175px;
width: 518px; height: 430px; padding:0px; color: #030303; font-size:14px;
background-color:transparent; background-image:url();
border: 0px solid white; overflow:auto;} #red_on_grey
{ position: absolute; left: 50%; top: 35px; margin-left:-510px; width: 970px;
height: 720px; padding:0px; color: #030303; font-size:14px; background-color:transparent;
background-image:url(http://64upload.com/files/3505_6110a91fb7.jpg); border:
0px solid #030303; overflow:none;} #sidebar_container{ position: absolute; left: 50%; top: 60px;
margin-left: -430px; width: 192px; height: 122px; background-color:transparent;
background-image:url; border:0px solid #030303; color:#030303; overflow:auto;}
#nav_container{ position: absolute; left: 50%; top:220px; margin-left:
-430px; width: 182px; height: 460px; border:0px solid #030303;}
ul#nav{ width: 130px; padding: 0px; margin: 0px;}
li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 182px;}
li.nav_element a{ display: block; width: 182px; height: 24px; padding:0px;
font-weight: bold; text-decoration: none; text-align: left; color:#030303; background-color:000000;
background-image:url(http://pixelea.com/s/21c8240eb9.jpg);
border: 0px solid #030303;} li.nav_element a:hover{ color: #030303; background-color:000000;
background-image:url(http://pixelea.com/s/2f248c86e1.png);}
-------------------------
6.Tasarım
üst kısım:
Kod: <div class="PageBackgroundGradient"></div>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-body">
<div class="Header">
<div>
<table class="logo">
<tr><td class="logo-name"><a href="#">web-masterim.forum.st</a></td></tr>
<tr><td class="logo-text">BeDaVa SiTeM DeSTeK FoRuMu</td></tr>
</table>
</div>
</div>
<div class="contentLayout">
<div class="content">
<div class="Block">
<div class="Block-body">
<div class="BlockContent">
<div class="BlockContent-body">
<div class="post" id="post-9">
t.altı:
Kod:
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar1">
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
Categories
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href="#" title="All News">All News</a> (50)</li>
<li><a href="#" title="Best of the Year">Best of the Year</a> (4)</li>
<li><a href="#" title="Advices">Advices</a> (24)</li>
<li><a href="#" title="Gadgets">Gadgets</a> (17)</li>
<li><a href="#" title="Photos">Photos</a> (6)</li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
Bookmarks
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href="#">My first blog</a></li>
<li><a href="#">Who will prevail?</a></li>
<li><a href="#">Stay positive!</a></li>
<li><a href="#">Oil still going up</a></li>
<li><a href="#">Obama wins again</a></li>
<li><a href="#">Gripes and Grins</a></li>
<li><a href="#">2008 Olympics</a></li>
<li><a href="#">How to SEO</a></li>
<li><a href="#">On Global Warming</a></li>
<li><a href="#">Can you guess?</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
Search
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href="#">My first blog</a></li>
<li><a href="#">Who will prevail?</a></li>
<li><a href="#">Stay positive!</a></li>
<li><a href="#">Oil still going up</a></li>
<li><a href="#">Obama wins again</a></li>
<li><a href="#">Gripes and Grins</a></li>
<li><a href="#">2008 Olympics</a></li>
<li><a href="#">How to SEO</a></li>
<li><a href="#">On Global Warming</a></li>
<li><a href="#">Can you guess?</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
Archive
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href="#" title="October 2007">October 2007</a></li>
<li><a href="#" title="November 2007">November 2007</a></li>
<li><a href="#" title="December 2007">December 2007</a></li>
<li><a href="#" title="January 2008">January 2008</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
</div>
<div id="footer">
<p>Design by <a href="http://web-masterim.forum.st">web-masterim.forum.st</a> and <a href="http://web-masterim.forum.st">web-masterim.forum.st</a></p>
</div>
</div>
Css kodu
[code:1:01c1fdc1cc]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
{
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #FFFFFF;
color: #000000;
}
h2
{
font-size: 18px;
}
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlareImage
{
background-image: url('http://64upload.com/files/3713_Page-BgGlare.png');
background-repeat: no-repeat;
height: 187px;
width: 830px;
margin: 0 auto;
}
/* specially for Opera */
html:first-child .PageBackgroundGlare
{
border: 1px solid transparent;
}
/* specially for Opera */
* html .PageBackgroundGlareImage
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3713_Page-BgGlare.png',sizingMethod='crop')");
}
.PageBackgroundGradient
{
background-image: url('http://64upload.com/files/3714_Page-BgGradient.png');
background-repeat: repeat-x;
height: 213px;
}
table, th, td
{
font-size: 1em;
padding: 0;
border-collapse: collapse;
}
a img
{
border: 0;
}
a
{
color: #B03B5D;
}
a:link
{
color: #B03B5D;
}
a:visited
{
color: #822B45;
}
a:hover
{
color: #822B45;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
min-width:37px;
min-height:37px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
width: 800px;
}
* html .Sheet
{
width:expression(this.offsetWidth < 37 ? 37+"px" : "auto !important");
height:expression(this.offsetHeight < 37 ? 37+"px" : "auto !important");
width: 800px;
zoom: 1;
}
.Sheet-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 8px;
text-align: left;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 32px;
height: 32px;
background-image: url('http://64upload.com/files/3715_Sheet-s.png');
}
* html .Sheet-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3716_Sheet-s.png',sizingMethod='crop')");
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 32px;
height: 32px;
}
* html .Sheet-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-32+'px');
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -32px;
width: 64px;
height: 64px;
background-image: url('http://64upload.com/files/3716_Sheet-s.png');
}
* html .Sheet-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3716_Sheet-s.png',sizingMethod='crop')");
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 32px;
height: 32px;
}
* html .Sheet-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-32+'px');
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -32px;
left: 0;
width: 64px;
height: 64px;
background-image: url('http://64upload.com/files/3716_Sheet-s.png');
}
* html .Sheet-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3716_Sheet-s.png',sizingMethod='crop')");
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 32px;
height: 32px;
}
* html .Sheet-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-32+'px');
left: expression(this.parentNode.offsetWidth-32+'px');
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -32px;
left: -32px;
width: 64px;
height: 64px;
background-image: url('');
}
* html .Sheet-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3716_Sheet-s.png',sizingMethod='crop')");
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 32px;
right: 32px;
height: 32px;
}
* html .Sheet-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-64+'px');
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 64px;
background-image: url('http://64upload.com/files/3717_Sheet-h.png');
}
* html .Sheet-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3717_Sheet-h.png',sizingMethod='scale')");
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 32px;
right: 32px;
height: 32px;
}
* html .Sheet-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-32+'px');
width: expression(this.parentNode.offsetWidth-64+'px');
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -32px;
left: 0;
width: 100%;
height: 64px;
background-image: url('http://64upload.com/files/3717_Sheet-h.png');
}
* html .Sheet-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3717_Sheet-h.png',sizingMethod='scale')");
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 32px;
left: 0;
width: 32px;
bottom: 32px;
}
* html .Sheet-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-64+'px');
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 64px;
height: 100%;
background-image: url('http://64upload.com/files/3718_Sheet-v.png');
}
* html .Sheet-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3718_Sheet-v.png',sizingMethod='scale')");
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 32px;
right: 0;
width: 32px;
bottom: 32px;
}
* html .Sheet-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-32+'px');
height: expression(this.parentNode.offsetHeight-64+'px');
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -32px;
width: 64px;
height: 100%;
background-image: url('http://64upload.com/files/3718_Sheet-v.png');
}
* html .Sheet-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3718_Sheet-v.png',sizingMethod='scale')");
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 32px;
left: 32px;
right: 32px;
bottom: 32px;
background-color: #F5F5F5;
}
* html .Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-64+'px');
height: expression(this.parentNode.offsetHeight-64+'px');
}
.Sheet
{
margin-top: 30px !important;
margin-bottom: 3em;
padding: 0 0 1em 0;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 784px;
height: 175px;
background-image: url('http://64upload.com/files/3719_Header.png');
background-repeat: no-repeat;
background-position: left top;
}
* html div.Header
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3719_Header.png',sizingMethod='crop')");
}
div.Header div
{
width: 100%;
height: 100%;
background-image: url('http://64upload.com/files/3720_Header.jpg');
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}
/* end Header */
/* begin Logo */
.logo
{
position: relative;
left: 335px;
top: 61px;
}
.logo td
{
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.logo-name
{
font-size: 26px;
font-family: Verdana;
font-style: normal;
font-weight: normal;
}
.logo-name a
{
text-decoration: none;
color: #672237 !important;
}
.logo-text
{
font-size: 18px;
font-family: Verdana;
font-style: normal;
font-weight: normal;
color: #672237 !important;
}
/* end Logo */
/* begin Menu */
.menu, .menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
}
.menu li:hover
{
z-index: 10000;
white-space: normal;
}
.menu li li
{
float: none;
}
.menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}
.menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.menu li li:hover>ul
{
top: 0;
left: 100%;
}
.menu:after, .menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul
{
min-height: 0;
}
.menu ul
{
background-image: url();
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 5px;
left: 100%;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
.nav
{
position: relative;
margin: 0 auto;
width: 784px;
height: 36px;
z-index: 100;
}
.menu
{
padding: 6px 6px 6px 6px;
}
* html .nav
{
zoom: 1;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 36px;
}
.nav .l
{
left: 0;
right: 0px;
}
* html .nav .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r
{
right: 0;
width: 0px;
}
* html .nav .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r div
{
width: 784px;
right: 0;
}
* html .nav .r div
{
left: expression(this.parentNode.offsetWidth-784+'px');
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}
* html .nav .l, * html .nav .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/nav.png',sizingMethod='crop')");
}
/* end Menu */
/* begin ContentLayout */
.contentLayout
{
margin-bottom: 6px;
width: 100%;
position: relative;
}/* end ContentLayout */
/* begin Button */
button.Button, a.Button
{
border: none;
padding: 0;
margin: 0;
background: none;
font-size: 100%;
font-family: inherit;
line-height: inherit;
display: inline-block;
overflow: visible;
width: auto;
cursor: default;
white-space: normal;
text-decoration: none;
}
.Button .btn
{
position: relative;
display: block;
overflow: hidden;
float: left;
z-index: 0;
height: 34px;
color: #3D4142;
}
.Button .t
{
height: 34px;
line-height: 34px;
padding: 0 24px;
text-align: left;
font-family: 'Verdana';
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.Button .active
{
color: #FEFBFC;
}
.Button .hover
{
color: #FCFCFC;
}
.Button .active .r
{
top: -68px;
}
.Button .hover .r
{
top: -34px;
}
.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 3px;
height: 102px;
}
* html .Button .r
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-3+'px');
}
.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:403px;
height: 102px;
}
* html .Button .r span
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-403+'px');
}
.Button .active .l
{
top: -68px;
}
.Button .hover .l
{
top: -34px;
}
.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 3px;
height: 102px;
}
* html .Button .l
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-3+'px');
}
.Button .l, .Button .r span
{
background-image: url('http://64upload.com/files/3722_Button.png');
}
* html .Button .l, * html .Button .r span
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3722_Button.png',sizingMethod='crop')");
}
/* end Button */
/* begin Box, Block */
.Block
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .Block
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
}
.Block
{
margin: 10px;
}
.Block table.table
{
border-collapse: collapse;
margin: 1px;
}
.Block table.table th, .Block table.table td
{
padding: 2px;
border: solid 1px #B7BCBD;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 13px;
margin-bottom: 4px;
text-align: left;
color: #000000;
font-family: 'Verdana';
font-size: 14px;
font-weight: Bold;
font-style: normal;
text-decoration: none;
}
* html .BlockHeader
{
zoom: 1;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l
{
left: 0;
right: 7px;
}
* html .BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-7+'px');
}
.BlockHeader .r
{
right: 0;
width: 7px;
}
* html .BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-7+'px');
}
.BlockHeader .r div
{
width: 784px;
right: 0;
}
* html .BlockHeader .r div
{
left: expression(this.parentNode.offsetWidth-784+'px');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
font-size: 1px;
}
.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('http://64upload.com/files/3723_BlockHeader.png');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://64upload.com/files/3723_BlockHeader.png',sizingMethod='crop')");
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .BlockContent
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 12px;
text-align: left;
color: #2C2F30;
font-family: 'Verdana';
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.BlockContent a
{
color |
