SMF Support > Temas y Diseño (Themes)

Efecto Neon en la letras, link, etc.

(1/1)

Rock Lee [X-ecution]:
Hola amigos tengo un pequeño problema con una adaptación de un efecto que he visto en foro activo y que me parece muy buena para SMF y es que los link, titulos, encabezados.etc. Ademas que tiene un resplandor/resaltado del texto, cuando no se le pasa el cursor tiene un color rojo (por ejemplo) y cuando se le pasa el cursor por arriba se pasa a tener la letra blanca junto a un resplandor blanco (y este se puede variar la intensidad cambiando un cierto valor). He buscado por todo el foro (en todos los idiomas ja) y no encontré nada parecido, he investigado un poco por otro lado y hasta donde puede llegar es que usando un index.css se puede implementar este efecto (o también usando index.php y style.css). Ahora no encuentro ningun link de un foro que tenga ese efecto  :-[ pero si encuentro uno lo pongo para que vean mas precisamente lo que digo yo.... Ya de antemano se los agradezco mucho si pueden explicarme como aplicar este efecto o si hay (o existe) algún mod. que realice esto! n.n

PD: he visto otro efecto que esta muy bueno y creo es casi el mismo principio que este y es que cuando estas en el foro aparece un cursor diferente al que tenes pero sin afectarlo, es decir si tenemos un cursor "A" en cualquier otra pagina, cuando se ingresa a nuestra web el cursor que muestre es "B"... Perdonen si no lo he puesto claro, aveces me cuesta expresarme bien o si son muchas preguntas a la vez :/ pero he buscado mucho y como no encontré nada postee para saber si alguien sabe! Nuevamente Muchas gracias de antemano si me pueden ayudar o dar una idea... [Si necesitan la url del foro que quiero aplicar esto esta en mi firma al que quiera visitarlo (perdonen si esta algo vació pero aun sigo en la edición de visualización,para que quede atractivo a la vista, ya que muchos aveces se guía por la edición o empeño puesto en él) antes de empesar a poner contenido]

kenet:
busca esto en tu index.css


--- Code: ---a:link, a:hover, a:visited
{
   text-decoration: underline;
}
--- End code ---

y dejalo asi


--- Code: ---a:link, a:hover, a:visited
{
    text-decoration: underline;
    text-shadow: 0 0 5px #0080FF;
}
--- End code ---

Rock Lee [X-ecution]:

--- Quote from: kenet on July 04, 2012, 04:30:40 AM ---busca esto en tu index.css


--- Code: ---a:link, a:hover, a:visited
{
   text-decoration: underline;
}
--- End code ---

y dejalo asi


--- Code: ---a:link, a:hover, a:visited
{
    text-decoration: underline;
    text-shadow: 0 0 5px #0080FF;
}
--- End code ---

--- End quote ---

En verdad funciono *o* muchas gracias n.n en verdad, aunque tengo una sola duda (si puedes me la dices sino no importa ;)) donde dice text-shadow: 0 0 5px ... por que va doble "0 0" y cuando cambio el 5 por otro numero no noto mucha diferencia :S [que debe ser un numero muy diferente para ver los ¿cambios?]

Desde ya nuevamente muchas gracias =) y disculpa si te pregunto mucho de una sola vez!

Edito: Ya veo que al sacar los "0" pasa hacer tipo un reflejo es mas estirada... no se si me explique bien :S pero maso menos alguien me comprendió hace eso... y el tema del cursor estoy probando, si me sale algo os cuento!!

^HeRaCLeS^:
El doble 0 es porque cada uno seria un valor distinto, uno para la posicion izq/der el otro para la posicion arriba/abajo el 5 representa la expancion que va a tener, por ultimo el #0080FF seria el color de la sombra.

Al cambiar ese 5 por ahi no notas la diferencia porque la sombra sobrepasa los limites que tiene el tamaño del link y por eso no se ve mas alla de sus limites.

Navigation

[0] Message Index