Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

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:


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 6 of 6 pages « First  <  4 5 6

does this require a htaccess to run? sorry i'm not really a programmer. tnx
Posted by Francis on 10/22, 11:02 AM
I like this except, it does not work in firefox and the bottom few pixels are missing from the triangle image
Posted by psychohagis on 12/07, 12:43 PM
css background examples , Properties , Attribute - -
Posted by arama motoru on 06/16, 10:56 PM
i don't understtand this script!!!i put it into my web page but it doesn't work!!not even the submit form!!what can i do regarding this !!! it appears only the comment and nothing else!!
i want some explanation !!! i know HTML but this script doesn't work!! something is missing!!!! definitely
Posted by moldo on 06/25, 10:02 AM
nice but they cannot work
Posted by Faizy on 12/10, 09:48 AM
Arrow is not working what should I do????????????????:)
Posted by MicahPaz on 03/07, 01:48 PM
Great effect! I've wanted something like this for my site. Keep them coming!
Posted by Toyin on 03/29, 01:32 PM
I disagree with the above remark. I think in these tough economic times we need to rethink our old ways of thinking. For more information visit
Posted by Stallone on 04/01, 01:04 AM
This is pretty cool..
Posted by rodney jackson-cole on 04/28, 07:18 AM

Comment Pages 6 of 6 pages « First  <  4 5 6

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