CSS Library: DIVs and containers: Here
Arrow Comment Box
Author: Dynamic Drive
Using a simple "arrow" image, this CSS code transforms a regular DIV into a fancy box with sub text appearing beneath it. It's a nice interface to use for your blog's comment boxes, for example.
The arrow image is being used as a background image, meaning you can in fact easily control how much of it is shown just by altering the background image's horizontal and vertical positions:
This is some comment.
This is some comment.
This is some comment.
This is some comment.
This is some comment.
The single image used:
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 1 of 6 pages 1 2 3 > Last »
Thanks for this. I like it.
very nice =)
This is kewl, one thing thop... the tip of the arrow doesnt show??
Abs, perhaps you've got the proportions set in a way so that the image height exceeds the height of the cell? Or perhaps insufficient padding? Just a thought.
That was that what i searched a long time :P Thank you for sharing :P
Very helpful, thanks!
Nice css.. I wonder if you can make that without images...
You can make it without images, yes, but it is more complicated which would probably not work in all browsers which is the most important thing in web design.
Cool css ! Thank you
can anyone help me with the comments them selves? i want those more!!
Commenting is not available in this weblog entry.
This is some comment.
This is some comment.