Forum:Gold

Long time no see, guys! I am back and want to know can someone make a gold-to-white {up to down) gradient fill? I am planning to use it on my new heading template. Anakin Skyobiliviator ( talk ) 22:02, October 26, 2011 (UTC)


 * Use this:

 background-color:gold; background-image:-moz-linear-gradient(top, gold 5%, white 95%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(5%, gold), color-stop(95%, white)); background-image:linear-gradient(top, gold 5%, white 95%);


 * I tried to make it as smooth as possible, because it looks quite abrupt otherwise.


 * ​Uh...I mean, I want the web address like this one, so if you could make it please :

http://images1.wikia.nocookie.net/__cb20110918014754/central/images/5/58/Gradient.png'


 * Anakin Skyobiliviator ( talk ) 22:19, October 26, 2011 (UTC)


 * Yes, that is essentially what the above CSS rules will give you.
 * Ah...just apply it on the .css page on the apropirate place and that is it? That simple? I thought I have to put in in some photo editing program and make one myself...Anakin Skyobiliviator ( talk ) 22:25, October 26, 2011 (UTC)
 * Aaannnd, no, it don't work. It need a URL. Anakin Skyobiliviator ( talk ) 22:34, October 26, 2011 (UTC)
 * Nope, all you need is that CSS. You'll probably want to put a selector on it, however, such as ; you won't be able to put it on anything otherwise.
 * This is the .css I am working on: Anakin Skyobiliviator ( talk ) 23:39, October 26, 2011 (UTC)

.heading { padding:0.2em 0.4em; margin:0 0 10px 0; background: url('http://images1.wikia.nocookie.net/__cb20110918014754/central/images/5/58/Gradient.png') repeat-x; color: white; font-size:120%; font-weight:bold; text-align:left; width:100%; /* border:1px solid #ee7a06; */
 * Remove the quotes (') around the URL:

background: url(http://images4.wikia.nocookie.net/battlefront/images/0/0d/Special_Heading.JPG) repeat-x;
 * - Tjcool007 (Talk) 06:44, October 28, 2011 (UTC)