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

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.

todo es jquery (L)

fading links el primero

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

y el segundo es un simple box

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/

Se usa la propiedad de transition no es necesario jquery.

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=Spoiler]/*
Class: dwFadingLinks
Author: David Walsh
Website: http://davidwalsh.name
Version: 1.0.0
Date: 10/08/2008
Built For: jQuery 1.2.6
*/

jQuery.fn.dwFadingLinks = function(settings) {
settings = jQuery.extend({
color: '#ff8c00',
duration: 500
}, settings);
return this.each(function() {
var original = $(this).css('color');
$(this).mouseover(function() { $(this).animate({ color: settings.color },settings.duration); });
$(this).mouseout(function() { $(this).animate({ color: original },settings.duration); });
});
};

/* sample usage

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

*/[/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.

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

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

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

mira html

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.

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