I have modified the brilliant technique for creating boxes with different corners from Roger Johansso. I actually modified only the images and a bit in the code. See the example page for the CSS and the HTML. I’ve used a table to show how it looks with an example avatar, if you wanna use it on a blog, forum or etc…
Here are the two images you’ll need:
here is a screenshot:
CSS coding credit to http://www.456bereastreet.com/
CSSMenuMaker.com is here to provide the average webmaster with tools to create custom, cross browser compatible website menus. Our menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS. If you are a more experienced web developer we provide the sources code for all our CSS menus so that you can download, tweak, and integrate as much as you want.
Feel free to use their CSS menu generator an unlimited amount of times. The only thing that they ask is if you find the site useful, bookmarking them with digg.com or del.icio.us.
SpankyCorners has a number of advantages over alternative rounded corners methods.
- Spanky requires no extra HTML markup to act as ‘CSS hooks’.
- Spanky doesn’t rely on a set width box.
- Spanky corners can have (practically) any radius with no significant increase to file size.
- Spanky requires only 4 small GIFs.
- We generate the required images for you while you wait!
ColorBlender is a web-based tool for creating color palettes (here referred to as "blends") for web design and other types of digital design.
The main feature of the tool is to have a complete "blend" of 6 matching colors created when choosing only one "base" color.This makes it very quick and easy to create a color scheme for e.g. a website, as you can instantly use the colors for text, backgrounds, links, border etc.
Fine tuning colors
If you want to fine tune your colors – or simply edit the colors completely arbitrary – you can change to "Direct Edit" mode. In this mode you can click each of the 6 color swatches to edit each color individually.
If you have just the slightest experience with graphic applications like Adobe Photoshop or the like, everything should be dead easy to use.
RGB vs. HSV
When editing a color, you may choose to edit it by using RGB (Red/Green/Blue) or HSV (Hue/Saturation/Value) sliders. The former tends to be the more "digital" approach, while the latter is very useful if you are familar with the "color circle" terminology. Try it out, and see what you like the best!
Getting the colors out of ColorBlender
When you are satisfied with your "blend" you can save it so you can access it later. This requires your browser to accept cookies. All saved blends are stored on our server, and only an ID is saved on your computer.
Clicking the "Photoshop Color Table (.ACT)" button will let you download the blend as a small file that can be imported into Adobe Photoshop (see the FAQ for more info).
"Send blend by email" will give you a single URL to open your current blend directly. This let you "bookmark" the blend in your web browser or even send the blend via email. In this way, the recipient can view your blend, and eventually fine tune it, export it, etc.
And you can aways Printscreen it.