- Css Kod 13

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>     <div class="clearfix"></div>     <div id="footer">       <div id="ftinner">         <div class="ftlink fl"> <a href="Link aqui" _fcksavedurl="Link aqui">Home</a> | <a href="Link aqui" _fcksavedurl="Link aqui">texto</a> | <a href="Link aqui" _fcksavedurl="Link aqui">texto </a> | <a href="Link aqui" _fcksavedurl="Link aqui">texto</a> | <a href="Link aqui" _fcksavedurl="Link aqui">textp</a>            <p id="copyright">© 2009. todos los derechos reservados <br>             Designed adaptado por  <a href="http://www.ladiskoteka.com/" _fcksavedurl="http://www.ladiskoteka.com/">Ladiskoteka</a></p>         </div>         <div class="valid fr"><img src="http://g.starcool25.googlepages.com/xhtml.gif" _fcksavedurl="http://g.starcool25.googlepages.com/xhtml.gif" alt="xhtml valid"> <img src="http://g.starcool25.googlepages.com/css.gif" _fcksavedurl="http://g.starcool25.googlepages.com/css.gif" alt="css valid"></div>       </div>      </div>        </div>

TASARIMIN ÜSTÜNE

<div id="wrap">              <div id="header">                               <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html"></a></h1>               <p id="slogan"></p>                         <div id="header-links">          <p>             <a href="Url" _fcksavedurl="Url">Link</a> |                      <a href="Url" _fcksavedurl="Url">Link2</a>                   </p>            </div>                              </div>                        <div  id="menu">     <ul>             <li id="current"><a href="Url" _fcksavedurl="Url">Link </a></li>             <li><a href="Url" _fcksavedurl="Url">Link2</a></li>             <li><a href=" Url" _fcksavedurl=" Url">Link3</a></li>                     <li><a href="Url" _fcksavedurl="Url">Link4</a></li>             <li class="last"><a href="Url" _fcksavedurl="Url">Link5</a></li>          </ul>       </div>                                       <div id="content-wrap">                      <div id="sidebar">                               <div class="left-box">                <p class="align-right"></p>             </div>                                       </div>

TASARIMIN ALTINA
CSS BÖLÜMÜNE

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;}   /* Top Elements */ * { margin: 0; padding: 0; outline: 0 }  body {    background-image: none;background-color:#ffffff;    font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;    color: #555;    text-align: center; }  /* links */ a, a:visited {    text-decoration: none;    color: #2180BC;    background: inherit; } a:hover {    color: #88ac0b;    background: inherit;    text-decoration: underline; }  /* headers */ h1, h2, h3 {    font-family: 'Trebuchet MS', Tahoma, Sans-serif;          } h1 {    font-size: 150%;       font-weight: normal;    color: #cccccc; } h2 {    font-size: 140%;    text-transform: uppercase;    color: #cccccc; } h3 {    font-size: 120%;    color: #cccccc; }  h1, h2, h3, p {    padding: 10px;         margin: 0; } ul, ol {    margin: 5px 20px;    padding: 0 20px; }   /********************************************   Design ********************************************/ #wrap {    width: 838px;    background:  url(http://i35.tinypic.com/zlq93m.png) repeat-y center top;    margin: 0 auto;    text-align: left; } #content-wrap {    clear: both;    width: 760px;    padding: 0;    margin: 10px auto; } #header {    width: 838px;    position: relative;    height: 150px;    background: #fff url(http://pixelea.com/s/d6959e024e.gif) no-repeat center top;    padding: 0;        } #header h1#logo-text a {    position: absolute;    margin: 0; padding: 0;    font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;    letter-spacing: -2px;    color: #FFF;    text-transform: none;    text-decoration: none;    background: transparent;        /* change the values of top and left to adjust the position of the logo*/    top: 25px; left: 47px;    } #header p#slogan {    position: absolute;    margin: 0; padding: 0;    font: normal 12px 'Trebuchet MS', Arial, Sans-serif;    text-transform: none;    color: #FFF;        /* change the values of top and left to adjust the position of the slogan*/    top: 70px; left: 55px;      }  /* header links */ #header #header-links {    position: absolute;    top: 20px; right: 30px;       color: #ffffff;    font-size: 10px;    } #header #header-links a {       color: #FFF;    text-decoration: none;    } #header #header-links a:hover {    color: #cccccc;    }  /* Menu */ #menu {    clear: both;       margin: 0 auto; padding: 0;    background: url(http://pixelea.com/s/b6d5173dc3.gif) repeat-x 0 0;       font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;    height: 50px;    width: 838px; } #menu ul {    float: right;    list-style: none;    margin:0; padding: 0; } #menu ul li {    display: inline; } #menu ul li a {    display: block;    float: left;    padding: 0 12px;    color: #FFF;       text-decoration: none; } #menu ul li.last a {    padding-right: 20px;    } #menu ul li a:hover {    color: #cccccc;    } #menu ul li#current a {       color: #bc0303; }  /* Main Column */ #main {    float: left;    width: 70%;    padding: 0; margin: 5px 0 0 5px;    display: inline; } #main h2 {    margin-top: 30px;    font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;    color: #88ac0b;    padding: 5px 0 5px 25px;       border-bottom: 1px solid #EFF0F1;    background: #FFF  none no-repeat 3px 50%;       text-transform: none; } #main h2 a {    background: none;    color: #88ac0b;    text-decoration: none; }  #main ul li {    list-style-image:  none; }  .post-footer {    background-color: #FAFAFA;    padding: 5px; margin: 20px 10px 10px 10px;    border: 1px solid #f2f2f2;    font-size: 95%;    } .post-footer .date {    background:  none no-repeat left center;    padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments {    background:  none no-repeat left center;    padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore {    background:  none no-repeat left center;    padding-left: 20px; margin: 0 10px 0 5px; }  /* Sidebar */    #sidebar {    float: right;    width: 26.5%;    padding: 0; margin: 0;       color: #000;            }    #sidebar h3 {    margin-top: 10px;    padding: 20px 20px;    font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;    color: #bc0303;    } #sidebar ul.sidemenu {    list-style: none;    text-align: left;    margin: 7px 4px 8px 0; padding: 0;    text-decoration: none;         background:  none repeat-x left top; } #sidebar ul.sidemenu li {    list-style: none;    background:  none repeat-x left bottom;    padding: 4px 0 4px 5px;    margin: 0 20px;       color: #bc0303;    } * html body #sidebar ul.sidemenu li {    height: 1%; } #sidebar ul.sidemenu li a {    text-decoration: none;       background-image: none;       color: #666666;          } #sidebar ul.sidemenu li a:hover {       color: #1773BC;    } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; }   /* Footer */    #footer {    color: #C6DDEE;    background:  url(http://pixelea.com/s/5284a32aec.gif) no-repeat center top;    clear: both;    width: 838px;    height: 76px;    text-align: center;       font-size: 92%;    } #footer a {    color: #FFF;    text-decoration: none; }  /* alignment classes */ .float-left  { float: left; } .float-right { float: right; } .align-left  { text-align: left; } .align-right { text-align: right; }  /* display and additional classes */ .clear { clear: both; }

TAM SAYFA OYUN TASARIMI

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(fondo );background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:800px; background-image:url(http://pixelea.com/s/1a73368d1e.png);} #content { position: absolute; left: 50%; top: 340px; margin-left:-322px; width: 671px; height: 390px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}  #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; }  body {background-image:url('http://i41.tinypic.com/8vx4as.jpg');}   *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 960px; height:1000px; background-image:url(http://i44.tinypic.com/o8uf49.jpg);}  #content { position: absolute; left: 35%; top: 290px; margin-left:-250px; width: 748px; height: 509px; padding:10px; color: #FFFFFF; font-size:13px; c background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}   #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-400px; font-color:#cccccc;}  a{ color:#000000; text-decoration: none; font-size:13px;}  a:hover { color: #0000FF; font-size: 13px; text-decoration: none;}  a:link { color: #8B0000; font-size: 13px; text-decoration: none;}  a:active { color: #228B22; font-size: 13px; text-decoration: none;}  a:visited { color: #4B0082; font-size: 13px; text-decoration: none;}          //-->       </style>

TASARIMIN ÜSTÜNE

<div id="header"><div id="header-content">                <h1 id="logo-text"><a href="inicio.htm" _fcksavedurl="inicio.htm" title="">   <span>By </span>Free-Tutoriales</a></h1>                  <div id="header-links">          <p>             <a href="inicio.htm" _fcksavedurl="inicio.htm">Inicio</a> |             <a href="Url" _fcksavedurl="Url">Nombre</a>                </p>             </div>           </div></div>   <div id="nav-wrap"> <div id="nav"> <ul>     <li id="current"><a href="inicio.htm" _fcksavedurl="inicio.htm">Inicio</a></li>     <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>     <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>     <li><a target="_blank" href="Url" _fcksavedurl="Url">Foro</a></li> </ul> </div> </div>                        <div id="content-wrap"><div id="content">              <div id="sidebar" >                       <div class="sep"></div>                                 <div class="sidebox">                <h1>Box1</h1>                <ul class="sidemenu">                    <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>                   <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>                   <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>                   <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>                   <li><a href="Url" _fcksavedurl="Url">Nombre</a></li>                </ul>                   </div>                               <div class="sidebox">                <h1>Box2</h1>                          <p>"Escribe aqui lo que quieras."</p>                                <p class="align-right">- Escrito por FT</p>                   </div>                                            </div>              <div id="main">                   <div class="box">

TASARIMIN ALTINA

</div></div>             </div></div>               <div id="footer-wrap">           <div id="footer-columns">          <div class="col3">             <h2>Anuncios1</h2>             <ul>                <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>                 <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>              </ul>          </div>          <div class="col3-center">             <h2>Anuncios2</h2>              <ul>                <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>                 <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>               </ul>          </div>          <div class="col3">             <h2>Anuncios3</h2>             <ul>                 <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>                 <li><a href="Url" _fcksavedurl="Url">anuncio</a></li>                          </ul>          </div>              </div>              <div id="footer-bottom">                <p>           © año <b>Tu web</b> |          Diseñado por: <a href="http://free-tutoriales.es.tl/" _fcksavedurl="http://free-tutoriales.es.tl/">Free-Tutoriales</a> |          Validado  <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a> |          <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>                                               </p>             </div>      </div>

CSS BÖLÜMÜNE

/********************************************    Autor: Free-Tutoriales.es.tl   Favor no borrar los creditos  *******************************************/ /********************************************    Plantilla de uso libre  *******************************************/  /********************************************    HTML ELEMENTS ********************************************/  /* top elements */ * { padding: 0; margin: 0; border: 0; }  body {    margin: 0;    padding: 0;    font: normal 12px/1.7em  verdana, tahoma, sans-serif;       text-align: center;    background: #AAAAAA url(http://ciclismosanjose.googlepages.com/headerbg1.png) repeat-x 0 0;    color: #FFF; }  /* links */ a {    color: #474747;    background-color: inherit;    text-decoration: none;       } a:hover {    color: #FAA34B;    background-color: inherit;    text-decoration: underline;       border: none; }  /* headers */ h1, h2, h3 {    font: bold 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;    color: #fff; } h1 { font-size: 2.5em; } h2 { font-size: 2em; text-transform:uppercase;} h3 { font-size: 1.8em; }  p, h1, h2, h3 {    margin: 0;    padding: 10px 15px; }  ul, ol {    margin: 10px 30px;    padding: 0 15px;    }  /* images */ img {    background: #FAFAFA;    border: 1px solid #474747;    padding: 6px; } img.float-right {    margin: .5em 0 1em 1em;    } img.float-left {    margin: .5em 1em 1em 0; }  code {   margin: .5em 0;   display: block;   padding: 20px;   text-align: left;   overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;   /* white-space: pre; */   background: #1E89DC;   border: 1px solid #0065C6;    } acronym {   cursor: help;   border-bottom: 1px solid #0065C6; } blockquote {    margin: 10px 15px;    padding: 10px 0 10px 28px;     border: 1px solid #0065C6;    background: #1E89DC;    font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; }  /* start - table */ table {    margin: 10px 15px;    border-collapse: collapse;          } th strong {    color: #fff; } th {    background: #93BC0C;    height: 3em;    padding-left: 12px;    padding-right: 12px;    color: #FFF;    text-align: left;    border-left: 1px solid #B6D59A;    border-bottom: solid 2px #8EB200;    border-top: solid 2px #8EB200; } tr {    color: #707070;    height: 2.5em;    } td {    padding-left: 12px;    padding-right: 12px;    border-left: 1px solid #FFF;    border-bottom: solid 1px #ffffff; } td.first,th.first {    border-left: 0px; } tr.row-a {    background: #F8F8F8; } tr.row-b {    background: #EFEFEF; } /* end - table */  /* form elements */ form {    margin: 10px 15px;    padding: 10px;    border: 1px solid #0065C6;    background-color: #1E89DC; } fieldset {    margin: 0;    padding: 0;    border: none; } label {    display:block;    font-weight:bold;    margin: .4em 0;    } input {    padding: .3em;    border: 1px solid #eee;    font: normal 1em Verdana, sans-serif;    color:#777; } textarea {    width: 55%;    padding: .3em;    font: normal 1em/1.5em Verdana, sans-serif;    border: 1px solid #eee;    height: 10em;    display:block;    color:#777; } input.button {    font: bold 1em Arial, Sans-serif;    margin: 0;    padding: .25em .3em;    color: #FFF;    background: #A2CC00;    border: 2px solid #8EB200; }  /* search form */ .searchform {    background-color: transparent;    border: none;       margin: 0 0 0 10px; padding: 0 0 1.5em 0;       width: 18em;    } .searchform p { margin: 0; padding: 0; } .searchform input.textbox {    width: 11em;    color: #777;    padding: .4em;    border: 1px solid #E5E5E5;    vertical-align: top; } .searchform input.button {    width: 60px;    vertical-align: top; }  /***********************      LAYOUT ************************/  #header-content, #content, #nav { /* The width value below sets the total width of the design. It's default value is set to 93% which means that it will take up 93% of the browser window's width. You can also set it to a different percentage   value (90%, 85%, etc.). This design is fluid layout by default, but you can turn it into a fixed width layout by setting a pixel value to the width (e.g. 900px, 950px). */    width: 93%;    }  /* box */ .box {    margin: 10px 0;       padding: 10px 10px 20px 10px;          border: 5px solid #535557;    background: url(http://ciclismosanjose.googlepages.com/boxbg1.png);       }  /* header */ #header {    height: 178px;    text-align: left;    } #header-content {    position: relative;    margin: 0 auto; padding: 0; } #header-content h1#logo-text a {    position: absolute;    margin: 0; padding: 0;    font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;    letter-spacing: -1px;    color: #fff;    text-decoration: none;     /* change the values of top and left to adjust the position of the logo*/    top: 30px; left: 10px;    } #header-content h1#logo-text span {    color: #AAAAAA;    } #header-content #slogan {    position: absolute;       font: bold 16px 'Trebuchet Ms', Sans-serif;    text-transform: none;    color: #FFF;       margin: 0; padding: 0;     /* change the values of left and top to adjust the position of the slogan */    top: 100px; left: 125px; }  /* header links */ #header-content #header-links {    position: absolute;    top: 25px; right: 10px;       color: #fff;    font: bold 15px "Trebuchet MS", Tahoma, Sans-serif;    } #header-content #header-links a {       color: #AAAAAA;    text-decoration: none;    } #header-content #header-links a:hover {    color: #fff;       }   /* Navigation */ #nav-wrap {    float: left;    width: 100%;    background: url(http://ciclismosanjose.googlepages.com/menubg1.png) repeat-x left bottom;    clear: both; } #nav {    clear: both;       margin: 0 auto;    padding: 0;       } #nav ul {    float: left;    list-style: none;    text-transform: uppercase;    margin: 0;    padding: 0;       height: 64px;       } #nav ul li {    float: left;    margin: 0; padding: 0;    height: 64px; } #nav ul li a {    display: block;     float: left;    width: auto;    margin: 0;    padding: 0 15px;    color: #FFF;    font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;    text-decoration: none;       letter-spacing: 1px;    } #nav ul li a:hover, #nav ul li a:active {    color: #333;    } #nav ul li#current {       background: url(http://ciclismosanjose.googlepages.com/navcurrent1.png) no-repeat center bottom;       } #nav ul li#current a {    color: #333; }  /* content */ #content-wrap {    clear: both;    float: left;    background: #AAAAAA;          width: 100%; } #content {    text-align: left;       padding: 0;    margin: 0 auto;       }  /* sidebar */ #sidebar {    float: right;    width: 21em;    margin: 10px 0 10px -21em; padding: 0;       } #sidebar h1 {    font: bold 1.75em 'Trebuchet MS', Tahoma, Arial, Sans-serif;    padding: .3em 0 .5em 10px;    color: #fff;    } #sidebar ul.sidemenu {    list-style:none;    margin: 0;    padding: .3em 0 1em 5px;          font-family: 'Trebuchet MS', Tahoma, Sans-serif;       } #sidebar ul.sidemenu li {    padding: 0;    background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/sidebullet.gif) no-repeat .3em .5em;       }  * html body #sidebar ul.sidemenu li { height: 1%; }  #sidebar ul.sidemenu li a {    display: block;    font-weight: bold;    color: #535557;       text-decoration: none;    padding: .2em 0 .2em 30px;    line-height: 1.5em;    font-size: 1.35em; } #sidebar ul.sidemenu li a:hover {    background: #535557 url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/sidebullet.gif) no-repeat .25em .45em;       color: #FFF;          } #sidebar ul.sidemenu ul{    margin-left: 15px; }  #sidebar .sidebox {    margin: 5px 15px 5px 0;    padding: 0;    border:1px solid #eee;    background: url(http://ciclismosanjose.googlepages.com/sidebarsep1.png) repeat-x left bottom; } #sidebar .sep{    background: url(http://ciclismosanjose.googlepages.com/sidebarsep1.png) repeat-x left bottom;    height: 2px;    margin: 0px 15px 10px 0;    clear: both;    border:1px solid #eee; }  /* main */ #main {    margin: 10px 23em 10px 0;    padding: 0;       } #main h1 {    font: bold 2.8em 'Trebuchet MS', Arial, Sans-serif;    color: #AAAAAA;    letter-spacing: -2px;          padding-bottom: 0;    } #main h1 a {    color: #AAAAAA;    text-decoration: none; }  /* footer */ #footer-wrap {    clear: both;    border-top: 5px solid #535557;    text-align: left;    padding: 1.6em 0;    } #footer-wrap a {    text-decoration: none;    color: #000;    font-weight: bold; } #footer-wrap a:hover {    color: #535557;    } #footer-wrap p {    padding: 10px 0; } #footer-wrap h2 {    color: #535557;    margin: 0;    padding: 0 10px;    text-transform: none; }  /* footer columns */ #footer-columns {    color: #000;    margin: 0 auto;    padding: 0;       width: 90%;    } #footer-columns ul {    list-style: none;    margin: 10px 0 0 0;    padding: 0;       background: url(http://ciclismosanjose.googlepages.com/fooster-dots1.png) repeat-x left top;    } #footer-columns li {    background: url(http://ciclismosanjose.googlepages.com/fooster-dots1.png) repeat-x left bottom;       } #footer-columns li a {    display: block;    font-weight: normal;    padding: .5em 0 .5em 1em;    width: 96%; } #footer-columns .col3, .col3-center {    float: left;    width: 32%; } #footer-columns .col3-center {    margin: 0 15px; }  /* bottom */ #footer-bottom {    clear: both;    color: #535557;       margin: 0 auto;    padding: 1em 0;    text-align: center; }  /* alignment classes */ .float-left  { float: left; } .float-right { float: right; } .align-left  {   text-align: left; } .align-right {   text-align: right; }  /* additional classes */ .clear { clear: both; } .white {   color: #535557; }  img.rssfeed {    border: none;    padding: 0 0 5px 0;    background: transparent; }  .post-by {    font-size: .95em;       padding-top: 0; } .post-footer {    text-align: right;    background: #1E89DC;    border: 1px solid #0065C6;    padding: 8px 10px;    margin: 20px 15px 10px 15px; } .post-footer .date {    background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/clock.gif) no-repeat left center;    padding-left: 20px; margin: 0 3px 0 3px; } .post-footer .comments {    background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/comment.gif) no-repeat left center;    padding-left:    20px; margin: 0 3px 0 3px; } .post-footer .readmore {    background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/page.gif) no-repeat left center;    padding-left: 20px; margin: 0 3px 0 3px; }  div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #pre_header, #post_header, #header_container, #pre_content, #nav_heading{ display: none;} div#nav_container{display: none;} div#sidebar_container{display: none;} div.header{display: none;} div#counter{display: none;} h1#title{display: none;} h2#title span {display: none;} li.nav_element{display: none;} li.nav_element a{display: none;}  _________________

TASARIMIN ÜSTÜNE

<div id="tabsG">             <ul>                 <li><a title="Link 1" href="#" _fcksavedurl="#"><span>Link 1</span></a></li>                 <li><a title="Link 2" href="#" _fcksavedurl="#"><span>Link 2</span></a></li>                 <li><a title="Link 3" href="#" _fcksavedurl="#"><span>Link 3</span></a></li>                 <li><a title="Longer Link Text" href="#" _fcksavedurl="#"><span>Longer Link Text</span></a></li>                 <li><a title="Link 5" href="#" _fcksavedurl="#"><span>Link 5</span></a></li>                 <li><a title="Link 6" href="#" _fcksavedurl="#"><span>Link 6</span></a></li>                 <li><a title="Link 7" href="#" _fcksavedurl="#"><span>Link 7</span></a></li>             </ul>             </div> <div class="menu"><img src="http://pixelea.com/s/f6dc47d4ae.png" _fcksavedurl="http://pixelea.com/s/f6dc47d4ae.png" /> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="/#" _fcksavedurl="/#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link </a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link </a></li> <img src="http://pixelea.com/s/bac4bbd9ec.png" _fcksavedurl="http://pixelea.com/s/bac4bbd9ec.png" alt="" /> </ul> </div>  <div id="conten">

TASARIMIN ALTINA
CSS BÖLÜMÜNE

#extraDiv2 {display: none;}  #extraDiv3 {display: none;}  #extraDiv4 {display: none;}  #extraDiv5 {display: none;}  #extraDiv6 {display: none;}  #pre_header {display: none;}  #post_header {display: none;}  #header_container {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div#nav_container{display: none;}  div.header{display: none;} h2#title{margin-bottom:10px}  h1#title{margin:10}  li.nav_element{display: none;}  li.nav_element a{display: none;} *{    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 11px;    margin:0px;    padding:0px; } body{    background:url(http://www.dezinerfolio.com/wp-content/themes/df_blue/images/body_loop.gif) repeat-x 0 0;    width:990px;    background-color: #000000;    margin-left:auto;    margin-right:auto;    margin-top:0px;    margin-bottom:0px;    color:#ffffff; } img {    border: none;}  a{    text-decoration:underline;    color:#848484; } a:hover{    text-decoration:underline;color:#58ACFA; } .linkpeq{    font-size:9px; } .estilosgris{    font-size:9px;    color:#999999; } .negross{    font-size:15px;    text-decoration:none;    font-weight:bold;    color:#000000; }    /*-- diseÃ±o --*/  .cabecera{    height: 129px; }   .centro {    background-image: url(http://pixelea.com/s/de0a2352ef.gif);    background-repeat: repeat-y;    width:990px;    border-right-color:#cccccc;    border-right-style:solid;    border-right-width:1px;  }  .contenido {        width:811px;    float:right;    background:#43464a ;    background-repeat:  repeat-x;  }  .menu {    width: 179px;    float:left;    text-align: center;     } .flinea{    width: 179px;    float:left;    text-align: center;    border-bottom-color:#FFFFFF;    border-bottom-style:solid;    border-bottom-width:1px;    margin-bottom:10px; } .fh{    margin-top:15px;    width:179px;    float:left;    text-align:center;    margin-bottom:5px;     } .fh iframe{    display:block;    margin-bottom:6px;    border-color:#ffffff;    border-width:1px;    border-style:solid;    width:100px;    height:69px;    padding:3px;    float:center;    margin-left:33px;    margin-right:32px; } .fh img{    display:block;    margin-bottom:6px;    border-color:#ffffff;    border-width:1px;    border-style:solid;    width:100px;    height:69px;    padding:3px;    float:center;    margin-left:33px;    margin-right:32px; } .fh2{    width:179px;    float:left;    text-align:center;    margin-bottom:5px; } .fh3{    width:179px;    float:left;    text-align:center;    margin-top:15px; }   .menu ul{    margin-bottom:5px; } .menu ul li  {    text-align:left;    background-image: url(http://pixelea.com/s/e71886fc0b.png);    background-repeat: no-repeat;    list-style:none;    height: 22px;    width:179px;    padding-top: 10px; }  .menu ul li a {    padding-left: 20px;    color:#FFFFFF;  }  .menu ul li a:hover {    color:#007dfc;    font-weight:bold;    text-decoration:none;  }     /*-- pie --*/  .pie{    width:787px;margin-top:30px;    margin-left:5px;    border-top-color:#0080FF;    border-top-style:solid;    border-top-width:1px;    border-left-color:#0080FF;    border-left-style:solid;    border-left-width:1px;    border-right-color:#0080FF;    border-right-style:solid;    border-right-width:1px;    border-bottom-color:#0080FF;    border-bottom-style:solid;    border-bottom-width:20px;    padding-top: 20px;    margin-bottom:20px;    height: 100px;    text-align: center;    color: #999999;    font-size:9px;    float:left;    background-image:url(http://pixelea.com/s/44347874aa.png);    background-repeat:  repeat-x;    background-position: bottom;    } .pie1{    border-left-color:#CCCCCC;    border-left-style:solid;    border-left-width:1px;    width:400px;    float:right;    text-align:left;    padding-left:15px; } .pie1a{    width:100px;    float:left;    text-align:center;    padding-left:15px;    padding-top:10px;  }  .pie2{    width:520px;    float:left;    text-align:justify;    margin-left:15px; } .pie .peque{    font-size:9px;    font-family:Verdana, Arial, Helvetica, sans-serif; }  .pie a {    color:#0000FF;  } #tabsG {       float:right;       width:100%;       background:#xxxxxx;       font-size:93%;       line-height:normal;       }     #tabsG ul {      margin:0;      padding:10px 10px 0 50px;      list-style:none;       }     #tabsG li {       display:inline;       margin:0;       padding:0;       }     #tabsG a {       float:right;       background:url("http://img398.imageshack.us/img398/9296/tableftgwx6.gif") no-repeat left top;       margin:0;       padding:0 0 0 4px;       text-decoration:none;       }     #tabsG a span {       float:left;       display:block;       background:url("http://img398.imageshack.us/img398/7484/tabrightgcm1.gif") no-repeat right top;       padding:5px 15px 4px 6px;       color:#FFF;       }     /* Commented Backslash Hack hides rule from IE5-Mac */     #tabsG a span {float:none;}     /* End IE5-Mac hack */     #tabsG a:hover span {       color:#FFF;       }     #tabsG a:hover {       background-position:0% -42px;       }     #tabsG a:hover span {       background-position:100% -42px;       }  #conten{        width:800px;    float:right;    background:#43464a;border:1px solid #0687ca;    background-repeat:  repeat-x;

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}    #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; }    body { background-color:#ffffff;}   *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 800px; height:700px; background-image:url(http://pixelea.com/s/ea5c8784ec.gif);}  #content { position: absolute; left: 56%; top: 300px; margin-left:-226px; width: 525px; height: 340px; padding:10px; color: #707070; font-size:12px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}   #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;}     a{ color:#707070; text-decoration: none; font-size:13px;}  a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:link { color: #000000; font-size: 13px; text-decoration: none;}  a:active { color: #707070; font-size: 13px; text-decoration: none;}  a:visited { color: #cccccc; font-size: 13px; text-decoration: none;}    div.lux { position: absolute; z-index: 3; top: 58px; left: 52%; margin-left: -160px; width: 100px; }  .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #FFF; font-size: 60px; }

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}    #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; }  body { background-image:url(http://pixelea.com/s/5ba3539f8b.jpg);background-color:#fff;}   *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 769px; height:645px; background-image:url(http://pixelea.com/s/5a261f7241.jpg);}   #content { position: absolute; left: 50%; top: 228px; margin-left:-369px; width: 717px; height: 387px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}   #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;}     a{ color:#ffffff; text-decoration: none; font-size:13px;}  a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:link { color: #000000; font-size: 13px; text-decoration: none;}  a:active { color: #000000; font-size: 13px; text-decoration: none;}  a:visited { color: #000000; font-size: 13px; text-decoration: none;}   div.lux { position: absolute; z-index: 3; top: 130px; left: 52%; margin-left: -340px; width: 100px; }  .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #FFF; font-size: 24px; }

TASARIMIN ÜSTÜNE

CSS BÖLÜMÜNE

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}    #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; }  body { background-image:url(http://img4.xooimage.com/files/7/c/e/fondo-dj-ad1669.jpg);background-color:#fff;}   *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 769px; height:645px; background-image:url(http://img10.xooimage.com/files/7/8/c/cc-nero2222-ad7028.jpg);}   #content { position: absolute; left: 50%; top: 228px; margin-left:-369px; width: 717px; height: 387px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}   #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;}     a{ color:#ffffff; text-decoration: none; font-size:13px;}  a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:link { color: #000000; font-size: 13px; text-decoration: none;}  a:active { color: #000000; font-size: 13px; text-decoration: none;}  a:visited { color: #000000; font-size: 13px; text-decoration: none;}   div.lux { position: absolute; z-index: 3; top: 130px; left: 52%; margin-left: -340px; width: 100px; }  .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #FFF; font-size: 24px; }