Tan solo copié los códigos de Caja Oculta [Todas], sin modificar absolutamente nada. Y bueno, el resultado esqué cuando se despliega esta queda debajo de las imágenes y queda mal.

La solución sería, sin modificar los otros CSS que sinó distorcionaría otros aspectos al foro, poner esta astucia por encima de todo. En un diseño gráfico, sería la división de capas... y yo la quiero dejar ENCIMA de todas esas capas.



Saludos,
Kakashi

Hola,
Agrega el el siguiente código HTML en cualquier parte que se le acepte como widgets, anuncios, entre otros

Código:


<style>
#ayax01 {color: white; background: red; padding: 7px; border-radius: 0px 5px 5px 0px;}
#ayaxc {background: white; width: 120px; padding: 10px; color: #888; font-family: arial;}
#ayaxb {background: transparent; position: fixed; left: -140px; top: 200px;}
#ayaxb:hover {left: 0px;}
</style>

<table id="ayaxb">
<td>
  <div id="ayaxc">CONTENIDO DE LA TABLA</div>
</td>
<td>
<div id="ayax01">
T<br />
Í<br />
T<br />
U<br />
L<br />
O<br />
</div>
</td>
</table>


Ese es el código simple, ahora tu puedes editarlo a tu gusto con CSS y/o ediciones HTML.

MI REGALOOO xDDD
ok no
.-. edito.... tu tienes efecto en todo o.o
si no te sirve el code de ayax pon este css

Código:

.titl {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
color:#fff;
height:120px;
margin-top:60px;
margin-left:255px;
background: #ff4242;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

#notehaw {
  float: left;!important;
position:fixed;
border:5px solid #ff4242;
width:250px;
left:-265px;
top:200px;
height:250px;
padding:4px;
text-align:left;
background:#fff;
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

#notehaw:hover {
left:1px;}


Hola!

He probado ambos codes y sigue el mismo "problema". Seguramente como dije, es un conflicto de CSS por los efectos de las otras imágenes.

Gracias por intentarlo >.<

Saludos compañero... ultimo intento para solucionar el problema:

En todos los atributos CSS de la "caja oculta" agrega la siguiente propiedad:

Código:

z-index:1000;

lomin456 escribió:Saludos compañero... ultimo intento para solucionar el problema:

En todos los atributos CSS de la "caja oculta" agrega la siguiente propiedad:

Código:

z-index:1000;

¡¡¡Gracias!!!

@Te doy reputación

Problema solucionado ^_^ ... antes de que cerreis, me gustaría saber que hace, exactamente, esta propiedad.

Saludos y GRACIAS!

Gracias por la reputacion, eres el primero y para responder a tu duda

Esa propiedad es usada para asignar el nivel al que deseas que se ubique algo en tu web o foro en sentido visual es como un ordenador del foro es decir quiero esta imagen primero que esta otra entonces la que deseas adelante le aplicas z-index:2; y a la de atras z-index:1;

saludos