rounded corener and effects in block
smcochin - February 27, 2008 - 07:39
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
Personal choice
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
ommm
what are the pros and cons of each. Kindly give me specific detailes
Correct me if I'm wrong, but
Correct me if I'm wrong, but I don't think it's possible to create rounded corners like these by using jquery.
Kirk
it is the disussion
on which way is best
anyway, http://www.sastgroup.com/?p=1332 here you will get a clear picture to how to do
yes
yes
how would be the page loading
speed and beaty if images used instead of javasript
If your sidebars are of a
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.