Para poner una imagen que oculta texto ha dos códigos distintos,
1º-- Copiar el código antes de ]]></b:skin> . podéis cambiar tamaño de letra colores , ancho y alto etc.
/*---FOTO CON MENSAJE OCULTO MENSAJE GRANDE---*/
<style type="text/css">
.infobox {
background-color: #FFFFFF;
padding: 0;
position: relative;
width: 100px;
}
.infobox h2 {
color: #000000;
font-size: 11px;
letter-spacing: 1px;
margin: 10px 0 0 20px !important;
padding: 0 0 0 10px !important;
text-align: left;
text-shadow: 1px 1px 0 #CCCCCC;
text-transform: none;
}
.infobox img {
border: 3px solid #FFFFFF;
border-radius: 100px 100px 100px 100px;
box-shadow: 1px 1px 1px #333333;
float: left;
margin: 10px 25px 5px 10px;
opacity: 0.9;
position: relative;
width: 95px;
z-index: 2;
}
.infobox .more {
display: none;
}
.infobox:hover .more {
background-color: #BF7195;
border: 3px double #FFFFFF;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
display: block;
left: 0;
padding: 15px 10px 10px 120px;
position: absolute;
top: -10px;
width: 200px;
z-index: 1;
height: 135px;
}
.infobox:hover a {
text-shadow: none;
color: #000000;
}
</style>
/*--- FIN FOTO CON MENSAJE OCULTO MENSAJE GRANDE---*/
Y luego en un gadget HTML-JAVASCRIPT, copiáis el siguiente código
gagdet
<div class="more">
<span style="color: white; font-family: Arial, Verdana,Tahoma,; font-size: 12px; text-shadow: 1px 1px 1px #000000;">Texto oculto<br> Texto en negrita </span><a target="_blank" href="Url-del-enlace">Texto enlace</a></div>
</div>
2º--Copiar el código antes de ]]></b:skin> . podéis cambiar tamaño de letra colores , ancho y alto etc.
/*---FOTO CON MENSAJE OCULTO---*/
.infobox {
position:relative;
border:1px solid #000;
background-color:#CCC;
width:381px;
padding:5px;
}
.infobox img {
position:relative;
z-index:2;
}
.infobox .more {
display:none;
}
.infobox:hover .more {
display:block;
position:absolute;
z-index:1;
left:-1px;
top:-1px;
width:381px;
padding:78px 5px 5px;
border:1px solid #900;
background-color:#050505;
}
/*--- FIN FOTO CON MENSAJE OCULTO---*/
Y luego en un gadget HTML-JAVASCRIPT, copiáis el siguiente código
gagdet
<div class="infobox">
<img src="Url-de-la-imagen">
<div>Texto que aparece con la imagen.</div>
<div class="more">Texto oculto</div>
</div>
