Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj02.09.2009, 06:07 (UTC)    
Mesaj konusu: HAR!KA 7 Tane Tasarım Ve Kodları Bu Başlıkta..!(BaKıNıZ)

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">&copy; 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 &copy; 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
Mesaj02.09.2009, 06:08 (UTC)    
Mesaj konusu:

sade ama güzel tasarımlar teşekkürler
______________
Mesaj02.09.2009, 06:12 (UTC)    
Mesaj konusu:

yukarıda Son taSarım hatalı olmuş düzeltiyoruz



t.üstü:
Kod:

<div id="header">
   <div id="logo">
      <h3><a href="#">web-masterim</a></h3>
      <h4>By <a href="http://web-masterim.forum.st">NodeThirtyThree</a> + <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></h4>
   </div>
   <div id="menu">
      <ul>
         <li class="active"><a href="#" accesskey="1" title="">Home</a></li>
         <li><a href="#" accesskey="2" title="">Archives</a></li>
         <li><a href="#" accesskey="3" title="">About</a></li>
         <li><a href="#" accesskey="4" title="">Contact</a></li>
      </ul>
   </div>
</div>
<hr />
<div id="page">
   <div id="bg">
      <div id="conttent">
         <div class="post" style="padding-top: 57px;">
            <h4 class="title">Welcome to Snowglass 1.0!</h4>
            <h5 class="date">Friday, July 6, 2007</h5>
            <div class="entry">


t.altı:

Kod:
</div>
            <p class="meta"></p>
         </div>
         </div>
      <!-- end contentn -->
      <div id="sidebar">
         <div id="about-box">
            <h4>About this Site</h4>
            <p>Quisque eu sem sed lacus tincieu, consectetuer et eget, tempus eget dolore. Blandit sed etiam dolore nullam dolore.</p>
         </div>
         <ul>
            <li>
               <h4>Categories</h4>
               <ul>
                  <li class="first"><a href="#">Lorem ipsum dolor</a></li>
                  <li><a href="#">Sit amet nullam</a></li>
                  <li><a href="#">Donec felis duis</a></li>
                  <li><a href="#">Eget tempus lorem</a></li>
                  <li><a href="#">Veroeros consequat</a></li>
                  <li><a href="#">Nullam blandit</a></li>
                  <li><a href="#">Tempus aliquam </a></li>
               </ul>
            </li>
            <li>
               <h4>Links</h4>
               <ul>
                  <li class="first"><a href="#">Neque bibendum</a></li>
                  <li><a href="#">Donec diam</a></li>
                  <li><a href="#">Eget tempus lorem</a></li>
                  <li><a href="#">Veroeros consequat</a></li>
                  <li><a href="#">Neque bibendum</a></li>
                  <li><a href="#">Donec diam etiam</a></li>
                  <li><a href="#">Tempus sed aliquam</a></li>
                  <li><a href="#">Nullam blandit</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end sidebar -->
      <div style="clear: both;"> </div>
   </div>
</div>
<!-- end page -->
<hr />
<div id="footer">
   <p>(c) 2009 YourSite.com. All rights reserved. Design by <a href="http://web-masterim.forum.st/">web-masterim.forum.st</a> and <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>


CSS bölümüne:
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 {
   margin: 0;
   padding: 0;
   background: #F4FBFF url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img01.jpg) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #405A67;
}

h3, h4, h5 {
   margin: 0;
   font-weight: normal;
   color: #4F6977;
}

h3 {
   letter-spacing: -1px;
   font-size: 44px;
}

h4 {
   font-size: 28px;
}

h5 {
   font-size: 16px;
}

p, ul, ol {
   margin: 0 0 1.5em 0;
   line-height: 1.5em;
   text-align: justify;
}

p {
}

blockquote {
   font-style: italic;
}

ul {
}

ol {
}

a {
   color: #38B5F1;
}

a:hover {
   text-decoration: none;
}

small {
}

hr {
   display: none;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 0 15px 0 0;
}

img.right {
   float: left;
   margin: 0 0 0 15px;
}

/* Header */

#header {
   width: 954px;
   height: 183px;
   margin: 0 auto;
   margin-top: -31px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img02.jpg);
}

/* Logo */

#logo {
   float: left;
}

#logo h3, #logo h4 {
   float: left;
   text-transform: lowercase;
   color: #FFFFFF;
}

#logo h3 {
   padding: 115px 0 0 50px;
   font-weight: bold;
}

#logo h4 {
   padding: 143px 0 0 8px;
   font-size: 14px;
   font-weight: bold;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu */

#menu {
   float: right;
}

#menu ul {
   margin: 0;
   padding: 140px 20px 0 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   padding: 0 28px 0 0;
   text-transform: lowercase;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
}

/* Page */

#page {
   width: 954px;
   margin: 0 auto;
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img03.jpg) repeat-y;
}

#bg {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img06.jpg) no-repeat left bottom;
}

/* Content */

#conttent {
   float: left;
   width: 680px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img04.jpg) no-repeat;
}

/* Posts */

.post {
   width: 606px;
   padding: 30px 0 0 48px;
}

.post .title {
   padding: 0 0 0 12px;
}

.post .title a {
   color: #4F6977;
}

.post .date {
   margin: -26px 25px 15px 0;
   text-align: right;
   color: #79AFCD;
}

.post .entry {
   padding: 25px 20px 0 12px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img07.jpg) no-repeat;
}

.post .meta {
   padding: 15px 12px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img08.jpg) no-repeat left bottom;
}

.post .meta b {
   display: none;
}

.post .more, .post .comments {
   padding: 0 30px 0 20px;
}

.post .more {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img09.gif) no-repeat left center;
}

.post .comments {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img10.gif) no-repeat left center;
}

/* About Box */

#about-box {
   width: 185px;
   height: 162px;
   padding: 70px 37px 0 35px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img11.jpg) no-repeat left bottom;
}

#about-box h4 {
   margin-bottom: 25px;
   font-size: 18px;
   font-weight: normal;
}

#about-box p {
   font-size: 12px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 274px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img05.jpg) no-repeat;
}

#sidebar ul {
   width: 206px;
   margin: 0;
   padding: 0 0 0 30px;
   list-style: none;
}

#sidebar li {
}

#sidebar li ul {
   width: auto;
   padding: 0 15px 0 10px;
}

#sidebar li li {
   padding: 5px 0 5px 0;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img13.gif) repeat-x;
}

#sidebar li li.first {
   padding-top: 0;
   background: none;
}

#sidebar li h4 {
   font-size: 18px;
   padding: 30px 0 40px 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img12.jpg) no-repeat left bottom;
}

/* Footer */

#footer {
   padding: 30px 0;
}

#footer p {
   text-align: center;
   font-size: 12px;
   color: #83B3CE;
}

#footer a {
   color: #83B3CE;
}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu