Don’t be too Square… Round Some Corners!
Rounded Corners are a must-have if you want to give your blog a nice Web 2.0 Look and Feel.
Here are some tips to add rounded corners nearly everywere without pain.
1.Rounded Corners with CSS
There is a draft for CSS3 that supports rounded corners, and firefox has a property that somehow mimic the behavior of the proposed draft (there are some difference though…).
This means that it is possible to add a rounded corner effect to your divs by writing something like
Sorry IE users, you’ll see the boring square corners. Maybe it’s time to try Firefox?;)
2.Rounded Corners in AdSense Units
Yes, it’s possible. And if you don’t want to be punished by the God of Web 2.0 you really have to use them instead of the crappy square corners.
Here is an example with a real adsense unit (sorry, to see this you have to visit the article webpage if you’re reading via rss feed…) :
They look cool, don’t you think?
To add rounded corners, you have to log in to your adsense account and create a new ad unit. After the color selection you’ll find a nice drop down list called “corner styles”.
If you’re wandering why you never noticed this cool feature, it’s because it has been released recently. :)
3.Rounded Corners from Google
If you want to create an image or something with rounded corners you can have google draw the corners for you! :D
Just use as image src something like your browser to something like: groups-beta.google.com/groups/roundedcorners? c=999900&bc=ccc&w=34&h=34&a=tr , changing the parameters as follow:
- c : corners color (in hex or plain text form, e.g. ‘red’ or ‘ffccdd’ or ‘fca’)
- bc : background color (same as c, can be omitted for transparent bg)
- w : width (px, default 8)
- h : height (px, default 8)
- a : one of tr (top right) , tl (top left) , bl (bottom left) , br (bottom right)
This is the resulting image:
(thanks to google blogoscoped)
5. Rounded Corners Online Generators
Obviouly there are online rounded corner generators.
They generate images and/or html and css files to be copied and used on your website… You still have to upload images on your server and tweak some code, but it’s better than doing everything on your own :)
If you have some other rounded corners resources, tips or advices, please share them with me and the other readers! I’m waiting for your comments ;)francesco mapelli
|Print article||This entry was posted by francesco mapelli on 2007/07/30 at 1:09 pm, and is filed under Uncategorized. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site.|
No comments yet.
No trackbacks yet.
about 9 years ago - No comments
about 9 years ago - 61 comments
about 9 years ago - 51 comments
Some weeks ago we talked about tracking feed subscription with Google Analytics. Wouldn’t it be nice to view every single mouse gesture of your visitors? Here’s the tool you need. Clicktale has been opened to public on Monday, and looks very promising to me, as it offers a lot of unusual feature for a web…
about 9 years ago - 107 comments
about 9 years ago - 26 comments
about 9 years ago - 22 comments
about 9 years ago - 18 comments
about 9 years ago - 9 comments
about 9 years ago - No comments