Foros del Web » Creando para Internet » CSS »

Fondo degradado con Css

Estas en el tema de Fondo degradado con Css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/04/2009, 14:19
 
Fecha de Ingreso: diciembre-2007
Mensajes: 121
Antigüedad: 10 años
Puntos: 0
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.
  #2 (permalink)  
Antiguo 15/04/2009, 16:11
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  #3 (permalink)  
Antiguo 15/04/2009, 16:14
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
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
  #4 (permalink)  
Antiguo 15/04/2009, 16:17
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Fondo degradado con Css

a menos que quieras poner algo asi:

Código CSS:
Ver original
  1. #d2 {background-color:rgb(255,255,1)}
  2. #d3 {background-color:rgb(255,255,2)}
  3. #d4 {background-color:rgb(255,255,3)}
  4. #d5 {background-color:rgb(255,255,4)}
  5. #d6 {background-color:rgb(255,255,5)}
  6. #d7 {background-color:rgb(255,255,6)}
  7. #d8 {background-color:rgb(255,255,7)}
  8. #d9 {background-color:rgb(255,255,8)}
  9. #d10 {background-color:rgb(255,255,9)}
  10. #d11 {background-color:rgb(255,255,10)}
  11. #d12 {background-color:rgb(255,255,11)}
  12. #d13 {background-color:rgb(255,255,12)}
  13. #d14 {background-color:rgb(255,255,13)}
  14. #d15 {background-color:rgb(255,255,14)}
  15. #d16 {background-color:rgb(255,255,15)}
  16. #d17 {background-color:rgb(255,255,16)}
  17. #d18 {background-color:rgb(255,255,17)}
  18. #d19 {background-color:rgb(255,255,18)}
  19. #d20 {background-color:rgb(255,255,19)}
  20. #d21 {background-color:rgb(255,255,20)}
  21. #d22 {background-color:rgb(255,255,21)}
  22. #d23 {background-color:rgb(255,255,22)}
  23. #d24 {background-color:rgb(255,255,23)}
  24. #d25 {background-color:rgb(255,255,24)}
  25. #d26 {background-color:rgb(255,255,25)}
  26. #d27 {background-color:rgb(255,255,26)}
  27. #d28 {background-color:rgb(255,255,27)}
  28. #d29 {background-color:rgb(255,255,28)}
  29. #d30 {background-color:rgb(255,255,29)}
  30. #d31 {background-color:rgb(255,255,30)}
  31. #d32 {background-color:rgb(255,255,31)}
  32. #d33 {background-color:rgb(255,255,32)}
  33. #d34 {background-color:rgb(255,255,33)}
  34. #d35 {background-color:rgb(255,255,34)}
  35. #d36 {background-color:rgb(255,255,35)}
  36. #d37 {background-color:rgb(255,255,36)}
  37. #d38 {background-color:rgb(255,255,37)}
  38. #d39 {background-color:rgb(255,255,38)}
  39. #d40 {background-color:rgb(255,255,39)}
  40. #d41 {background-color:rgb(255,255,40)}
  41. #d42 {background-color:rgb(255,255,41)}
  42. #d43 {background-color:rgb(255,255,42)}
  43. #d44 {background-color:rgb(255,255,43)}
  44. #d45 {background-color:rgb(255,255,44)}
  45. #d46 {background-color:rgb(255,255,45)}
  46. #d47 {background-color:rgb(255,255,46)}
  47. #d48 {background-color:rgb(255,255,47)}
  48. #d49 {background-color:rgb(255,255,48)}
  49. #d50 {background-color:rgb(255,255,49)}
  50. #d51 {background-color:rgb(255,255,50)}
  51. #d52 {background-color:rgb(255,255,51)}
  52. #d53 {background-color:rgb(255,255,52)}
  53. #d54 {background-color:rgb(255,255,53)}
  54. #d55 {background-color:rgb(255,255,54)}
  55. #d56 {background-color:rgb(255,255,55)}
  56. #d57 {background-color:rgb(255,255,56)}
  57. #d58 {background-color:rgb(255,255,57)}
  58. #d59 {background-color:rgb(255,255,58)}
  59. #d60 {background-color:rgb(255,255,59)}
  60. #d61 {background-color:rgb(255,255,60)}
  61. #d62 {background-color:rgb(255,255,61)}
  62. #d63 {background-color:rgb(255,255,62)}
  63. #d64 {background-color:rgb(255,255,63)}
  64. #d65 {background-color:rgb(255,255,64)}
  65. #d66 {background-color:rgb(255,255,65)}
  66. #d67 {background-color:rgb(255,255,66)}
  67. #d68 {background-color:rgb(255,255,67)}
  68. #d69 {background-color:rgb(255,255,68)}
  69. #d70 {background-color:rgb(255,255,69)}
  70. #d71 {background-color:rgb(255,255,70)}
  71. #d72 {background-color:rgb(255,255,71)}
  72. #d73 {background-color:rgb(255,255,72)}
  73. #d74 {background-color:rgb(255,255,73)}
  74. #d75 {background-color:rgb(255,255,74)}
  75. #d76 {background-color:rgb(255,255,75)}
  76. #d77 {background-color:rgb(255,255,76)}
  77. #d78 {background-color:rgb(255,255,77)}
  78. #d79 {background-color:rgb(255,255,78)}
  79. #d80 {background-color:rgb(255,255,79)}
  80. #d81 {background-color:rgb(255,255,80)}
  81. #d82 {background-color:rgb(255,255,81)}
  82. #d83 {background-color:rgb(255,255,82)}
  83. #d84 {background-color:rgb(255,255,83)}
  84. #d85 {background-color:rgb(255,255,84)}
  85. #d86 {background-color:rgb(255,255,85)}
  86. #d87 {background-color:rgb(255,255,86)}
  87. #d88 {background-color:rgb(255,255,87)}
  88. #d89 {background-color:rgb(255,255,88)}
  89. #d90 {background-color:rgb(255,255,89)}
  90. #d91 {background-color:rgb(255,255,90)}
  91. #d92 {background-color:rgb(255,255,91)}
  92. #d93 {background-color:rgb(255,255,92)}
  93. #d94 {background-color:rgb(255,255,93)}
  94. #d95 {background-color:rgb(255,255,94)}
  95. #d96 {background-color:rgb(255,255,95)}
  96. #d97 {background-color:rgb(255,255,96)}
  97. #d98 {background-color:rgb(255,255,97)}
  98. #d99 {background-color:rgb(255,255,98)}
  99. #d100 {background-color:rgb(255,255,99)}
  100. #d101 {background-color:rgb(255,255,100)}
  101. #d102 {background-color:rgb(255,255,101)}
  102. #d103 {background-color:rgb(255,255,102)}
  103. #d104 {background-color:rgb(255,255,103)}
  104. #d105 {background-color:rgb(255,255,104)}
  105. #d106 {background-color:rgb(255,255,105)}
  106. #d107 {background-color:rgb(255,255,106)}
  107. #d108 {background-color:rgb(255,255,107)}
  108. #d109 {background-color:rgb(255,255,108)}
  109. #d110 {background-color:rgb(255,255,109)}
  110. #d111 {background-color:rgb(255,255,110)}
  111. #d112 {background-color:rgb(255,255,111)}
  112. #d113 {background-color:rgb(255,255,112)}
  113. #d114 {background-color:rgb(255,255,113)}
  114. #d115 {background-color:rgb(255,255,114)}
  115. #d116 {background-color:rgb(255,255,115)}
  116. #d117 {background-color:rgb(255,255,116)}
  117. #d118 {background-color:rgb(255,255,117)}
  118. #d119 {background-color:rgb(255,255,118)}
  119. #d120 {background-color:rgb(255,255,119)}
  120. #d121 {background-color:rgb(255,255,120)}
  121. #d122 {background-color:rgb(255,255,121)}
  122. #d123 {background-color:rgb(255,255,122)}
  123. #d124 {background-color:rgb(255,255,123)}
  124. #d125 {background-color:rgb(255,255,124)}
  125. #d126 {background-color:rgb(255,255,125)}
  126. #d127 {background-color:rgb(255,255,126)}
  127. #d128 {background-color:rgb(255,255,127)}
  128. #d129 {background-color:rgb(255,255,128)}
  129. #d130 {background-color:rgb(255,255,129)}
  130. #d131 {background-color:rgb(255,255,130)}
  131. #d132 {background-color:rgb(255,255,131)}
  132. #d133 {background-color:rgb(255,255,132)}
  133. #d134 {background-color:rgb(255,255,133)}
  134. #d135 {background-color:rgb(255,255,134)}
  135. #d136 {background-color:rgb(255,255,135)}
  136. #d137 {background-color:rgb(255,255,136)}
  137. #d138 {background-color:rgb(255,255,137)}
  138. #d139 {background-color:rgb(255,255,138)}
  139. #d140 {background-color:rgb(255,255,139)}
  140. #d141 {background-color:rgb(255,255,140)}
  141. #d142 {background-color:rgb(255,255,141)}
  142. #d143 {background-color:rgb(255,255,142)}
  143. #d144 {background-color:rgb(255,255,143)}
  144. #d145 {background-color:rgb(255,255,144)}
  145. #d146 {background-color:rgb(255,255,145)}
  146. #d147 {background-color:rgb(255,255,146)}
  147. #d148 {background-color:rgb(255,255,147)}
  148. #d149 {background-color:rgb(255,255,148)}
  149. #d150 {background-color:rgb(255,255,149)}
  150. #d151 {background-color:rgb(255,255,150)}
  151. #d152 {background-color:rgb(255,255,151)}
  152. #d153 {background-color:rgb(255,255,152)}
  153. #d154 {background-color:rgb(255,255,153)}
  154. #d155 {background-color:rgb(255,255,154)}
  155. #d156 {background-color:rgb(255,255,155)}
  156. #d157 {background-color:rgb(255,255,156)}
  157. #d158 {background-color:rgb(255,255,157)}
  158. #d159 {background-color:rgb(255,255,158)}
  159. #d160 {background-color:rgb(255,255,159)}
  160. #d161 {background-color:rgb(255,255,160)}
  161. #d162 {background-color:rgb(255,255,161)}
  162. #d163 {background-color:rgb(255,255,162)}
  163. #d164 {background-color:rgb(255,255,163)}
  164. #d165 {background-color:rgb(255,255,164)}
  165. #d166 {background-color:rgb(255,255,165)}
  166. #d167 {background-color:rgb(255,255,166)}
  167. #d168 {background-color:rgb(255,255,167)}
  168. #d169 {background-color:rgb(255,255,168)}
  169. #d170 {background-color:rgb(255,255,169)}
  170. #d171 {background-color:rgb(255,255,170)}
  171. #d172 {background-color:rgb(255,255,171)}
  172. #d173 {background-color:rgb(255,255,172)}
  173. #d174 {background-color:rgb(255,255,173)}
  174. #d175 {background-color:rgb(255,255,174)}
  175. #d176 {background-color:rgb(255,255,175)}
  176. #d177 {background-color:rgb(255,255,176)}
  177. #d178 {background-color:rgb(255,255,177)}
  178. #d179 {background-color:rgb(255,255,178)}
  179. #d180 {background-color:rgb(255,255,179)}
  180. #d181 {background-color:rgb(255,255,180)}
  181. #d182 {background-color:rgb(255,255,181)}
  182. #d183 {background-color:rgb(255,255,182)}
  183. #d184 {background-color:rgb(255,255,183)}
  184. #d185 {background-color:rgb(255,255,184)}
  185. #d186 {background-color:rgb(255,255,185)}
  186. #d187 {background-color:rgb(255,255,186)}
  187. #d188 {background-color:rgb(255,255,187)}
  188. #d189 {background-color:rgb(255,255,188)}
  189. #d190 {background-color:rgb(255,255,189)}
  190. #d191 {background-color:rgb(255,255,190)}
  191. #d192 {background-color:rgb(255,255,191)}
  192. #d193 {background-color:rgb(255,255,192)}
  193. #d194 {background-color:rgb(255,255,193)}
  194. #d195 {background-color:rgb(255,255,194)}
  195. #d196 {background-color:rgb(255,255,195)}
  196. #d197 {background-color:rgb(255,255,196)}
  197. #d198 {background-color:rgb(255,255,197)}
  198. #d199 {background-color:rgb(255,255,198)}
  199.  
  200. </style>
  201. </head>
__________________
"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
  #5 (permalink)  
Antiguo 15/04/2009, 16:18
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  #6 (permalink)  
Antiguo 15/04/2009, 16:23
 
Fecha de Ingreso: diciembre-2007
Mensajes: 121
Antigüedad: 10 años
Puntos: 0
Respuesta: Fondo degradado con Css

Y eso es que parte lo tengo q poner, el en css o en el html??
  #7 (permalink)  
Antiguo 15/04/2009, 16:29
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  #8 (permalink)  
Antiguo 15/04/2009, 16:31
 
Fecha de Ingreso: diciembre-2007
Mensajes: 121
Antigüedad: 10 años
Puntos: 0
Respuesta: Fondo degradado con Css

Es que me piden en el trabajo que lo haga asi sin imagenes ni nada, y que sea degradado, he dicho de poner una imagen y nada, tiene que ser asi.
  #9 (permalink)  
Antiguo 15/04/2009, 16:37
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  #10 (permalink)  
Antiguo 15/04/2009, 17:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Fondo degradado con Css

Hola:

No puedes hacerles entrar en razón, porque hacerlo así es una auténtica locura.

Saludos.

  #11 (permalink)  
Antiguo 15/04/2009, 17:57
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  #12 (permalink)  
Antiguo 15/04/2009, 18:05
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
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
  #13 (permalink)  
Antiguo 15/04/2009, 18:08
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
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
  #14 (permalink)  
Antiguo 15/04/2009, 18:32
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
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/
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #15 (permalink)  
Antiguo 16/04/2009, 09:03
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
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
  1. /*linear gradient from green to blue, moving left to right*/
  2. em { color: color-gradient-linear(0deg, 5&#37; green, 95% blue) }
  3.     /*linear gradient from a transparent red to solid purple, top to bottom*/
  4. em { color: color-gradient-linear(90deg, 5px rgba(100,100,100, 0.5), 200px purple) }
  5.     /*linear gradient from green to blue to yellow, right to left*/
  6. em { color: color-gradient-linear(180deg, 3px green, 50% blue, 100% yellow) }
  7.     /*linear gradient from green to blue to green to blue ..., left to right*/
  8. em { color: color-gradient-linear(0deg, 0px green, 10px blue, refle

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 (permalink)  
Antiguo 16/04/2009, 16:33
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Fondo degradado con Css

Cita:
Iniciado por CaLiZzZ Ver Mensaje
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...
Y esperar que los navegadores interpreten bien los colores, sino ya me direis que degradado puede salir de ahí.

Saludos.

  #17 (permalink)  
Antiguo 16/04/2009, 18:02
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
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
  #18 (permalink)  
Antiguo 16/04/2009, 20:36
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
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/
__________________
- León, Guanajuato
- GV-Foto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:38.