Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

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 (65)

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

how do u integrate with blogger comments? i dont understnad how to do it. pls help, than kyou.
Posted by poetry on 04/11, 07:07 AM
Can i get the comment code
Posted by Amin on 05/28, 11:38 PM
did it work??
Posted by nice on 06/22, 02:07 AM
Can i have the comment code. thanx
Posted by Frank Smith on 06/22, 12:31 PM
hey, i want to use this on my site, but when I checked it on other computers with older monitors, the contrast was too small. You don't see any of these comments. Has some of you ever noticed this issue?
Posted by Fabian on 07/01, 12:59 PM
Wow, nice code I might use this for my runescape guides.

TY
Posted by Green on 07/02, 02:12 PM
I wish I saw this css earlier... because the first time i was browsing the css library and I saw how the comments are designed.. I imediatly wrote my own on my site to reflect the same design... It would have saved me time if I found this css :p

great work thank
Posted by nanoo on 07/10, 07:20 AM
Nice and simple..., thanks
Posted by dcf on 08/01, 02:19 AM
does any1 know how i can make a comments box like this css dynamicdrive?
Posted by soulsteel on 08/21, 01:24 PM
how do you actually enter this on type pad?? I copied and pasted the code on the CSS section (where the blank box is) and I published the blog, but I don't see the change under the comments. What am I doing wrong?
Posted by merv on 09/18, 08:14 AM

Comment Pages 5 of 7 pages « First  <  3 4 5 6 7 >

Name: (Required)

Email: (Required)

(NOT shown on page)

URL:

(Shown on page if entered)

Comments: (Required)

Supported BB codes: [b], [i], [u], [em], [strike], [strong], [pre], [code], and [blockquote].

Remember my personal information
Notify me of follow-up comments?

Submit the word you see below ("previewing" post does not require it):


Copyright 2006-2008 Dynamic Drive Read our Usage Terms before using any of the CSS codes.
Dynamic Drive DHTML and CSS Code Library