Pixelknetes Background Dotter
Check out the Background Dotter if you need a fancy website background. This tool generates unique background-tiles matching the color-theme of your site. Just hit the Random - Button to take a lucky dip, wait until the background appears and enjoy.
Feel free to download the background tiles to use them on your own private page. To download the backgound image right-click on the background in Firefox and follow your instincts… Save the image as dotted_bg.png and change your <body> tag to something like this:
<body style="#B01123 background:url(dotted_bg.png) repeat-x;">
Replace B01123 by the background-color value you chosed for Color B.
Happy? How did you find the tool? Where do you use the background-tile? What are your favorite color values? Please post a comment below (makes me happy).
84 Comments, Comment or Ping
samsi
Nice tool, I’m getting fuzzy! :)
Dec 3rd, 2007
Marlice
Supergeniales Tool. Vielen Dank :-)
Aug 11th, 2008
pixelhorse
Voll crazy! Mal sehen wem ich sowas verkaufen kann ;-)
Aug 11th, 2008
Enrique
Excelent tool, thanks a lot.
Aug 24th, 2008
Lynsey
Brilliant tool, have bookmarked as it will prob come in handy! well done, thanks!!
Oct 10th, 2008
josh909
wicked generator - now all i need to do is to find somewhere to use it …
Oct 13th, 2008
Carol
Wow! How cool.
Only enhancement I can think of is to (1) add a color picker and (2) show some pretty color combos like the one on this page.
Thanks!!!
Carol
Oct 25th, 2008
FOTODATENRETTUNG
Wertvolles Tool, das schon beim Ausprobieren viel Spaß macht! Grandios!
Jan 12th, 2009
Antlively
Nice work!! And a great idea.
But yes I agree with Carol.. It could really use pop-up color palettes/color-picker. Having to know the numeric color hex/code is a problem for novice designers like myself.
But thank you regardless!!
Jan 18th, 2009
Camxso
Makes me want to redo my website, thanks!!! Camxso
Jan 23rd, 2009
Daniel
Cool generator- thanks, danke, merci, grazie!
Jan 23rd, 2009
Flo
Nice one. :)
I agree about the color picker: It would be great. It would probably also help to mention somewhere on the generator page that you are supposed to manually save the background and color. That confused me for a moment.
Feb 6th, 2009
Max
Nice one, thx!!!
Feb 18th, 2009
carlo
I like it! Thanks for sharing
Mar 24th, 2009
Excess
Awesome tool. But what I really miss is an option to change the inclination of the dots. That would be just legen…
…wait for it…
…dary
Apr 1st, 2009
cris
Easier download button.
Apr 20th, 2009
pakk0
Great Job dude
Apr 23rd, 2009
Koz
I want 1200 height!!
Apr 24th, 2009
Harry
Awesome effect. Thankyou.
May 7th, 2009
IGN
This is SUPER COOL!
But, i have a question…. As what type of file can i save it?
It offers me only html… Is it possible to save it as jpg?
I’m totally new with this and just started with my first web page, so i need help. I’m doing it on iWeb so i don’t know how to copy it to application…
thnx
May 30th, 2009
sue h
Love, love, love!
Jun 9th, 2009
arun
wow a great one!! thanks a lot dude.
Jun 9th, 2009
Pete Stewart
Only way to get colour changes is keep selecting random. There needs to be a colour picker dropdown, wheel, or similar
Jul 13th, 2009
Young Developer Teenage Programming Forums
Very cool! But I think a colour picker is essential, I only wanted to try out the script and it’s too much hassle to look up colour charts.
Awesome!
Jul 23rd, 2009
kstan
Like it,its a useful software.
Jul 29th, 2009
mu
soooo nice! thank you!!
Jul 31st, 2009
Eckhard Trems
Ein ausgezeichneter BG-Generator. TOLL.
Greetingx aus Berlin.
Eckhard Trems
Aug 16th, 2009
John
pretty nifty tool, havent seen any others like it yet
Aug 25th, 2009
Anne
Really nice tool!
Aug 30th, 2009
DalleMomo
Reall Nice
Oct 10th, 2009
Janet
Really great idea - thank you so much!
Nov 1st, 2009
Unal
May Allah bless you brother…
Nov 17th, 2009
Online Industry
Genial! Vielen Dank!
Dec 11th, 2009
Dizzy
How do you save it on a Mac without having the box in the picture?
Feb 24th, 2010
Dizzy
Oh, and please respond to my question. :D
Feb 24th, 2010
Actor
Can’t download the image. I right clicked it but I still couldn’t download it.
Mar 7th, 2010
Oleksander
Good stuff!!!
Mar 13th, 2010
alon
Thanks , good tool.
Apr 2nd, 2010
Submarino
Marvelous !! Thanks Kristoph
Sub
Apr 8th, 2010
Mac Man
Love the potential, but sure wish I could save this for the mac. Any help would be greatly appreciated.
Thank you.
May 21st, 2010
Scott
would be wonderful as a stand alone app, or something we can purchase to run on our site. To generate backgrounds etc. Some sort of rotatin would be awesome as well, along with the ability to resize the dots.
May 23rd, 2010
GFX
Beauty work!
Jun 21st, 2010
Brendan
This has to be one of the best background generators out there! A function to rotate the image at 90* intervals or to horizontally flip the image would be a great addition to this project.
Jul 22nd, 2010
Ruben
thanks! very cool
Aug 17th, 2010
Montenaro
I’m no slouch when it comes to getting what I want from the internet but I give up on trying to save this. I’ve exhausted my endless supply of picture stealing aids but still have only a copy with the overlay box ,,, it’s a shame because it is exactly what I want for a new site I’m making. A few generators have gone tits up on me lately, java console errors, non transparent gifs etc. Grrrr. Nice tool though and I’ll be back to try again. Thanks for putting it out there.
Aug 19th, 2010
b3nshi
Excelent! I’m using this background in many websites :D
Aug 24th, 2010
Bryce
Nice tool. The pic however makes my eyes water. It burns; it burns! Mein augen brenen!
Aug 25th, 2010
John-Christopher
I am an expert at cheating. Would you kindly remove your menu from my screen so that I can capture the image and use it as a fill? Puh-lease!
Sep 23rd, 2010
CastroMayor
First of all your background generator by the way is fantastic! So, congrats.
However, as i try to save the background by right-clicking with my mouse, i could only save it as HTML not as an image file. Is there any way i could also close first the dialog box for the background generator? Or you could have just design a button on your dialog box like “Click to download image”. Just my 2 cents by the way.
Thanks and GOD bless.
Oct 15th, 2010
Christoph
Thank you so much for the support and your comments!
It’s amazing how this little peace of an afternoon work evolved. (And it’s amazing how you Japanese people are after dotted backgrounds. Doumo arigatou gozaimasu.)
I know I should spend some time to improve on the things you suggested (easier download, colorpicker, …). I`ll try my best.
For the Mac People: please try Firefox! It’s the best browser anyway if you want to develop for the web. Then right-click on the dotted background and choose the option to show and save the background image. Please feel free to contact me, if you need help.
Best wishes
Christoph
Oct 24th, 2010
Landon
Thanks for this!
For Chrome users (on Windows, haven’t tried on Mac yet) right click the background and select View page source. Then in source, look for img src=”dotted_bg.php* and follow that link to the image.
Oct 27th, 2010
Thanks
Thank you very much. So good.
Nov 13th, 2010
Diogo
Awesome! :D Makes excelents and colorful backgrounds ;)
Nov 18th, 2010
Tibi
Cool this excelents!
Dec 11th, 2010
Malte Blättermann
Hey,
Very nice tool! But it would be even nicer, if it could handle with CSS Colors like: Brown, Orange etc.
Previewing it, already works, btw… ;)
cheers Malte
Jan 12th, 2011
Monregardroanne
Un très grand merci du fond du coeur pour votre simple mais très utile aide… Beaucoup de succès et une grande réussite ce sont là nos plus sincères voeux
amicalement français…
Feb 1st, 2011
Christian
Very cool. Thanks a lot for this!
Feb 6th, 2011
Soledad
Genial! Una herramienta muy útil para usar en futuros proyectos.
Feb 18th, 2011
Anton
Wow, very cool
Feb 22nd, 2011
Netgenerator
Amazingly cool :)
Thanks for sharing that great tool!
Mar 29th, 2011
Wozzza
Brilliant! I’ve used it on 2 websites now, thanks very much folks :)
Cheers
Wozzza
England
Apr 19th, 2011
Steve
Great tool, we really need to be able to do more then 900px though.
If i view my site in full screen the backround does not cover the page.
This is a great tool though.
Apr 19th, 2011
Digital Craving
This is fantastic thank you very much!
Apr 22nd, 2011
Alex
Very nice, I love this! Used on my site @ http://digitalcraving.blogspot.com/
Apr 28th, 2011
sam
awesome tool but i find it frustrating that i cant pick the color but i have to somehow guess what the numbers and the letters mean.
Apr 30th, 2011
zebigie
No. Can’t figure out how to save the backgrounds I wanted.Excellent tool though. Exactly what I was looking for.
May 5th, 2011
KEN
I like it!
May 22nd, 2011
KEN
This is a perfect background.
May 22nd, 2011
U
cooool!!!!
Jun 10th, 2011
Geekboy68k
Thanks for a great background generator! :D Congratulations, good job.
Jun 12th, 2011
ArghCake
Another way of doing this is right clicking, and selecting “Page info”
Page info>Media
There should be an adress and the type should be “background” drag the link onto a new tab, and you should get the dots on their own.
You’re welcome ;)
Jun 14th, 2011
PA Henderson
Love it. A color picker would make it perfect.
Jul 19th, 2011
Hammerbeck
Beauty work!
Aug 10th, 2011
Cool tool
cooooooooooool
Aug 22nd, 2011
Anders
Awesome, I could play with this for hours. Might put a pattern on my website!
Aug 28th, 2011
Torsten
Too bad, no download button. But you can look at the source code (CTRL + U in most browsers) and seek for something like
body style=”background:#FAF1EB url(dotted_bg.php?dc1=FF6600&dc2=BF4C00&bc1=440000&bc2=FAF1EB&h=700
Copy the stuff after url( and paste it into the adress bar of your web browser, right behind pixelknete.de/. Your picture appears, and you can right click it, like someone has already described.
..
Zu blöd, dass es keinen Download-Knopf gibt. Aber du kannst dir den Quelltext anschauen (STRG + U in den meisten Browsern) und nach so was suchen wie
body style=”background:#FAF1EB url(dotted_bg.php?dc1=FF6600&dc2=BF4C00&bc1=440000&bc2=FAF1EB&h=700
Kopiere das Zeug hinter url( und füge es in die Adresszeile des Browsers ein, direkt hinter pixelknete.de/. Dein Bild erscheint und du kannst mit der rechten Maustaste drauf klicken, wie schon vorher jemand beschrieben hat.
Oct 14th, 2011
Torsten
Correction:
…pixelknete.de/dotter/…
Oct 14th, 2011
BeautifullyBusy
Hey there, I found your website by searching for a website background generator and I love it! I’m currently using #dcf0f0 on white for a website template. Thanks so much! I’ll definitely be using it again in the future.
Oct 26th, 2011
gab
Love it!… thanks for your work!!…
Oct 26th, 2011
stoni
…au wie schön!!!
Nov 8th, 2011
korgy
Fantastic !!!!!
Nov 19th, 2011
Reply to “Pixelknetes Background Dotter”