pero como una cosa tan tonta puede ser tan complicada.
clase entera:
Código CSS:
Ver original.ec_div_art {
width:176px;
margin: 4px 2px;
position:relative;
overflow:hidden;
float:left;
min-height:325px;
}
.ec_div_art:hover{
box-shadow: 0px 0px 10px 0px #777777;
border-radius:5px;
}
.ec_div_art>p{
font: normal normal bold 1.3em verdana;
display: block;
position: absolute;
top: 5px;
left: 5px;
margin: 0;
padding: 0;
width: 64px;
height: 64px;
background: url('Images_sys/ico64_oferta.png') no-repeat left;
line-height: 55px;
color: white;
z-index: 2;
text-indent: 24px;
opacity:0.8;
}
.ec_div_art > span{
display: none;
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding: 0;
width: 32px;
height: 32px;
line-height: 55px;
z-index: 3;
}
.ec_div_art:hover > span{
display:block;
}
.ec_div_art > a > img{
display: block;
max-height: 176px;
z-index:1;
}
.ec_div_art>div{
display:none;
position:absolute;
bottom: 150px;
left: 5px;
z-index:3;
}
.ec_div_art:hover > div{
display:block;
}
.ec_div_art > div > ul{
list-style: none;
color:white;
}
.ec_div_art > div > ul li{
line-height:20px;
background-color:black;
margin:3px;
padding:2px;
border-radius:3px;
font-size: 0.9em;
}
.ec_div_art > ul{
text-align:center;
position:absolute;
bottom:5px;
padding: 2px;
}
.ec_div_art > ul li{
margin:10px 0;
}
.ec_div_art > ul li span{
text-decoration:line-through;
}
.ec_div_art > ul li p{
font-size:1.2em;
font-weight:bold;
}
y este es el sub que va haciendo las "cajitas" de los artículos:
Código ASP:
Ver original<%
Sub EC_formatoart_1 ()
%>
<div class="ec_div_art">
<%
'Muestra el icono de la oferta con el porcentaje.
If MatrizPVP(2) <> 0 Then
%>
<p><%=MatrizPVP(2)%>%</p>
<%
End If
If ComprobarLogico("EC_Config", "VendersinStock", "Idreg=1") = 1 Or Rs("Stock") > 0 Then
%>
<span><a href="<%=Nombre_Pagina%>?proceso=addcesta&id=<%=Rs("Id")%>"><img title="Añadir a la cesta" alt="Añadir a la cesta" src="images_sys/ico32_cesta.png" /></a></span>
<%
End If
%>
<a href="<%=Nombre_Pagina%>?proceso=verficha&id=<%=Rs("Id")%>"><img alt="Foto 1" src="<%=ExisteFoto("FotosART", Rs("Id") & "1.jpg")%>" /></a>
<div>
<ul>
<%
'Muestra las características al pasar si las hay.
If Rs("Fabricante") <> 1 Then Response.Write "<li>Fabricante: " & ComprobarLogico("EC_Fabricante", "Nombre", "Id=" & Rs("Fabricante")) & "</li>"
If Rs("Talla") <> 1 Then Response.Write "<li>Talla: " & ComprobarLogico("EC_Talla", "Nombre", "Id=" & Rs("Talla")) & "</li>"
If Rs("Color") <> 1 Then Response.Write "<li>Color: " & ComprobarLogico("EC_Color", "Nombre", "Id=" & Rs("Color")) & "</li>"
%>
</ul>
</div>
<ul>
<li><b>[<%=Rs("Codigo")%>]</b><%=Rs("Descripcion")%></li>
<%
If MatrizPVP(2) <> 0 Then
%>
<li><p><span><%=Precio%></span></p></li>
<li><p><%=PrecioDTO%></p></li>
<%
Else
%>
<li><p><%=Precio%></p></li>
<%
End If
%>
<li title="<%=MatrizPorte(2)%>">(Envío <%=PorteUser%>)</li>
<%
'Muestra el stock si hay control de existencias.
If ComprobarLogico("EC_Config", "VendersinStock", "Idreg=1") = O Then
%>
<li>
<%
If EC_ObtenerStock(Rs("Id")) > 1 Then
Response.Write "Quedan " & EC_ObtenerStock(Rs("Id")) & " Unidades"
ElseIf EC_ObtenerStock(Rs("Id")) = 1 Then
Response.Write "Queda " & EC_ObtenerStock(Rs("Id")) & " Unidad"
ElseIf EC_ObtenerStock(Rs("Id")) < 1 Then
Response.Write "Sin Existencias"
End IF
%>
</li>
<%
End If
%>
</ul>
</div>
<%
End Sub
%>