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 3 of 6 pages < 1 2 3 4 5 > Last »
Very nice and clean comments box using CSS. We used it on our main site and plan on using it on two more.
Thank you. But you didn't tell us how to let the visitors add comments
big thanx from me too, very nice
I will use this div for comments in the new version of my site.
Thanks!
Thanks!
Awesome CSS!
how'd u change the font?
It doesnt work. is there something I have to do to get it to work, some instructions with this code would be great!
Also, gleefully ignores the tab key…skips right over it. Users see something that looks like a pulldown, they expect it to act like one.
The examples which I have received from this site is simply superb.Thank you.Thank u a lot.
Now where have i seen that before =>
Commenting is not available in this weblog entry.
This is some comment.
This is some comment.