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 2 of 6 pages < 1 2 3 4 > Last »
Actually having comments on a webpage is more difficult than just CSS. You may want to take a look at some PHP tutorials for this.
can someone help me i dont now where the body of the page is on freewebs users!
ambo1000, all pages should have a body tag by default. If not, just add it in, directly beneath the </head> tag.
Cool script. Very very clean looking. I like it!
I love this!
Do you know why the gray box might have a different width depending on which browser is used (IE vs. NS)?
I've tried and here's the result: http://www.wam.umd.edu/~rzuckerm/comment_box.html
On this Dynamic Drive webpage, the problem doesn't occur though. I'm not sure why.
Otherwise, I think the code is great.
I've tried and here's the result: http://www.wam.umd.edu/~rzuckerm/comment_box.html
On this Dynamic Drive webpage, the problem doesn't occur though. I'm not sure why.
Otherwise, I think the code is great.
Does anyone know of a tutorial on how to use these comment boxes on a typeapd blog? Thanks.
Fantastic! I really like this site :D
great!! very helpful...
but i still confuse with css..
but i still confuse with css..
so simple and so nice :)
Commenting is not available in this weblog entry.
This is some comment.
This is some comment.