By smcochin on

to create rounded corners in blocks, there many ways, which is the best in puplat three ways
1) with 2 images -
http://mydrupalblog.lhmdesign.com/theming-sidebar-drupal-style-part-1

2) with 4 images
http://geeksandgod.com/forum/rounded-corners-block
http://drupalworx.com/node/15

3) jquery
http://www.malsup.com/jquery/corner/

And also which best
a) creating dropshadow, gradient, stock etc using jquery and css
or
b) image (created in photoshop,gimp) and css

⋅ Categories: Drupal 5.x, Drupal 6.x

Comments

uzbekjon’s picture

uzbekjon commented

Well, it's a personal choice isn't?!

Since you already have jquery with your drupal installation.. why not use it. Personaly I use2 images for smaller blocks and 4 images for bigger boxes like content box...

Make your choise according to your own requirements. Do you want your code to have less tags or validate or something else...

Make your own choice!!!

-------------------------------
Sites for uzbeks and Uzbekistan:
Uzbek Lyrics Database
Uzbekistan Forum

smcochin’s picture

smcochin commented

what are the pros and cons of each. Kindly give me specific detailes

KayGee’s picture

KayGee commented

Correct me if I'm wrong, but I don't think it's possible to create rounded corners like these by using jquery.

Kirk

smcochin’s picture

smcochin commented

on which way is best

anyway, http://www.sastgroup.com/?p=1332 here you will get a clear picture to how to do

smcochin’s picture

smcochin commented

Do you want your code to have less tags or validate or something else...

yes

smcochin’s picture

smcochin commented

speed and beaty if images used instead of javasript

criznach’s picture

criznach commented

If your sidebars are of a fixed width, it's very easy to get away with minimal markup and clean CSS using the top/bottom image method. If you want both variable width and height, you may need to use a 4 image or Javascript method. The 4 image method creates a lot of "tag soup", which is not much better than tables IMHO. I prefer to make the sidebars a fixed width, and variable width content, but to each his own.

It is possible to do some creative things, however... In most Drupal themes, you have two nested elements (title and content) inside of a container for each block. So you could probably do a three-cornered effect without adding any markup at all.

http://www.trailheadinteractive.com