| Autor |
Mensaje |
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
 12-10-2011, 15:01 (UTC)
Título del mensaje: ( Actualizado ) [Css3] Texto Efecto neon |
|
|
text-fill-color para colorear el interior del texto
text-stroke-width para el ancho del borde.
text-shadow para dar resplandor al texto
text-stroke-color para el color del borde exterior
Cita: .textoneon{
font-size: 100px;
letter-spacing:-2px;
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; /* Damos el resplandor*/
-webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
-webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
-webkit-text-stroke-width:0.2px;
}
Para colocarlo en la web :
Cita: <span class="textoneon"> Aquí el texto </span>
Paso 1:
Debemos seleccionar el codigo CSS , i pegarlo en nuestra web en Editar Diseño => CSS -Code (asiendo un lugar de 2 espacios entre dicho codigo y nuestro CSS de plantilla)
Paso 2:
Luego de eso , seleccionamos dicho codigo de muestra en la web , i colocarlo en la pagina que deseamos el efecto
Cita: <span class="textoneon"> Aquí el texto </span>
Paso 3:
Presionamos Guardar....
Ahora para poder ver la vista previa de como quedaría el efecto en totalidad , diríjase a este Link
Vista Previa : http://guias-programas.es.tl/Efecto-Neon.htm
Fuente : http://www.bufa.es/css3-efecto-neon/
Ultima edición por guias-programas el Lun May 28, 2012 8:15 am; editado 1 vez
|
|
|
↑
|
|
 |
-
brianpwg
Semi-Experto
|
12-10-2011, 16:02 (UTC)
Título del mensaje: Re: [Css3] Texto Efecto neon |
|
|
Esta muy bueno. |
|
|
↑
|
|
|
-
nuestrasxarlas
Semi-Experto
Ubicación: España
|
12-10-2011, 16:07 (UTC)
Título del mensaje: |
|
|
|
|
|
↑
|
|
|
-
codigossolocodigos
Junior
|
12-10-2011, 16:38 (UTC)
Título del mensaje: |
|
|
buen aporte amigo ______________ SnaKe
 |
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
12-10-2011, 20:49 (UTC)
Título del mensaje: |
|
|
Graciasa todos por comentar |
|
|
↑
|
|
|
-
radiovijaer
Semi-Experto
Ubicación: El Salvador
|
12-10-2011, 20:54 (UTC)
Título del mensaje: |
|
|
Excelent! es un código muy fácil de manipular y editar a nuestro guzto!.
 ______________ 
https://radiovijaer.es.tl/ |
|
|
↑
|
|
|
-
noti-gamer
Destacado
Ubicación: Adonde vivo
|
12-10-2011, 21:20 (UTC)
Título del mensaje: |
|
|
|
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
12-10-2011, 21:56 (UTC)
Título del mensaje: |
|
|
radiovijaer escribió: Excelent! es un código muy fácil de manipular y editar a nuestro guzto!.
noti-gamer escribió: Gran aporte quedan muy bonitas las letras.
Saludos 
Gracias por comentar |
|
|
↑
|
|
|
-
revolutionteam-css
Destacado
|
19-10-2011, 00:03 (UTC)
Título del mensaje: |
|
|
Esta re bueno el texto me gusto saludos ______________ Votame
Click aqui |
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
19-10-2011, 01:18 (UTC)
Título del mensaje: |
|
|
revolutionteam-css escribió: Esta re bueno el texto me gusto saludos
gracias por comentar :D |
|
|
↑
|
|
|
-
larevolu
Nuevo
|
25-05-2012, 04:23 (UTC)
Título del mensaje: Hola |
|
|
Como se configura? Adonde va el texto, Gracias |
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
27-05-2012, 05:51 (UTC)
Título del mensaje: Re: Hola |
|
|
larevolu escribió: Como se configura? Adonde va el texto, Gracias
Hola!
El código css , va en el cuadro CSS del diseño...
Luego el código se pega en cualquier pagina que desees usar el efecto modificandolo |
|
|
↑
|
|
|
-
larevolu
Nuevo
|
29-05-2012, 00:34 (UTC)
Título del mensaje: |
|
|
El ice-blue no tiene css-cod  se podrá de otra manera? |
|
|
↑
|
|
|
-
larevolu
Nuevo
|
29-05-2012, 00:40 (UTC)
Título del mensaje: |
|
|
Ya está! :D
Lo puse así x debajo de la página!
<style type="text/css">
.textoneon{
font-size: 100px;
letter-spacing:-2px;
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; /* Damos el resplandor*/
-webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
-webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
-webkit-text-stroke-width:0.2px;
}
</style>
Gracias!!!!!!!!! :D |
|
|
↑
|
|
|
-
guias-programas
Semi-Experto
Ubicación: Argentina - Bs.As
|
29-05-2012, 03:03 (UTC)
Título del mensaje: |
|
|
larevolu escribió: Ya está! :D
Lo puse así x debajo de la página!
<style type="text/css">
.textoneon{
font-size: 100px;
letter-spacing:-2px;
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; /* Damos el resplandor*/
-webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
-webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
-webkit-text-stroke-width:0.2px;
}
</style>
Gracias!!!!!!!!! :D
JaJaJa , bueno me alegro que te alla servido...
Saludos! |
|
|
↑
|
|
|
|
Hemos activado nuestro foro... 
se podrá de otra manera?