15/04/2009, 13:19
| |||
| |||
| Fondo degradado con Css Hola tengo un problema, nunca he usado el css, y ahora estoy empezando a usarlo. Tengo que hacer que el fondo de la página sea degradado y tengo que utilizar css no puedo poner una imagen, alguien sabe q tengo que hacer y usar?? Muchas gracias. |
|
15/04/2009, 15:11
| ||||
| ||||
| Respuesta: Fondo degradado con Css no estoy seguro que se pueda. He escuchado de texto con gradiente pero no de un color solo.
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 15:14
| ||||
| ||||
| Respuesta: Fondo degradado con Css El fondo degradado se hace con una imagen, que para eso es el fondo no? body { background: #FFFFFF url ('tuimagendefondodegradado.jpg') repeat-x fixed;} Por qué complicarse "sin usar una imagen"? Saludos
__________________ Al final del día hablar es gratis, codificar no lo es |
|
15/04/2009, 15:17
| ||||
| ||||
| Respuesta: Fondo degradado con Css a menos que quieras poner algo asi:
Código CSS:
Ver original
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 15:18
| ||||
| ||||
| Respuesta: Fondo degradado con Css seguimos: Código HTML: <body> <div id="d1"><!-- --></div> <div id="d2"><!-- --></div> <div id="d3"><!-- --></div> <div id="d4"><!-- --></div> <div id="d5"><!-- --></div> <div id="d6"><!-- --></div> <div id="d7"><!-- --></div> <div id="d8"><!-- --></div> <div id="d9"><!-- --></div> <div id="d10"><!-- --></div> <div id="d11"><!-- --></div> <div id="d12"><!-- --></div> <div id="d13"><!-- --></div> <div id="d14"><!-- --></div> <div id="d15"><!-- --></div> <div id="d16"><!-- --></div> <div id="d17"><!-- --></div> <div id="d18"><!-- --></div> <div id="d19"><!-- --></div> <div id="d20"><!-- --></div> <div id="d21"><!-- --></div> <div id="d22"><!-- --></div> <div id="d23"><!-- --></div> <div id="d24"><!-- --></div> <div id="d25"><!-- --></div> <div id="d26"><!-- --></div> <div id="d27"><!-- --></div> <div id="d28"><!-- --></div> <div id="d29"><!-- --></div> <div id="d30"><!-- --></div> <div id="d31"><!-- --></div> <div id="d32"><!-- --></div> <div id="d33"><!-- --></div> <div id="d34"><!-- --></div> <div id="d35"><!-- --></div> <div id="d36"><!-- --></div> <div id="d37"><!-- --></div> <div id="d38"><!-- --></div> <div id="d39"><!-- --></div> <div id="d40"><!-- --></div> <div id="d41"><!-- --></div> <div id="d42"><!-- --></div> <div id="d43"><!-- --></div> <div id="d44"><!-- --></div> <div id="d45"><!-- --></div> <div id="d46"><!-- --></div> <div id="d47"><!-- --></div> <div id="d48"><!-- --></div> <div id="d49"><!-- --></div> <div id="d50"><!-- --></div> <div id="d51"><!-- --></div> <div id="d52"><!-- --></div> <div id="d53"><!-- --></div> <div id="d54"><!-- --></div> <div id="d55"><!-- --></div> <div id="d56"><!-- --></div> <div id="d57"><!-- --></div> <div id="d58"><!-- --></div> <div id="d59"><!-- --></div> <div id="d60"><!-- --></div> <div id="d61"><!-- --></div> <div id="d62"><!-- --></div> <div id="d63"><!-- --></div> <div id="d64"><!-- --></div> <div id="d65"><!-- --></div> <div id="d66"><!-- --></div> <div id="d67"><!-- --></div> <div id="d68"><!-- --></div> <div id="d69"><!-- --></div> <div id="d70"><!-- --></div> <div id="d71"><!-- --></div> <div id="d72"><!-- --></div> <div id="d73"><!-- --></div> <div id="d74"><!-- --></div> <div id="d75"><!-- --></div> <div id="d76"><!-- --></div> <div id="d77"><!-- --></div> <div id="d78"><!-- --></div> <div id="d79"><!-- --></div> <div id="d80"><!-- --></div> <div id="d81"><!-- --></div> <div id="d82"><!-- --></div> <div id="d83"><!-- --></div> <div id="d84"><!-- --></div> <div id="d85"><!-- --></div> <div id="d86"><!-- --></div> <div id="d87"><!-- --></div> <div id="d88"><!-- --></div> <div id="d89"><!-- --></div> <div id="d90"><!-- --></div> <div id="d91"><!-- --></div> <div id="d92"><!-- --></div> <div id="d93"><!-- --></div> <div id="d94"><!-- --></div> <div id="d95"><!-- --></div> <div id="d96"><!-- --></div> <div id="d97"><!-- --></div> <div id="d98"><!-- --></div> <div id="d99"><!-- --></div> <div id="d100"><!-- --></div> <div id="d101"><!-- --></div> <div id="d102"><!-- --></div> <div id="d103"><!-- --></div> <div id="d104"><!-- --></div> <div id="d105"><!-- --></div> <div id="d106"><!-- --></div> <div id="d107"><!-- --></div> <div id="d108"><!-- --></div> <div id="d109"><!-- --></div> <div id="d110"><!-- --></div> <div id="d111"><!-- --></div> <div id="d112"><!-- --></div> <div id="d113"><!-- --></div> <div id="d114"><!-- --></div> <div id="d115"><!-- --></div> <div id="d116"><!-- --></div> <div id="d117"><!-- --></div> <div id="d118"><!-- --></div> <div id="d119"><!-- --></div> <div id="d120"><!-- --></div> <div id="d121"><!-- --></div> <div id="d122"><!-- --></div> <div id="d123"><!-- --></div> <div id="d124"><!-- --></div> <div id="d125"><!-- --></div> <div id="d126"><!-- --></div> <div id="d127"><!-- --></div> <div id="d128"><!-- --></div> <div id="d129"><!-- --></div> <div id="d130"><!-- --></div> <div id="d131"><!-- --></div> <div id="d132"><!-- --></div> <div id="d133"><!-- --></div> <div id="d134"><!-- --></div> <div id="d135"><!-- --></div> <div id="d136"><!-- --></div> <div id="d137"><!-- --></div> <div id="d138"><!-- --></div> <div id="d139"><!-- --></div> <div id="d140"><!-- --></div> <div id="d141"><!-- --></div> <div id="d142"><!-- --></div> <div id="d143"><!-- --></div> <div id="d144"><!-- --></div> <div id="d145"><!-- --></div> <div id="d146"><!-- --></div> <div id="d147"><!-- --></div> <div id="d148"><!-- --></div> <div id="d149"><!-- --></div> <div id="d150"><!-- --></div> <div id="d151"><!-- --></div> <div id="d152"><!-- --></div> <div id="d153"><!-- --></div> <div id="d154"><!-- --></div> <div id="d155"><!-- --></div> <div id="d156"><!-- --></div> <div id="d157"><!-- --></div> <div id="d158"><!-- --></div> <div id="d159"><!-- --></div> <div id="d160"><!-- --></div> <div id="d161"><!-- --></div> <div id="d162"><!-- --></div> <div id="d163"><!-- --></div> <div id="d164"><!-- --></div> <div id="d165"><!-- --></div> <div id="d166"><!-- --></div> <div id="d167"><!-- --></div> <div id="d168"><!-- --></div> <div id="d169"><!-- --></div> <div id="d170"><!-- --></div> <div id="d171"><!-- --></div> <div id="d172"><!-- --></div> <div id="d173"><!-- --></div> <div id="d174"><!-- --></div> <div id="d175"><!-- --></div> <div id="d176"><!-- --></div> <div id="d177"><!-- --></div> <div id="d178"><!-- --></div> <div id="d179"><!-- --></div> <div id="d180"><!-- --></div> <div id="d181"><!-- --></div> <div id="d182"><!-- --></div> <div id="d183"><!-- --></div> <div id="d184"><!-- --></div> <div id="d185"><!-- --></div> <div id="d186"><!-- --></div> <div id="d187"><!-- --></div> <div id="d188"><!-- --></div> <div id="d189"><!-- --></div> <div id="d190"><!-- --></div> <div id="d191"><!-- --></div> <div id="d192"><!-- --></div> <div id="d193"><!-- --></div> <div id="d194"><!-- --></div> <div id="d195"><!-- --></div> <div id="d196"><!-- --></div> <div id="d197"><!-- --></div> <div id="d198"><!-- --></div> <div id="d199"><!-- --></div> <div id="d200"><!-- --></div> <div id="d201"><!-- --></div> <div id="d202"><!-- --></div> <div id="d203"><!-- --></div> <div id="d204"><!-- --></div> <div id="d205"><!-- --></div> <div id="d206"><!-- --></div> <div id="d207"><!-- --></div> <div id="d208"><!-- --></div> <div id="d209"><!-- --></div> <div id="d210"><!-- --></div> <div id="d211"><!-- --></div> <div id="d212"><!-- --></div> <div id="d213"><!-- --></div> <div id="d214"><!-- --></div> <div id="d215"><!-- --></div> <div id="d216"><!-- --></div> <div id="d217"><!-- --></div> <div id="d218"><!-- --></div> <div id="d219"><!-- --></div> <div id="d220"><!-- --></div> <div id="d221"><!-- --></div> <div id="d222"><!-- --></div> <div id="d223"><!-- --></div> <div id="d224"><!-- --></div> <div id="d225"><!-- --></div> <div id="d226"><!-- --></div> <div id="d227"><!-- --></div> <div id="d228"><!-- --></div> <div id="d229"><!-- --></div> <div id="d230"><!-- --></div> <div id="d231"><!-- --></div> <div id="d232"><!-- --></div> <div id="d233"><!-- --></div> <div id="d234"><!-- --></div> <div id="d235"><!-- --></div> <div id="d236"><!-- --></div> <div id="d237"><!-- --></div> <div id="d238"><!-- --></div> <div id="d239"><!-- --></div> <div id="d240"><!-- --></div> <div id="d241"><!-- --></div> <div id="d242"><!-- --></div> <div id="d243"><!-- --></div> <div id="d244"><!-- --></div> <div id="d245"><!-- --></div> <div id="d246"><!-- --></div> <div id="d247"><!-- --></div> <div id="d248"><!-- --></div> <div id="d249"><!-- --></div> <div id="d250"><!-- --></div> <div id="d251"><!-- --></div> <div id="d252"><!-- --></div> <div id="d253"><!-- --></div> <div id="d254"><!-- --></div> <div id="d255"><!-- --></div>  
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 15:29
| ||||
| ||||
| Respuesta: Fondo degradado con Css En serio vas a poner eso?  bueno, la primera parte es el css yla segunda va en el <body>
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 15:37
| ||||
| ||||
| Respuesta: Fondo degradado con Css ahh, bueno, pues hazlo asi, pero en el primer ej, ves que los números de la derecha llegan hasta 198, pues llegalos a 255, igual abajo
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 16:56
| ||||
| ||||
| Respuesta: Fondo degradado con Css Hola: No puedes hacerles entrar en razón, porque hacerlo así es una auténtica locura. Saludos.  |
|
15/04/2009, 16:57
| ||||
| ||||
| Respuesta: Fondo degradado con Css es solo una tarea, no es para uso oficial, asi que todo se vale
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
15/04/2009, 17:05
| ||||
| ||||
| Respuesta: Fondo degradado con Css :: No puedo creer que en serio valla a poner todo eso...!! Lo mas gracioso de todo, para sacar los colores de un degradado, hay que hacer un degradado de imagen, y luego ir viendo los colores hexadecimales para ponerlos en el CSS... 
__________________ [ Mi Sitio Personal ] "La felicidad no es una estacion de llegada... Es un modo de viajar" Tom Schreiter |
|
15/04/2009, 17:08
| ||||
| ||||
| Respuesta: Fondo degradado con Css Es la tarea más absurda que he visto, tu disculpa si te incomoda mi comentario. Saludos
__________________ Al final del día hablar es gratis, codificar no lo es |
|
15/04/2009, 17:32
| ||||
| ||||
| Respuesta: Fondo degradado con Css El degradado en CSS es algo experimental y algo que, si no me equivoco, no están en las especificaciones de la W3C (favor de corregirme si me equivoco). Se en el nuevo Safari 4 se pueden hacer usando -webkit, pero no conozco ningún otro browser que lo haga: http://webkit.org/blog/175/introducing-css-gradients/ |
|
16/04/2009, 08:03
| ||||
| ||||
| Respuesta: Fondo degradado con Css de hecho yo ayer mismo lei algo sobre el CSS3 y venian unas instruciones como
Código CSS:
Ver original pero no se si funcionan
__________________ "Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones." Apocalipsis 2: 26 Servicios para Pymes http://dst.co.cr |
|
16/04/2009, 15:33
| ||||
| ||||
| Respuesta: Fondo degradado con Css Cita: Y esperar que los navegadores interpreten bien los colores, sino ya me direis que degradado puede salir de ahí.
Iniciado por CaLiZzZ  Lo mas gracioso de todo, para sacar los colores de un degradado, hay que hacer un degradado de imagen, y luego ir viendo los colores hexadecimales para ponerlos en el CSS... Saludos. |
|
16/04/2009, 17:02
| ||||
| ||||
| Respuesta: Fondo degradado con Css La ventaja de esto es que si no te sale un degradado, puedes decirle a tu profesor que decidiste ser creativo y que hiciste un bello arcoiris 
__________________ [ Mi Sitio Personal ] "La felicidad no es una estacion de llegada... Es un modo de viajar" Tom Schreiter |
|
16/04/2009, 19:36
| ||||
| ||||
| Respuesta: Fondo degradado con Css Opcion 1: Usando la propiedad filter, exclusiva del dinosaurio (M$ IE): http://www.developer.com/lang/css/article.php/3588856 Opcion 2: Javascript + CSS: http://slayeroffice.com/code/gradient/ |
