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;
}

Bu sayfa hakkındaki yorumlar:

Yorumu gönderen: fausse ugg pas cher, 02.11.2013, 06:59 (UTC):
Greetings! Really beneficial guidance on this informative article!

Yorumu gönderen: firefall, 05.07.2013, 18:47 (UTC):
My spouse and i LUV These kinds of firefall Extremely fine I bought A majority of these firefall About the Monday Twilight Procured The whole bunch As Used These people Concerning 8HRS!! You may Involved with Presumed My spouse and i Dressed in These kinds of firefall One hundred Events... LUV Love Love These people

Yorumu gönderen: maillot de foot pas cher, 05.07.2013, 12:16 (UTC):
index.php/forum/index.php/topic

Yorumu gönderen: ray ban wayfarer, 28.06.2013, 16:16 (UTC):
I think other web site proprietors should take this site as an model, very clean and magnificent user genial style and design, let alone the content. You are an expert in this topic!

Yorumu gönderen: maillot football, 16.06.2013, 16:50 (UTC):
I think this is a real great article post.Really looking forward to read more. Want more.

Yorumu gönderen: maillot de foot 2013, 06.06.2013, 17:48 (UTC):
I think this is a real great article post.Much thanks again. Want more.

Bu sayfa hakkında yorum ekle:

Bugün 15 ziyaretçi (28 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

İsminiz:
Siteniz:
Mesajın: