Site Elements > Content Boxes

newest | top rated | most popular | most commented

XHTML Speech Bubbles

Added by vasdee, 1 Year, 1 Month, 6 Days, 5 Hours, 36 Minutes ago

Speech bubble comment style

2 | Site Elements > Content Boxes > Rounded Corners

10.0/10

Currently 10.00/10

CSS Speech Bubbles

Added by vasdee, 1 Year, 1 Month, 1 Week, 4 Days, 11 Hours, 1 Minute ago

Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 strict.

Tested in all major browsers:
* Internet Explorer 6 & 7
* Firefox 2.0
* Safari 2.0
* Opera 9.0

1 | Site Elements > Content Boxes > Rounded Corners

8.0/10

Currently 7.57/10

CSS Only Speech Bubbles

Added by vasdee, 1 Year, 1 Month, 6 Days, 5 Hours, 43 Minutes ago

Based on the javascript version of Speech Bubbles at willmayo.com this is a light weight CSS only version. Whilst it does not have the flexiblity of the javascript it does still work with javascript off.

This works in IE5.5, IE6, IE7, Firefox, Opera and should be ok in all Safari browsers. IE5.01 doesn't quite make it and has a one pixel error in working out the zero top margin of the…

1 | Site Elements > Content Boxes > Rounded Corners

4.0/10

Currently 4.33/10

Chunky Rounded Corners with no images

Added by aycarumba, 1 Year, 1 Month, 3 Weeks, 3 Days, 2 Hours ago

I have had many requests for curverd corvers without images that are more than 1 pixel wide. So here is an example of a 3 pixel border with curved corners using just CSS with no images.

0 | Site Elements > Content Boxes > Rounded Corners

4.0/10

Currently 3.67/10

Teaser Thumbnail Lists

Added by aycarumba, 1 Year, 1 Month, 1 Week, 3 Hours, 17 Minutes ago

They don't have a standard name, but they're all over the web. I'm talking about those lists of items made up of a title, short description, and thumbnail. They're often used to provide short teasers that link to more information about the products, articles, or sections of the site being listed.

I'm going to call these types of lists "teaser thumbnail lists." Since they come…

0 | Site Elements > Content Boxes > Other

9.0/10

Currently 9.00/10

Curly Corner Container

Added by aycarumba, 1 Year, 1 Month, 3 Weeks, 1 Day, 3 Hours, 28 Minutes ago

There are countless techniques on the web for adding curly/ round corners to DIV containers. The below shows one way to add a curly lower right corner to any DIV on your page. It does so by using relative positioning to slightly offset a DIV to the right and bottom, so its background image, which is a curly image, falls inline with the border of the outer DIV.

0 | Site Elements > Content Boxes > Other

8.0/10

Currently 7.50/10