This post was published 3 years 6 months 26 days ago. Therefore, it is likely to be outdated and may no longer be valid.
Rounded boxes are all the rage at the moment.
Want to know how to easily create them?
Well, look no further than the link in the rounded box below.
The instructions are quite straight-forward; go to the CSS Rounded Box Generator and then…
- select your square and background colours and click on enviar (Spanish for send)
- download the Corner Images (all 5 of them) to your PC
- upload the same 5 images to your web server
- add the CSS code to your stylesheet
- add the HTML to your web page
And a tip if you’re not too hot on CSS …
after adding the following CSS code to your stylesheet
.rbroundbox { background: url(nt.gif) repeat; }
change it to reference the path to your images, e.g.
.rbroundbox { background: url(/images/folder/on/server/nt.gif) repeat; }
and repeat for all classes
Clearly, I’ve overdone it somewhat in this posting, however, when used sensibly and with a little style CSS Rounded Box Generator is a neat little tool.
I’m using this on my 404 page (that is, any page that doesn’t exist). You can see it via this wrong link. (NB. you wont see this in Internet Explorer. Why? Because Internet Explorer obfuscates error messages. But of course, you could try it in Firefox).