Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

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.

This is some comment.
This is some comment.
This is some comment.
Posted by Dynamic Drive on 05/10, 03:39 AM

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.
Posted by Dynamic Drive on 05/10, 03:39 AM

The single image used:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/10/2006

Revision History: None

Usage Terms: Click here

Your Comments (59)

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.
Posted by SEO Position on 08/06, 03:38 PM
Thank you. But you didn't tell us how to let the visitors add comments
Posted by Mohammed on 08/10, 09:00 AM
big thanx from me too, very nice
Posted by Susi on 08/10, 09:28 PM
I will use this div for comments in the new version of my site.
Thanks!
Posted by Dolomiti sciare on 08/16, 06:23 AM
Awesome CSS!
Posted by et on 09/19, 05:29 PM
how'd u change the font?
Posted by Zane on 09/25, 06:12 PM
It doesnt work. is there something I have to do to get it to work, some instructions with this code would be great!
Posted by Billy on 10/07, 05:41 PM
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.
Posted by web design on 11/10, 03:28 AM
The examples which I have received from this site is simply superb.Thank you.Thank u a lot.
Posted by Rengaseshan on 12/02, 07:35 AM
Now where have i seen that before =>
Posted by CB on 12/05, 04:49 PM

Comment Pages 3 of 6 pages  <  1 2 3 4 5 >  Last »


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.