Foros del Web » Creando para Internet » HTML »

ayuda crear mensaje foro principal

Estas en el tema de ayuda crear mensaje foro principal en el foro de HTML en Foros del Web. hola , junto con saludarlos me dirijo a ud , con la intencion de que si es posible que me puedan ayudar a realizar una ...
  #1 (permalink)  
Antiguo 17/02/2011, 13:10
Avatar de xaskon23  
Fecha de Ingreso: febrero-2011
Mensajes: 61
Antigüedad: 6 años, 10 meses
Puntos: 0
ayuda crear mensaje foro principal

hola , junto con saludarlos me dirijo a ud , con la intencion de que si es posible que me puedan ayudar a realizar una especie de mensaje , similar al que aparece en este mismo foro en la pagina principal [URL="http://www.forosdelweb.com"]http://www.forosdelweb.com[/URL] en el cual al situar sobre algun topico , ya sea html , php , seo , flash o en cualquier topico aparece un mensaje disiendo el ultimo tema creado.

como lo muestra la siguiente imagen :



el contenido en si no es de importancia , lo que me interesa es la parte grafica del mismo y colocarle yo un mensaje determinado.

de antemano , muchas gracias.
  #2 (permalink)  
Antiguo 17/02/2011, 14:48
davidbrepe
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: ayuda crear mensaje foro principal

ahi te va un bonito ejemplo ;)
Código HTML:
Ver original
  1. <style type='text/css'>
  2.  
  3. .thumbnail{
  4. position: relative;
  5. z-index: 0;
  6. }
  7.  
  8. .thumbnail:hover{
  9. background-color: transparent;
  10. z-index: 50;
  11. }
  12.  
  13. .thumbnail span{ /*CSS for enlarged image*/
  14. position: absolute;
  15. background-color: black;
  16. padding: 5px;
  17. left: -100px;
  18. border: 1px dashed gray;
  19. visibility: hidden;
  20. color: #FFFF00;
  21. text-decoration: none;
  22. }
  23.  
  24. .thumbnail span img{ /*CSS for enlarged image*/
  25. border-width: 0;
  26. padding: 2px;
  27. }
  28.  
  29. .thumbnail:hover span{ /*CSS for enlarged image on hover*/
  30. visibility: visible;
  31. top: 0;
  32. left: 10px; /*position where enlarged image should offset horizontally */
  33. }
  34.  
  35. </head>
  36.   <a class="thumbnail" href="#thumb">
  37. <img src="http://img74.imageshack.us/img74/7974/inseguridadji1.jpg" width="100px" height="100px" border="0" />
  38. Texto o palabra que quieras que aparezca en la imagen</span>
  39. </a>
  40.  
  41.  
  42. </body>
  43. </html>
  #3 (permalink)  
Antiguo 18/02/2011, 06:45
Avatar de xaskon23  
Fecha de Ingreso: febrero-2011
Mensajes: 61
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: ayuda crear mensaje foro principal

gracias , por la respuesta y el ejemplo, se agradecen demasiado.... encontre otra forma de hacer esto mismo =!! ..usando unos js y css , gracias por responder....
  #4 (permalink)  
Antiguo 19/02/2011, 00:01
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: ayuda crear mensaje foro principal

Cita:
Iniciado por xaskon23 Ver Mensaje
gracias , por la respuesta y el ejemplo, se agradecen demasiado.... encontre otra forma de hacer esto mismo =!! ..usando unos js y css , gracias por responder....
Si no es mucho pedir, ¿podrías decirnos como es esa forma?

Muchas gracias xaskon23.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Etiquetas: mensaje, gráficos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:43.