kodekleyin

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

İstek kodlar,ve görüş bildirmek içinFORUM sayfamızı ziyaret edin...

19TK

TASARIMIN ÜSTÜNE

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Simple Passage by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="Simple Passage" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>

<div id="header">
   <div id="logo">
      <h1><a href="#"><span>Simple</span>Passage</a></h1>
      <p>Designed By Free CSS Templates</p>
   </div>
   <div id="menu">
      <ul id="main">
         <li class="current_page_item"><a href="#">Homepage</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Contact Us</a></li>
      </ul>
      <ul id="feed">
         <li><a href="#">Entries RSS</a></li>
         <li><a href="#">Comments RSS</a></li>
      </ul>
   </div>
   
</div>

<div id="wrapper">
   
   <div id="page">
   <div id="page-bgtop">
   <div id="page-bgbtm">
      <div id="sidebar1" class="sidebar">
         <ul>
            <li>
               <h2>Recent Posts</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Recent Comments</h2>
               <ul>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Aliquam libero</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Categories</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Archives</h2>
               <ul>
                  <li><a href="#">September</a> (23)</li>
                  <li><a href="#">August</a> (31)</li>
                  <li><a href="#">July</a> (31)</li>
                  <li><a href="#">June</a> (30)</li>
                  <li><a href="#">May</a> (31)</li>
               </ul>
            </li>
         </ul>
      </div>
      
      <div id="content">
         <div class="flower"></div>
         <div class="post">
            <h1 class="title"><a href="#">Editado por Mz</a></h1>
            <p class="byline"><small>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></small></p>
            <div class="entry">
               
            </div>
         </div>

TASARIMIN ALTINA

</div>
      
      
      <div id="sidebar2" class="sidebar">
         <ul>
            <li>
               <form id="searchform" method="get" action="#">
                  <div>
                     <h2>Site Search</h2>
                     <input type="text" name="s" id="s" size="15" value="" />
                  </div>
               </form>
            </li>
            <li>
               <h2>Tags</h2>
               <p class="tag"><a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a> <a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a></p></li>
            <li>
               <h2>Calendar</h2>
               <div id="calendar_wrap">
                  <table summary="Calendar">
                     <caption>
                     October 2009
                     </caption>
                     <thead>
                        <tr>
                           <th abbr="Monday" scope="col" title="Monday">M</th>
                           <th abbr="Tuesday" scope="col" title="Tuesday">T</th>
                           <th abbr="Wednesday" scope="col" title="Wednesday">W</th>
                           <th abbr="Thursday" scope="col" title="Thursday">T</th>
                           <th abbr="Friday" scope="col" title="Friday">F</th>
                           <th abbr="Saturday" scope="col" title="Saturday">S</th>
                           <th abbr="Sunday" scope="col" title="Sunday">S</th>
                        </tr>
                     </thead>
                     <tfoot>
                        <tr>
                           <td abbr="September" colspan="3" id="prev"><a href="#" title="View posts for September 2009">« Sep</a></td>
                           <td class="pad"> </td>
                           <td colspan="3" id="next"> </td>
                        </tr>
                     </tfoot>
                     <tbody>
                        <tr>
                           <td>1</td>
                           <td>2</td>
                           <td>3</td>
                           <td id="today">4</td>
                           <td>5</td>
                           <td>6</td>
                           <td>7</td>
                        </tr>
                        <tr>
                           <td>8</td>
                           <td>9</td>
                           <td>10</td>
                           <td>11</td>
                           <td>12</td>
                           <td>13</td>
                           <td>14</td>
                        </tr>
                        <tr>
                           <td>15</td>
                           <td>16</td>
                           <td>17</td>
                           <td>18</td>
                           <td>19</td>
                           <td>20</td>
                           <td>21</td>
                        </tr>
                        <tr>
                           <td>22</td>
                           <td>23</td>
                           <td>24</td>
                           <td>25</td>
                           <td>26</td>
                           <td>27</td>
                           <td>28</td>
                        </tr>
                        <tr>
                           <td>29</td>
                           <td>30</td>
                           <td>31</td>
                           <td class="pad" colspan="4"> </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </li>
            <li>
               <h2>Categories</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
               </ul>
            </li>
         </ul>
      </div>
      
      <div style="clear: both;"> </div>
   </div>
   </div>
   </div>
   
</div>
<div id="footer">
   <p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>  Adaptado Por <a href="http://www.musica-zone.es.tl/">Musica-Zone  <br /><a href="#">Privacy Policy</a> • <a href="#">Terms of Use</a></p>
</div>
</body>
</html>

CSS KODU

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body {
   margin-top: 10px;
   padding: 0;
   background: #787878 url(http://img46.xooimage.com/files/5/8/c/img01-ccece2.jpg) repeat left top;
   text-align: justify;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #616161;
}

h1, h2, h3 {
   margin-top: 0;
   text-transform: uppercase;
   color: #528DC8;
}

h1 {
   font-size: 1.6em;
   font-weight: normal;
}

h2 {
   font-size: 1.6em;
}

h3 {
   font-size: 1em;
}

ul {
}

a {
   text-decoration: none;
   color: #528DC8;
}

a:hover {
   border-bottom: none;
}

a img {
   border: none;
}

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

img.right {
   float: right;
   margin: 0 0 0 20px;
}

#header {
   width: 960px;
   margin: 0 auto;
   height: 150px;
}

/* Header */

#logo {
   width: 960px;
   height: 100px;
   margin: 0 auto;
   padding: 0;
}

#logo h1, #logo p {
   float: left;
   margin: 0;
   color: #528DC8;
}

#logo span {
   color: #000000;
}

#logo h1 {
   padding: 25px 0 0 0;
   letter-spacing: -1px;
   text-transform: lowercase;
   font-weight: normal;
   font-size: 3em;
}

#logo p {
   text-transform: uppercase;
   padding: 47px 0 0 3px;
   font-size: 10px;
   color: #110E0F;
}

#logo a {
   border: none;
   text-decoration: none;
   color: #528DC8;
}

/* Menu */

#menu {
   width: 960px;
   margin: 0px auto;
   padding: 0px;
   height: 52px;
   background: url(http://img20.xooimage.com/files/f/6/3/img02-ccecf4.jpg) no-repeat left top;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 33px;
   margin: 0px;
   padding: 19px 30px 0px 30px;
   text-decoration: none;
   text-transform: capitalize;
   background: url(http://img44.xooimage.com/files/f/a/3/img03-cced1a.jpg) no-repeat right 50%;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #FFFFFF;
}

#menu a:hover {
   color: #FFFFFF;
}

#menu .current_page_item a {
   color: #FFFFFF;
}

/* Wrapper */

#wrapper {
}

/* Page */

#page {
   width: 960px;
   margin: 0px auto;
   background: url(http://img26.xooimage.com/files/8/1/5/img05-cced39.jpg) repeat-y left top;
}

#page-bgtop {
   background: url(http://img46.xooimage.com/files/4/6/5/img04-cced2d.jpg) no-repeat left top;
}

#page-bgbtm {
   background: url(http://img40.xooimage.com/files/0/8/3/img06-cced51.jpg) no-repeat left bottom;
}

/* Latest Post */

#latest-post {
   padding: 20px;
   border: 1px solid #E7E7E7;
}

/* Content */

#content {
   float: left;
   width: 500px;
   margin: 0px;
   padding: 20px 0px 0px 0px;
}

.post {
   padding-bottom: 15px;
   line-height: 200%;
}

.post h1 {
   font-weight: normal;
}

.title {
   height: 50px;
   margin: 0px 10px;
   padding: 11px 0px 4px 10px;
   text-transform: capitalize;
   font-weight: normal;
   background: url(http://img24.xooimage.com/files/4/f/3/img12-cced64.jpg) no-repeat left top;
}

.title a {
   border-bottom: none;
   color: #528DC8;
}

.title a:hover {
}

.byline {
   margin: -10px 20px 20px 20px;
}

.tag {
   padding: 0 15px;
}

.entry {
   padding: 0 20px;
}

.links {
   padding: 4px 0px;
   text-align: right;
   font-weight: bold;
}

.links a {
   border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
   float: left;
   padding-top: 20px;
   padding-left: 10px;
}

#sidebar2 {
   float: right;
}

#sidebar1 ul {
   padding-bottom: 20px;
}

#sidebar1 li {
   background: url(http://img42.xooimage.com/files/c/4/6/img11-cced84.jpg) no-repeat left bottom;
}

#sidebar1 li ul {
   background: url(http://img22.xooimage.com/files/4/1/a/img10-cced88.jpg) repeat-y left top;
}

#sidebar1 li li {
   background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
}

#sidebar1 li h2 {
   height: 25px;
   padding-top: 15px;
   background: url(http://img48.xooimage.com/files/0/0/d/img09-cced96.jpg) no-repeat left top;
   color: #333333;
}

.sidebar {
   float: left;
   width: 220px;
   padding: 10px 0 0 0;
   font-size: 12px;
}

.sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.sidebar li {
   padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
   margin: 0 10px 0 15px;
   padding: 8px 0px 8px 20px;
   border-bottom: 1px #B5B5B5 dashed;
   background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
   text-align: left;
}

.sidebar li h2 {
   height: 30px;
   margin: 0 0 0 0;
   padding: 8px 15px 0px 35px;
   background: url(http://img26.xooimage.com/files/b/b/7/img07-cced9c.jpg) no-repeat left top;
   font-size: 12px;
   color: #FFFFFF;
}

.sidebar a {
}

/* Search */

#searchform {
   margin: 0;
   padding: 0 0 0 0;
}

#searchform br {
   display: none;
}

#searchform h2 {
}

#s {
   margin: 10px 0px 0 15px;
   padding: 2px 2px;
   width: 180px;
   height: 18px;
   border: 1px solid #949494;
   background: #FFFFFF;
   font-size: 10px;
   color: #000000;
}

#x {
   margin: 0;
   padding: 2px 5px;
   height: 25px;
   background: #CA8186;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
   padding: 0 15px;
   text-align: center;
}

#calendar_wrap table {
   width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
   border: none;
}

#calendar_wrap tfoot td#prev {
   text-align: left;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#prev a {
   border: none;
}

#calendar_wrap tfoot td#next {
   text-align: right;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#next a {
   border: none;
}

/* Footer */

#footer {
   width: 940px;
   height: 70px;
   margin: 0 auto;
   padding-left: 20px;
}

#footer p {
   margin: 0;
   padding: 25px 0 0 0;
   text-align: left;
   font-size: smaller;
}

#footer a {
}

#footer .link {
   float: right;
}

#footer .copyright {
   float: left;
}

Bugün 2 ziyaretçi (329 klik) kişi burdaydı!

Bir vatanı vatan yapan üzerindeki kandır.Uğrunda kan dökülmeyen vatan,vatan değildir.

KOD EKLEYİN

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

19TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR