[Error] [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.
todo es jquery (L)
fading links el primero
http://davidwalsh.name/dw-content/fading...jquery.php
y el segundo es un simple box
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/
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/
[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/
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
<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.
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.
Bueno estoy en 0 no he pódido realizar ninguna de las dos cosas.
Pon como lo habías puesto. (La plantilla index) Ponla aquí.