iStudiolc-Showing All We Know

001

Simple Blog Red

Type: Css / Html
Creativity Level : Medium
Organization: Simple
Version: 1.0
Warranty: YES
Colors: Red / White / Black
Date: 04/19/12
Preview Live: Click Here

Codigos Del Diseño

Texto por encima de la página:

Texto por debajo de la pagina:

</div>
   <div class="iS-wrapper-right">
      
      <div class="iS-box">
         <h2>Categories</h2>
            <ul>
               <li><a href="#">Archives</a></li>
               <li><a href="#">Mapsite</a></li>
               <li><a href="#">Gallery</a></li>
               <li><a href="#">Top Friends</a></li>
               <li><a href="#">Our Blog</a></li>
               <li><a href="#">Publicity</a></li>
            </ul>
      </div>
      
      
      <div class="iS-box">
         <h2>Sponsors</h2>
            <img src="https://img.webme.com/pic/i/istudiolc/is-spon.jpg" />
            <img src="https://img.webme.com/pic/i/istudiolc/is-spon.jpg" />
            <img src="https://img.webme.com/pic/i/istudiolc/is-spon.jpg" />
            <img src="https://img.webme.com/pic/i/istudiolc/is-spon.jpg" />
      </div>
      
      
      <div class="iS-box">
         <h2>Twitter</h2>
      </div>
      
   </div>
      <div class="c"></div>
</div>
<div id="iS-footer">
   <div class="iS-footer-foot">
      <div class="iS-copy"><p>Copyright © <a>Simple Blog</a>. All Terms and Names are Reserved.</p></div>
   </div>
</div>

CSS-Code sin Style Tags:

#pre_header{display:none;}
#post_header{display:none;}
#header_container{display:none;}
lli.nav_element{display:none;}
li.nav_element a{display:none;}
h1#title{display:none;}
h2#title span{display:none;}
#header{display:none;}
#title{display:none;}
#nav_container{display:none;}
*{margin:0;padding:0;}
body{background:#fff url(https://img.webme.com/pic/i/istudiolc/iphoto-bg.jpg);}
.c{clear:both;}
#iS-top{width:100%;height:30px;background:url(https://img.webme.com/pic/i/istudiolc/is-top.png);}
#iS-top .iS-top-menu{margin:auto;width:1000px;padding:6px;}
#iS-top .iS-top-menu a{padding:5px;color:#d7d7d7;text-decoration:none;font-family:'Big Caslon';font-size:14px;}
#iS-top .iS-top-menu a:hover{color:#9b4545;}
/*-----------Head----------*/
#iS-head{width:1000px;height:120px;margin:auto;}
#iS-head .iS-head-logo{float:left;width:225px;height:70px;background:url(https://img.webme.com/pic/i/istudiolc/ipho-logo.png);margin:10px 0 0 10px;}
#iS-head .iS-head-add{float:right;width:738px;height:101px;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border:1px solid #e3e3e3;margin-top:-0.5px;}
#iS-head .iS-head-add .iS-head-add-adi{margin:-4px 5px 5px 5px;}
/*-----------Wrapper-------*/
#iS-wrapper{margin:auto auto 10px auto;width:950px;height:auto;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;background:#fff;border:1px solid #e3e3e3;}
#iS-wrapper .iS-wrapper-left{float:left;margin:10px 0 10px 10px;width:600px;height:auto;}
.iS-wrapper-left .iS-post{width:600px;height:auto;border-bottom:1px solid #ededed;margin-bottom:10px;}
.iS-wrapper-left .iS-post h3{font-family:'Times New Roman',Verdana;font-size:1.5em;color:#9a9a9a;border-bottom:1px solid #ededed;margin-bottom:3px;}
.iS-wrapper-left .iS-post a{font-size:13px;color:#7b1919;font-family:'Adobe Garamond Pro';}
.iS-wrapper-left .iS-post p{font-size:16px;color:#858585;font-family:'Big Caslon';}
.iS-wrapper-left .iS-post a.iS-nextbutton{float:right;width:138px; height:28px;background:url(https://img.webme.com/pic/i/istudiolc/iphoto-nextbutton.png);margin:15px;}
#iS-wrapper .iS-wrapper-right{float:right;margin:10px 10px 10px 0;width:260px;height:auto;}
.iS-wrapper-right .iS-box{width:260px;height:auto;margin-bottom:10px;}
.iS-wrapper-right .iS-box h2{background:url(https://img.webme.com/pic/i/istudiolc/iphoto-title.png);width:240px;padding:5px;color:#ededed;font-size:17px;margin-bottom:6px;}
.iS-wrapper-right .iS-box ul{width:200px;list-style:square;margin-left:30px;}
.iS-wrapper-right .iS-box ul li{padding:3px;color:#e1e1e1;}
.iS-wrapper-right .iS-box ul li a{color:#9a9a9a;text-decoration:none;font-family:"Big Caslon";font-size:15px;}
.iS-wrapper-right .iS-box ul li a:hover{color:#9b4545;}
/*-------Footer-------*/
#iS-footer{width:100%;height:52px;background:url(https://img.webme.com/pic/i/istudiolc/is-bottom.png);}
#iS-footer .iS-footer-foot{margin:auto;width:950px;height:52px;}
.iS-footer-foot .iS-copy{width:600px;padding:19px;}
.iS-footer-foot .iS-copy p{color:#8c8c8c;font-size:14px;}
.iS-footer-foot .iS-copy a{color:#9b4545;}

</style></head>
<div id="iS-top">
   <div class="iS-top-menu">
      <a href="#">Home</a>
      <a href="#">Archives</a>
      <a href="#">Gallery</a>
      <a href="#">Mapsite</a>
      <a href="#">Our Blog</a>
   </div>
      <div class="c"></div>
</div>
<div id="iS-head">
   <div class="iS-head-logo"></div>
   <div class="iS-head-add">
      <div class="iS-head-add-adi"><head><style>

Tipo De Post (Ponerlo Dentro de Editar Paginas Por El View Source)

Css Designs

Css Structures

Tipos De Posts

iStudiolc-Showing All We Know

001

Simple Blog Red

Codigos Del Diseño

Categories

Sponsors

Radio

Sponsors

Recomendados

Algunas Noticias

Algunos Ejemplos