mavibank

Css gri tasarım

Tasarımın üstüne:

</head>

<body>

</div> 
        
        <div id="navigation"> 
        
         <div id="page-nav"> 
    <div class="col-full"> 
        <ul id="nav" class="fl"> 
        
            <li><a href="UR PORTADA"><img src="http://i46.tinypic.com/11awumg.png" class="ico-home" alt="Home" /></a></li> 
                 
            <li class="page_item page-item-176"><a href="URL" title="">Titulo</a></li> 
            <li class="page_item page-item-74"><a href="URL" title="">Titulo</a> 
<ul> 
   <li class="page_item page-item-51"><a href="URL" title="">Sub page 1</a></li> 
   <li class="page_item page-item-53"><a href="URL" title="">Sub Page 2</a> 
</li>

</ul> 
</li> 
<li class="page_item page-item-49"><a href="URL" title="">Titulo</a></li> 
<li class="page_item page-item-38"><a href="URL" title="">Titulo</a></li> 
<li class="page_item page-item-143"><a href="URL" title="">Titulo</a></li> 
<li class="page_item page-item-13"><a href="" title="">Titulo</a></li> 
            
                     
            
        </ul> 
        
        <ul class="rss fr"> 
                        <li class="last"><a href="#" target="_blank">Texto</a></li> 
                        <li><a href="">Texto</a></li> 
        </ul>

</div>

</div> 
                        
            <div id="cat-nav"> 
                <div class="col-full"> 
                    <ul id="secnav" class="fl"> 
                    
                                   
                        
                        <li> 
                            <a href="URL">Category 1<br/><span>Descripcion</span></a> 
                            
                                                        <ul>   <li class="cat-item cat-item-39"><a href="URL" title="">Subcategory 1.1</a> 
</li> 
   <li class="cat-item cat-item-40"><a href="URL" title="">Subcategory 1.2</a> 
</li> 
   <li class="cat-item cat-item-38"><a href="URL" title="">Subcategory 1.3</a> 
<ul class='children'> 
   <li class="cat-item cat-item-41"><a href="URL" title="">Subcategory 2.1</a> 
</li> 
   <li class="cat-item cat-item-37"><a href="URL" title="">Subcategory 2.2</a> 
</li> 
</ul> 
</li> 
</ul> 
                                                    </li>        
                              
                        <li> 
                            <a href="URL">Category 2<br/><span>Descripcion</span></a> 
                            
                                                    </li>        
                              
                        <li> 
                            <a href="URL">Category 3<br/><span>Descripcion</span></a> 
                            
                                                    </li>        
                              
                        <li> 
                            <a href="URL">Category 4<br/><span>Descripcion</span></a> 
                            
                                                    </li>        
                              
                        <li> 
                            <a href="URL">Category 5<br/><span>Descripcion</span></a> 
                            
                                                    </li>        
                                                
                                       
                    </ul> 
                    
                                        <div id="search" class="fr"> 
                        <form method="get" id="searchform" action="URL"> 
                            <input type="text" class="field" name="s" id="s"  value="Buscador..." onfocus="if (this.value == 'Buscador...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter keywords...';}" /> 
                            <input class="submit btn" type="image" src="http://i45.tinypic.com/2vkc55c.png" value="Go" /> 
                        </form> 
                    </div> 
                                    </div> 
            </div> 
            
        </div> 
    
    </div> 
    <div id="content" class="col-full">

Tasarımın Altına:

<a title="" href="URL" ><img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/thumb.php?src=demo/headlines/wp-content/uploads/2009/10/D_007-920x627.jpg&w=200&h=200&zc=1&q=90" alt="" class="woo-image thumbnail alignleft"  width="200"  height="200"  /></a> 
                        <h2 class="title"><a href="URL" rel="bookmark" title="">Titulo</a></h2> 
                        <p class="post-meta"> 
                     <img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/images/ico-time.png" alt="" />Texto                            <span class="comments"><img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/images/ico-comment.png" alt="" /><a href="URL" title="">Texto</a></span> 
                        </p> 
                        <div class="entry"> 
                            
                                                 <p>Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion.</p> 
<span class="read-more"><a href="URL" title="" class="btn">Texto</a></span> 
                            
                        </div> 
                        <div class="fix"></div> 
                    </div> 
                                                        
                </div> 
                                                       
                
      </div>

<div id="tabs"> 
       
      <ul class="wooTabs tabs"> 
         <li><a href="#pop">Texto</a></li> 
         <li><a href="#feat">Texto</a></li> 
            <li><a href="#comm">Texto</a></li> 
         <li><a href="#tagcloud">Texto</a></li> 
      </ul>    
       
      <div class="fix"></div> 
       
      <div class="inside"> 
       <div id="pop"> 
         <ul> 
               <li> 
         <a title="" href="URL" ><img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/thumb.php?src=demo/headlines/wp-content/uploads/2009/10/A_001-920x610.jpg&w=48&h=48&zc=1&q=90" alt=" class="woo-image thumbnail"  width="48"  height="48"  /></a>                
            <a href="URK" title="">Texto</a> 
            <span class="meta"></span> 
          <div style="clear:both"></div>

</li> 
      <li> 
         <a title="" href="URL" ><img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/thumb.php?src=demo/headlines/wp-content/uploads/2009/10/A_001-920x610.jpg&w=48&h=48&zc=1&q=90" alt=" class="woo-image thumbnail"  width="48"  height="48"  /></a>                
            <a href="URK" title="">Texto</a> 
            <span class="meta"></span> 
          <div style="clear:both"></div>

</li>

<li> 
         <a title="" href="URL" ><img src="http://www.woothemes.com/demo/headlines/wp-content/themes/headlines/thumb.php?src=demo/headlines/wp-content/uploads/2009/10/A_001-920x610.jpg&w=48&h=48&zc=1&q=90" alt=" class="woo-image thumbnail"  width="48"  height="48"  /></a>                
            <a href="URK" title="">Texto</a> 
            <span class="meta"></span> 
          <div style="clear:both"></div>

</li>

</li> 
                    
         </ul> 
           </div> 
            
         <div id="feat"> 
           <p>

Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion  Descripcion. 
       
                    
         </p> 
          </div> 
          <div id="comm">  
         <p>

Descripcion 
Descripcion 
Descripcion 
Descripcion 
Descripcion 
Descripcion 
Descripcion 
Descripcion

</p> 
         </div> 
         <div id="tagcloud">

Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion

</div> 
       
   </div> 
    
   </div> 
    
   <div class="fix" style="height:25px !important;"></div> 
    
     
       
    
       
    
<div id="video" class="widget">

<h3>Titulo</h3> 
    
    <div class="inside"> 
                              
        
            <div id="video-84" class="latest"> 
                <div class="video"><object type="application/x-shockwave-flash" style="width:269px; height:225px;" data="http://www.youtube.com/v/XblF3z-ST0Y"> 
<param name="movie" value="http://www.youtube.com/v/XblF3z-ST0Y" /> 
</object></div> 
            </div>    
            
                
        
            <div id="video-78" class="latest"> 
                <div class="video"><object type="application/x-shockwave-flash" style="width:269px; height:225px;" data="http://www.youtube.com/v/jZ5zXXUJsyc"> 
<param name="movie" value="http://www.youtube.com/v/jZ5zXXUJsyc" /> 
</object></div> 
            </div>    
            
                
           </div> 
    
       
        
    <ul class="wooTabs"> 
    
               
        <li><a href="#video-84" title="">Texto</a></li>            
               
        <li><a href="#video-78" title="">Texto</a></li>            
                
    </ul>

</div> 
<div class="adspace-widget widget">          
       
         </div><div id="text-4" class=""><h3>Texto</h3>         <div class="textwidget"><p>Texto aqui texto aqui texto aqui</p> 
<p>Texto > Titulo. </p> 
</div> 
       
              
    
</div> 
    </div> 
       
     
   <div id="footer-widgets"> 
      <div class=""> 
            <div class="block"> 
                <div id=""><h3>Titulo</h3>      <ul>

<li><a href='' title=''>Texto</a></li> 
<li><a href='' title=''>Texto</a></li> 
<li><a href='' title=''>Texto</a></li> 
<li><a href='' title=''>Texto</a></li> 
<li><a href='' title=''>Texto</a></li> 
<li><a href='' title=''>Texto</a></li>

</ul> 
</div>                  
            </div> 
            <div class="block"> 
                
<div id="flickr" class="widget"> 
   <h3 class="widget_title">Texto en <span>Lo<span>ok</span></span></h3> 
   <div class="wrap"> 
      <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user=7451378@N04"></script>        
      <div class="fix"></div> 
   </div> 
</div>

</div> 
            <div class="block last"> 
                <div id="text-3" class="widget widget_text"><h3>Titulo</h3>         <div class="textwidget"><p>Mucho texto aqui</p> 
</div> 
      </div>                  
            </div> 
            <div class="fix"></div> 
      </div>    
    </div>

<div id="footer"> 
      <div class="col-full"> 
            <div id="copyright" class="col-left"> 
                <p>© 2010 Tu web. Todos los derechos reservados.</p> 
            </div> 
            
            <div id="credit" class="col-right"> 
                <p>No borrar copyrigth bajo <a href="http://www.webhelp1.es.tl">Webhelp</a> <a href="http://www.webhelp1.es.tl"><img src="http://i47.tinypic.com/8yugx4.png" width="87" height="21" alt="" /></a></p> 
            </div> 
      </div> 
   </div> 
    
    
</div>

</body> 
</html>

Css kodu:

Sitene ekle

Dost siteler

Css gri tasarım

Sitene ekle

Kategoriler

Dost siteler

mavibank

Css gri tasarım