Comunidad de diseño web y desarrollo en internet online

script que no funciona en FIREFOX

Citar            
MensajeEscrito el 10 Jun 2006 10:25 am
Por la pregunta, yo creo que ya se puede deducir que soy muy novata, pero para aprender habra que preguntar asi que...

Alomejor ningun script funciona en mozilla firefox (que por cierto acabo de instalar :oops: ), el caso es que quiero hacer una pagina con un script que hace del fondo un efecto degradado, pero en firework se ve el fondo blanco. ¿se puede hacer algo para que en firework funcione?

el script es este

<style type="text/css">
body{border-top:#000000 1px solid;
border-bottom:#000000 1px solid;
border-left:#000000 1px solid;
border-right:#000000 1px solid;

scrollbar-arrow-color:#fde174;
scrollbar-face-color:#ff9815;
scrollbar-base-color:#ff9815;
scrollbar-track-color:#ff9815;

filter:progid:DXImageTransform.Microsoft.gradient(StartColorstr=#ff9815,endColorstr=#fde174,gradientType=0)}

.ja{border-top:#000000 1px ridge;
border-bottom:#000000 1px ridge;
border-right:#000000 1px ridge;
border-left:#000000 1px ridge;

filter:progid:DXImageTransform.Microsoft.gradient(StartColorstr=#ff9815,endColorstr=#fde174,gradientType=0)}

.je{font-family:papyrus;
font-weight:bold;
font-size:12pt;
color:#f8d49a;

padding-top:25px;
padding-bottom:25px}

.ro{border-top:#000000 1px ridge;
border-bottom:#000000 1px ridge;
border-right:#000000 1px ridge;
border-left:#000000 1px ridge;

filter:progid:DXImageTransform.Microsoft.gradient(StartColorstr=#ff9815,endColorstr=#fde174,gradientType=0)}

A {
COLOR: #f8d49a; TEXT-DECORATION: none
}
a:hover {color:#f8d49a; cursor: crosshair; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px }
</style>

Por mari

12 de clabLevel



 



Ultima edición por mari el 10 Jun 2006 01:48 pm, editado 1 vez

msie
Citar            
MensajeEscrito el 10 Jun 2006 01:04 pm
Hola mari:

Yo no soy usuario de Fireworks, pero hasta donde sé, es un progarama para edición de imágenes (corrijanme si me equivoco) se que soporta scripts, pero no estoy seguro que soporte CSS. Una enorme recomendación es que cuando vayas a poner código, uses la etiqueta code de está forma:

[ code ] Tu código vá aquí [ / code ]

Quité a propósito los espacios entre la etiqueta para que no lo interpretará como un código, pero básicamente quedaría así

Código :

 Tu código vá aquí 


Suerte!

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 10 Jun 2006 01:49 pm
Aoyama, escribi la pregunta mal (ya esta corregido)

ok, con lo del codigo, ya vi la opcion :) [/code]

Por mari

12 de clabLevel



 

msie
Citar            
MensajeEscrito el 10 Jun 2006 03:00 pm
Ahh!!! ya, ja,ja,ja

Bueno dejame decirte que una d elas razones por las que no se vé es que son efectos IE Only, si quieres un fondo degradado que se vea en todos los navegadores, haz el efecto en tu programa de adición favorito, y luego aplica esté código a tu body

Código :

body
{
   background-image: url(aquí va tu imagen);
   background-repeat: repeat-y;
   background-color: Usa el color final de tu degradado, así logras un mejor efecto
}


Al menos es lo que entiendo de tu pregunta...

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 10 Jun 2006 06:00 pm
Pues si, lo mas seguro es que usas "firefox" y no "fireworks". Y ese codigo que usas no es un codigo "universal" sino solo para IE, por lo tanto no funciona en ningun otro programa/navegador que sea IE.

La solucion es crear el degradado con un programa de diseño (photoshop, fireworks, otro) exportar una pequeña franja y repetirlo horizontalmente. Justo como el ejemplo de Aoyama.

Saludos

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 10 Jun 2006 06:41 pm
ok. Gracias por responder y aclararme (cosas de novatos: firefox, fireworks... :oops: )

Ya tenia preparada esa opcion, pero como con el scripts queda mucho mejor pues por eso buscaba otra solucion


Saluditos y buen fin de semana

Por mari

12 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.