Easy gradient background generator !!

  • 1
  • Idea
  • Updated 8 years ago
I found this "gradient background generator" online tool with instant previewing.
Thought it might be usefull to some!
http://tools.dynamicdrive.com/gradient/
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes

Posted 10 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Thanks Boomer! As always, you are so helpful!

Emmy
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks boomer! im using it on my site!
Photo of Shaq

Shaq

  • 868 Posts
  • 5 Reply Likes
Boomer,
Do i change the size (height + width)?
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Shaq,

For the smallest image size (faster page load)
Try and keep the width as narrow as possible (20px - 50px)
The image will tile across the page (left to right)

The height should be "a bit" longer than your page length.
You will have to experiment with this (1000px, 2000px, 3000px)
Start with the smaller and see where it starts repeating and increase the px accordingly till you get it right. Good luck!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
right shaq,

above how you change the colours (top bottom)
there, it should say
"200"
"100"
, thats it, it has a MAX of 1000,

need more help? Just Say!

alex
Photo of Mstgrr

Mstgrr

  • 31 Posts
  • 4 Reply Likes
This is great, thanks!

On the same train of thought, here are some of my favorite fun and useful free tools.

The Tartan background pattern generator: www.tartanmaker.com
Stripe generator: www.stripegenerator.com
Ribbon generator: www.quickribbon.com
Palette generator (generates a palette based on a photo): http://bighugelabs.com/flickr/colors.php

Enjoy!
Photo of markg77

markg77

  • 2 Posts
  • 0 Reply Likes
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for sharing!
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
Thanks for the link, markg77.

One question to markj77 or anyone else: I understand the "Top" and "Bottom" colors being needed. But what goes into the "color" box.

Thanks
Photo of markg77

markg77

  • 2 Posts
  • 0 Reply Likes
The color is the left over after the image height runs out. So you kinda want it to be the bottom color. Please let me know of any improvements to the tool!
Mark
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
Thank you, Mark. That makes sense (I guess). :)