Bedava-Sitem.Com uyarlı web tasarımlar!

    Paylaş
    avatar
    Admin
    Yönetici
    Yönetici

    Mesaj Sayısı : 221

    Bedava-Sitem.Com uyarlı web tasarımlar!

    Mesaj  Admin Bir 2009-07-28, 15:01



    Tasarım Üzerine:
    Kod:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Blogging by Free CSS Templates</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
    <div id="wrapper">

    <div id="header">
    <div id="menu">
    <ul>
    <li class="current_page_item"><a href="#">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Photos</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Links</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </div>
    <!-- end #menu -->
    <div id="search">
    <form method="get" action="">
    <fieldset>
    <input type="text" name="s" id="search-text" size="15" />
    <input type="submit" id="search-submit" value="Search" />
    </fieldset>
    </form>
    </div>
    <!-- end #search -->
    </div>
    <!-- end #header -->
    <div id="logo">
    <h1><a href="">niğde bor postallı köyü</a></h1>
    <p><em> template design by <a href="http://www.postallikoyu.tr.gg">NiGDeLi</a></em></p>
    </div>
    <hr />



    <!-- end #logo -->
    <hr />
    <!-- end #logo -->
    <!-- end #header-wrapper -->

    Tasarım Altına:
    Kod:
    <!-- end #content -->
    <div id="sidebar">
    <ul>
    <li>
    <h2>Aliquam tempus</h2>
    <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
    </li>
    <li id="calendar">
    <h2>Calendar</h2>
    <div id="calendar_wrap">
    <table summary="Calendar">
    <caption>
    March 2008
    </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="February" colspan="3" id="prev"><a href="#" title="">« Feb</a></td>
    <td class="pad"> </td>
    <td abbr="April" colspan="3" id="next"><a href="#" title="">Apr »</a></td>
    </tr>
    </tfoot>
    <tbody>
    <tr>
    <td colspan="5" class="pad"> </td>
    <td>1</td>
    <td>2</td>
    </tr>
    <tr>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    </tr>
    <tr>
    <td>10</td>
    <td id="today">11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
    </tr>
    <tr>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    </tr>
    <tr>
    <td>24</td>
    <td>25</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
    <td>29</td>
    <td>30</td>
    </tr>
    <tr>
    <td>31</td>
    <td class="pad" colspan="6"> </td>
    </tr>
    </tbody>
    </table>
    </div>
    </li>
    <li>
    <h2>Turpis nulla</h2>
    <ul>
    <li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
    <li><a href="#">Magna lacus bibendum mauris</a></li>
    <li><a href="#">Velit semper nisi molestie</a></li>
    <li><a href="#">Eget tempor eget nonummy</a></li>
    <li><a href="#">Nec metus sed donec</a></li>
    </ul>
    </li>
    </ul>
    </div>
    <!-- end #sidebar -->
    <div style="clear: both;">&nbsp;</div>
    </div>
    <!-- end #page -->

    <div id="footer">
    <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
    </div>
    <!-- end #footer -->
    </div>
    </body>
    </html>

    Css Style Kodları:
    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;}

    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */

    body {
    margin-top: 50px;
    padding: 0;
    background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/blogging/images/img01.jpg) repeat-x left top;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #837669;
    }

    h1, h2, h3 {
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #649632;
    }

    h1 { font-size: 44px; }

    h2 { font-size: 20px; }

    h3 { }

    p, ul, ol {
    margin-top: 0;
    line-height: 240%;
    text-align: justify;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    }

    ul, ol { }

    blockquote { }

    a { color: #000000; }

    a:hover { text-decoration: none; }

    a img {
    border: none;
    }

    img.left {
    float: left;
    margin: 7px 30px 0 0;
    }

    img.right {
    float: right;
    margin: 7px 0 0 30px;
    }

    hr { display: none; }

    .list1 {
    }

    .list1 li {
    float: left;
    line-height: normal;
    }

    .list1 li img {
    margin: 0 30px 30px 0;
    }

    .list1 li.alt img {
    margin-right: 0;
    }

    #wrapper {
    }

    /* Header */

    #header-wrapper {
    width: 880px;
    margin: 0 auto;
    }

    #header {
    width: 900px;
    height: 60px;
    margin: 0 auto;
    background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img02.jpg) no-repeat left top;
    }

    /* Menu */

    #menu {
    float: left;
    width: 540px;
    height: 51px;
    }

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

    #menu li {
    display: block;
    float: left;
    }

    #menu a {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 5px 12px 5px 28px;
    background: url(images/http://www.freecsstemplates.org/templates/previews/blogging/img06.gif) no-repeat left 50%;
    text-decoration: none;
    font: 14px Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    }

    #menu a:hover { text-decoration: underline; }

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

    /* Search */

    #search {
    float: right;
    width: 305px;
    height: 76px;
    }

    #search form {
    float: right;
    margin: 0;
    padding: 25px 20px 0 0;
    }

    #search fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }

    #search input {
    float: left;
    font: 12px Georgia, "Times New Roman", Times, serif;
    border: none;
    }

    #search-text {
    width: 135px;
    height: 18px;
    padding: 3px 0 0 5px;
    background: #ECF9E4;
    color: #658453;
    }

    #search-submit {
    height: 21px;
    margin-left: 12px;
    color: #39561D;
    }

    /* Page */

    #page {
    width: 900px;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    }

    /** LOGO */

    #logo {
    width: 900px;
    height: 230px;
    margin: 0 auto;
    background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img03.jpg) no-repeat left top;
    }

    #logo h1, #logo p {
    margin: 0;
    padding: 0 0 0 170px;
    line-height: normal;
    }

    #logo h1 { float: left;
    padding-top: 70px; }

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

    #logo h1 a:hover { text-decoration: underline; }

    #logo p {
    padding: 130px 0 0 170px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    }

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

    #logo p a:hover { text-decoration: underline; }

    /* Content */

    #content {
    float: right;
    width: 600px;
    }

    /* Post */

    .post {
    margin-bottom: 25px;
    }

    .post .title {
    height: 30px;
    margin-bottom: 3px;
    padding: 8px 0px 2px 40px;
    background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img05.jpg) no-repeat left top;
    color: #FFFFFF;
    }

    .post .date {
    float: right;
    margin-top: -45px;
    padding-right: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 18px;
    color: #F1B566;
    }

    .post .meta {
    margin: -30px 0 3px 25px;
    padding: 2px 30px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #B6ACA2;
    }

    .post .meta a { color: #B6ACA2; }

    .post .entry {
    padding: 25px 20px 0px 20px;
    }

    .post .links {
    margin: 0 250px 0 0;
    padding: 0 0 0 0px;
    }

    .post .links .comments {
    }

    .post .links .permalink {
    padding-left: 17px;
    }

    /* Sidebar */

    #sidebar {
    float: left;
    width: 280px;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    }

    #sidebar li {
    margin-bottom: 30px;
    padding: 0 0 20px 0px;
    }

    #sidebar li ul {
    line-height: 200%;
    }

    #sidebar li li {
    margin: 0;
    padding: 0 20px;
    }

    #sidebar p {
    margin: 0;
    padding: 0 20px;
    }

    #sidebar h2 {
    height: 33px;
    margin: 0 0 20px 0px;
    padding: 8px 0 2px 40px;
    background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img04.jpg) no-repeat left top;
    font-size: 20px;
    color: #FFFFFF;
    }


    #sidebar p {
    line-height: 200%;
    }

    /* Calendar */

    #calendar {
    }

    #calendar caption {
    padding-bottom: 5px;
    font-weight: bold;
    }

    #calendar table {
    width: 100%;
    border-collapse: collapse;
    border-right: 1px solid #F5F2EF;
    }

    #calendar thead th {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #F5F2EF;
    border-left: 1px solid #F5F2EF;
    background: #F5F2EF;
    }

    #calendar tbody td {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #F5F2EF;
    border-left: 1px solid #F5F2EF;
    }

    #calendar tfoot td {
    padding: 5px;
    }

    #calendar tfoot #next {
    text-align: right;
    }

    #calendar #today {
    background: #E7F1E1;
    }

    /* Footer */

    #footer {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img07.jpg) no-repeat left top;
    height: 61px;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    line-height: normal;
    color: #FFFFFF;
    }

    #footer a {
    color: #F1B566;
    }
    avatar
    Admin
    Yönetici
    Yönetici

    Mesaj Sayısı : 221

    Geri: Bedava-Sitem.Com uyarlı web tasarımlar!

    Mesaj  Admin Bir 2009-07-28, 15:05



    Tasarım Üzerine
    Kod:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Animals Planet</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
    <div id="container">
      <div id="layoutMenu">
        <ul>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
        </ul>
      </div>
      <div id="layoutHeader">
        <h1><a href="www.codesx.es.tl">VistaFire</a></h1>
        <h2>Diseño Adaptado <a href="http://www.codesx.es.tl">codesx</a></h2>
      </div>
      <div id="layoutCenterBody">
        <div id="layoutNavigation">
          <div class="navTitle">
            <h3>Categorias</h3>
          </div>
          <ul>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
            <li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
          </ul>
        </div>
        <div id="layoutBodyContent">

    Tasarım Altına
    Kod:
      </div>
      </div>
      <div class="clearer"></div>
      <div id="layoutFooter">
        <p>Copyright © 2008. Adaptado<a href="http://www.codesx.es.tl" title="">Codesx</a><br />
          <a href="http://www.tuweb.es.tl">EDITAR</a> | <a href="http://www.free-css.com/">EDITAR</a> | <a target="_blank" href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
      </div>
    </div>
    </body>
    </html>

    Css Style Kodları
    Kod:
    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;}

    * {
      margin:0;
      padding:0;
    }
    body {
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      background:#CCCCCC;
    }
    #container {
      width:800px;
      margin:auto;
      background:#FFFFFF;
    }
    #layoutHeader {
      width:800px;
      height:216px;
      background:url(http://pixelea.com/s/9f7db7cf5b.jpg) no-repeat;
    }
    #layoutHeader h1 {
      color:#FFFFFF;
      font-size:36px;
      font-weight:bold;
      padding:20px 20px 0 20px;
    }
    #layoutHeader h2 {
      color:#FFFFFF;
      font-size:14px;
      font-weight:bold;
      padding:0 20px 0 20px;
    }
    #layoutHeader h1 a {
      color:#FFFFFF;
      font-size:36px;
      font-weight:bold;
      text-decoration:none;
    }
    #layoutHeader h2 a {
      color:#FFFFFF;
      font-size:14px;
      font-weight:bold;
      text-decoration:none;
    }
    #layoutCenterBody {
      margin:10px 10px 0 10px;
    }
    #layoutNavigation {
      border:1px solid #15190A;
      width:200px;
      float:left;
      background:#DCDECC;
    }
    #layoutNavigation .navTitle {
      background:#15190A;
      height:30px;
    }
    #layoutNavigation .navTitle h3 {
      color:#FFFFFF;
      font-size:12px;
      font-weight:bold;
      padding:6px 10px;
    }
    #layoutBodyContent {
      margin-left:220px;
    }
    #layoutBodyContent a {
      color:#7A7D5F;
      font-size:12px;
      font-weight:bold;
    }
    #layoutBodyContent h1{
      color:#15190A;
      font-weight:bold;
      font-size:24px;
    }
    #layoutBodyContent h2{
      color:#15190A;
      font-weight:bold;
      font-size:14px;
      margin-top:10px;
    }
    #layoutBodyContent p {
      margin-top:10px;
    }
    .clearer {
      clear:both;
      height:10px;
    }
    #layoutFooter {
      height:56px;
      background:url(http://pixelea.com/s/626621194b.gif) repeat-x;
      text-align:center;
    }
    #layoutFooter p {
      padding-top:10px;
      color:#BCBA9E;
    }
    #layoutFooter a {
      color:#BCBA9E;
      text-decoration:underline;
    }
    #layoutFooter a:hover {
      color:#BCBA9E;
      text-decoration:none;
    }
    /* main menu begins */
    #layoutMenu {
      height:56px;
      background:url(http://pixelea.com/s/626621194b.gif) repeat-x;
    }
    #layoutMenu ul {
      text-align:center;
      padding-top:17px;
    }
    #layoutMenu li {
      list-style: none;
      display: inline;
    }
    #layoutMenu li a {
      padding: 3px 30px 3px 8px;
      text-decoration: none;
      background:url(http://pixelea.com/s/a0efefa6d5.gif) no-repeat left 5px;
      font-size:12px;
    }
    #layoutMenu li a:link {
      color: #ffffff;
      font-weight:bold;
      font-size:12px;
    }
    #layoutMenu li a:visited {
      color: #ffffff;
    }
    #layoutMenu li a:hover {
      color: #CA9847;
    }
    /* mein menu ends */
    /* left navigation menu begins */
    #layoutNavigation ul {
      list-style-type: none;
      margin:10px 0;
    }
    #layoutNavigation a {
      display: block;
      width: 180px;
      background-color: #DCDECC;
      border-bottom: 1px dotted #15190A;
      margin:7px 10px;
    }
    #layoutNavigation a:link, #layoutNavigation a:visited {
      color: #15190A;
      text-decoration: none;
    }
    #layoutNavigation a:hover {
      background-color: #B7BA9E;
      color: #fff;
    }
    /* left navigation menu ends */

    #content_container {
    padding: 0px!important;
    width: 500px!important;
    }
    #container #container {
    border: 0px!important;
    width: 500px!important;
    }
    .nav_element {
    display:none!important;
    width: 1px!important;
    height:: 1px!important;
    }
    #title {
    display:none;
    width: 1px;
    height:: 1px;
    }

      Forum Saati 2018-11-12, 21:01