Bíblia no Computador

29 outubro 2010

Menu com Imagens CSS


Nos situamos na plantilha editar de HTML y justo antes de ]]></b:skin> añadimos los estilos:


/* Crosscol-imagen
----------------------------------------------- */
#crosscol-imagen {
height: 270px;
position: relative;
}
#crosscol-imagen .container {
width: 850px;
height: 180px;
overflow: hidden;
position: absolute;
top: 40px; 
left: 20px;  
}
#crosscol-imagen ul {
list-style-type: none;
width: 99999px;
position: absolute;
top: 0; left: 0;
}
#crosscol-imagen ul li {
float: left;
margin-right: 25px;
}
#crosscol-imagen ul li a {
width: 180px;
height: 160px;
display: block;
overflow: hidden;
-moz-border-radius:2px 2px 2px 2px;
-moz-box-shadow:2px 3px 5px #696969;
background:none repeat scroll 0 0 #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5);
border:1px solid #C0C0C0;
background-color: #fff; 
padding: 10px;
}
#crosscol-imagen ul li img { 
width: 180px; 
height: 160px;
}


Guardamos os arquivos e editamos um novo gadget de HTML neste crosscol:
Em seu interior adicionamos o seguinte:
<div id='crosscol-imagen'>
<ul>
<li><a href='#'><img alt="" src="Url-imagen" /></a></li>
<li><a href='#'><img alt="" src="Url-imagen" /></a></li>
<li><a href='#'><img alt="" src="Url-imagen" /></a></li>
<li><a href='#'><img alt="" src="Url-imagen" /></a></li>
</ul>
</div>
Related Posts Plugin for WordPress, Blogger...

TV Novo Tempo em Campo Grande

TV Novo Tempo em Campo Grande
Canal 41