[AYUDA] Como lograr este efecto css en los textos clickeables.

danielr33 30 Jan, 2012, 11:49 pm

URL del foro: http://cmrs.no-ip.org/enter
Versión del foro: 1.6
Actualización: No

Hola necesito el codigo css y que alguien me guie para lograr el efecto en los links como muestra este foro: DEMO.

A mi parecer se hace con css pero no estoy seguro de todas maneras si alguien sabe el código y como implementar ese efecto en los link se lo agradesco.
Y otra cosa prueben darle click al LOGIN del foro DEMO "¿Imprecionante no?" si alguien sabe como se logra ese login tan anelado por mi se lo agradeceria de por vida.

Última modificación: 30 Jan, 2012, 11:56 pm por general67.

wsoulrc 31 Jan, 2012, 12:43 am

todo es jquery (L)

fading links el primero

http://davidwalsh.name/dw-content/fading...jquery.php

y el segundo es un simple box

nocktis21 31 Jan, 2012, 1:28 am

Lo primero para no cargar tanto el sitio con jquery podrías hacerlo con CSS usando transition al hover y dandole las propiedades que quieres que tenga al pasar el mouse.

Lo segundo podrías hacerlo con cualquier jquery como Fancybox:
http://fancybox.net/

Ryuuseiken 31 Jan, 2012, 1:30 am

Se usa la propiedad de transition no es necesario jquery.

danielr33 31 Jan, 2012, 9:38 am

http://fancybox.net no existe la pagina, y sobre la web http://davidwalsh.name para el efecto en las lestras este es el código js:

Spoiler:

Como hago para implementar ese código js a mi foro?
Y lo del login encontre este tuto pero no me quedo muy claro ya que esta en ingles y por lo que vi no es del todo facil: http://www.alessioatzeni.com/blog/login-...nd-jquery/

Última modificación: 31 Jan, 2012, 9:46 am por general67.

wsoulrc 31 Jan, 2012, 9:46 am

debes poner entre <head> y </head> el script javascript, que se pone así

<script>
AQUI código
</script>

aquí deberías quitar

/* sample usage

$(window).bind('load', function() {
$('a.fade').fadingLinks('#f00',1000);
});

*/

los */ para que te funcione

danielr33 31 Jan, 2012, 9:53 am

Y lo del login lo entendiste? la verdad es que soy un animal con los códigos.

wsoulrc 31 Jan, 2012, 9:59 am

http://jquery.com/demo/thickbox/

mira html

danielr33 31 Jan, 2012, 10:06 am

Acabo de implementar el código entre las etiquetas <head> y </head> en la plantilla Indice> Index pero nome funciona no se que estaré haciendo mal.

Bueno estoy en 0 no he pódido realizar ninguna de las dos cosas.

Última modificación: 31 Jan, 2012, 10:22 am por general67.

Gypaete 31 Jan, 2012, 12:32 pm

#10

Pon como lo habías puesto. (La plantilla index) Ponla aquí.

[Error] [AYUDA] Como lograr este efecto css en los textos clickeables.