iStudiolc-Showing All We Know

004

Blue Jean's

Type: Css / Html
Creativity Level : Medium
Organization: Professional
Version: 2.5
Warranty: YES
Colors: Blue / Aqua Marine / Brown
Date: 04/25/12
Preview Live: Click Here

Codigos Del Diseño

Texto por encima de la página:

Texto por debajo de la página:

</div>
   <div class="iS-right">
      
      <div class="iS-box">
         <h3>Categories</h3>
           <ul>
              <li><a href="#">Archives</a></li>
              <li><a href="#">Gallery</a></li>
              <li><a href="#">Publicity</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Blog Site</a></li>
           </ul>
      </div>
      
      
      <div class="iS-box">
         <h3>Sponsors</h3>
           <img src="https://img.webme.com/pic/i/istudiolc/bluejean-thumb2.jpg" />
           <img src="https://img.webme.com/pic/i/istudiolc/bluejean-thumb2.jpg" />
           <img src="https://img.webme.com/pic/i/istudiolc/bluejean-thumb2.jpg" />
      </div>
      
      
      <div class="iS-box">
         <h3>Twitter</h3>
      </div>
      
   </div>
              <div class="c"></div>
</div>
<div id="iS-footer">
   <div id="iS-foot">
      
      <div class="iS-widget">
         <h4>Just A Widget</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      </div>
      
      
      <div class="iS-widget">
         <h4>Just A Widget</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      </div>
      
      
      <div class="iS-widget">
         <h4>Just A Widget</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      </div>
      
   </div>
</div>
<div id="iS-copy">
   <div id="iS-by">
   <p>Copyright © <a>Blue Jean's</a> . All Terms and Names are Reserved.</p>
   </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:#79b8d5;}
.c{clear:both;}
/*------TOP------*/
#iS-top{width:100%;height:178px;background:url(https://img.webme.com/pic/i/istudiolc/bluejean-top.jpg);}
#iS-top #iS-up{margin:auto;width:900px;height:178px;}
#iS-top #iS-up .iS-logo{float:left;width:230px;height:106px;background:url(https://img.webme.com/pic/i/istudiolc/bluejean-logo.png);margin-top:30px;}
#iS-top #iS-up .iS-menu{float:right;width:350px;padding:70px;}
#iS-top #iS-up .iS-menu .iS-nav{padding:2px;}
#iS-top #iS-up .iS-menu .iS-nav a{padding:5px 14px 5px 14px;color:#fff;text-decoration:none;font-family:"Chaparral Pro";font-size:18px;}
#iS-top #iS-up .iS-menu .iS-nav a:hover{background:#246e95;box-shadow:inset #4c4c4c 0 0 4px 0;-moz-box-shadow:inset #4c4c4c 0 0 4px 0;-webkit-box-shadow:inset #4c4c4c 0 0 4px 0;-o-box-shadow:inset #4c4c4c 0 0 4px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
/*-----ADD-----*/
#iS-add{width:100%;height:100px;background:#98c7dd;}
#iS-add .iS-adi{margin:auto;width:728px;height:90px;padding:0 5px 0 5px;}
/*-----WRAPPER-----*/
#iS-wrapper{margin:20px auto;width:900px;height:auto;}
/*-----LEFT-----*/
#iS-wrapper .iS-left{width:600px;height:auto;float:left}
.iS-left .iS-post{width:600px;height:auto;background:#fff;padding:20px 0 5px 0;box-shadow:#848484 0 0 6px 0;-moz-box-shadow:#848484 0 0 6px 0;-webkit-box-shadow:#848484 0 0 6px 0;-o-box-shadow:#848484 0 0 6px 0;margin-bottom:20px;}
.iS-left .iS-post h2{background:url(https://img.webme.com/pic/i/istudiolc/bluejean-post-title.png);width:406px;height:32px;padding-top:5px;}
.iS-left .iS-post h2 a{color:#fefefe;font-family:"Didot";font-size:1em;text-decoration:none;padding:0 0 0 10px;}
.iS-left .iS-post .iS-cont{padding:20px;}
.iS-left .iS-post .iS-cont img{border:5px solid #eaeaea;width:550px;height:150px;margin-bottom:15px;}
.iS-left .iS-post .iS-cont p{color:#919191;font-family:"Big Caslon";font-style:italic;font-size:16px;}
.iS-left .iS-post a.iS-nextbutton{float:right;padding:20px 20px 5px 20px;color:#919191;font-size:15px;font-family:"Big Caslon";font-style:italic;}
/*-----RIGHT-----*/
#iS-wrapper .iS-right{float:right;width:256px;height:auto;padding:15px 0 5px 0;box-shadow:#848484 0 0 6px 0;-moz-box-shadow:#848484 0 0 6px 0;-webkit-box-shadow:#848484 0 0 6px 0;-o-box-shadow:#848484 0 0 6px 0;background:#fff;}
.iS-right .iS-box{width:256px;height:auto;margin-bottom:10px;}
.iS-right .iS-box h3{width:246px;height:28px;background:url(https://img.webme.com/pic/i/istudiolc/bluejean-title.png);color:#fefefe;padding:3px 5px 5px 5px;font-size:1.5em;font-family:"Didot";}
.iS-right .iS-box ul{width:220px;list-style:none;padding:10px;}
.iS-right .iS-box ul li{width:220px;padding:4px;border-bottom:1px solid #eaeaea;}
.iS-right .iS-box ul li a{color:#848484;text-decoration:none;}
.iS-right .iS-box img{margin:4px 10px 4px 10px;border:2px solid #d6d6d6;}
/*-----FOOTER-----*/
#iS-footer{width:100%;height:315px;background:url(https://img.webme.com/pic/i/istudiolc/bluejean-footer.png);}
#iS-footer #iS-foot{margin:auto;width:950px;height:315px;}
#iS-foot .iS-widget{float:left;width:280px;height:190px;background:#767167;margin:60px 0 0 25px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;box-shadow:inset #4b4b4b 0 0 7px 0;-moz-box-shadow:inset #4b4b4b 0 0 7px 0;-webkit-box-shadow:inset #4b4b4b 0 0 7px 0;-o-box-shadow:inset #4b4b4b 0 0 7px 0;padding:0 0 0 4px;}
.iS-widget h4{color:#d7d6d6;padding:15px 0 0 85px;margin-bottom:10px;}
.iS-widget p{color:#bfbfbf;font-size:15px;font-family:"Big Caslon";text-align:center;}
/*-----COPYRIGHT-----*/
#iS-copy{width:100%;height:168px;background:url(https://img.webme.com/pic/i/istudiolc/bluejean-copy.png);}
#iS-copy #iS-by{margin:auto;width:550px;padding-top:70px;}
#iS-by p{color:#a6a6a6;font-size:20px;font-family:"Big Caslon";}
#iS-by p a{color:#6193aa;}
</style>
<div id="iS-top">
   <div id="iS-up">
      <div class="iS-logo"></div>
      <div class="iS-menu">
         <div class="iS-nav">
            <a href="#">Home</a>
            <a href="#">Archives</a>
            <a href="#">Gallery</a>
            <a href="#">About</a>
         </div>
      </div>
   </div>
</div>
<div id="iS-add">
   <div class="iS-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

004

Blue Jean's

Codigos Del Diseño

Categories

Sponsors

Radio

Sponsors

Recomendados

Algunas Noticias

Algunos Ejemplos