• strict warning: Non-static method view::load() should not be called statically in /home1/eangkasa/public_html/sites/all/modules/views/views.module on line 879.
  • strict warning: Declaration of views_handler_argument::init() should be compatible with views_handler::init(&$view, $options) in /home1/eangkasa/public_html/sites/all/modules/views/handlers/views_handler_argument.inc on line 745.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /home1/eangkasa/public_html/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_handler_filter::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /home1/eangkasa/public_html/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_handler_filter_node_status::operator_form() should be compatible with views_handler_filter::operator_form(&$form, &$form_state) in /home1/eangkasa/public_html/sites/all/modules/views/modules/node/views_handler_filter_node_status.inc on line 14.
  • strict warning: Non-static method view::load() should not be called statically in /home1/eangkasa/public_html/sites/all/modules/views/views.module on line 879.
  • warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home1/eangkasa/public_html/sites/all/modules/counter/counter.module on line 136.
  • warning: strtotime(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home1/eangkasa/public_html/sites/all/modules/counter/counter.module on line 159.
  • warning: strtotime(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home1/eangkasa/public_html/sites/all/modules/counter/counter.module on line 159.
  • strict warning: Non-static method view::load() should not be called statically in /home1/eangkasa/public_html/sites/all/modules/views/views.module on line 879.
  • strict warning: Declaration of views_handler_field_comment::init() should be compatible with views_handler_field::init(&$view, $options) in /home1/eangkasa/public_html/sites/all/modules/views/modules/comment/views_handler_field_comment.inc on line 50.
  • strict warning: Declaration of views_handler_field_comment_username::init() should be compatible with views_handler_field::init(&$view, $options) in /home1/eangkasa/public_html/sites/all/modules/views/modules/comment/views_handler_field_comment_username.inc on line 48.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /home1/eangkasa/public_html/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.
  • strict warning: Declaration of views_plugin_row::options_submit() should be compatible with views_plugin::options_submit(&$form, &$form_state) in /home1/eangkasa/public_html/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.
  • strict warning: Non-static method view::load() should not be called statically in /home1/eangkasa/public_html/sites/all/modules/views/views.module on line 879.
  • strict warning: Non-static method view::load() should not be called statically in /home1/eangkasa/public_html/sites/all/modules/views/views.module on line 879.

Effective rounded corners using CSS

Rounded corners theme and buttons are essentially important for today's era, a Web 2.0. For a while, i have been researching the most effective way to achieve rounded corners, a few techniques are using 4 rounded tiny images to cover each corner. Meanwhile, there are other methods purely by CSS account, after a few tight selections my choice would befall on the Spiffy Box. I have used it myself on several websites, it turned out well and cross browsers compatible in IE, Firefox, Chrome, Safari, and Opera.

On the Spiffy Box site, there are 4 step by step approaches explained by the following:

1. Choose your preferred width, height, corner radius, foreground and background color, etcetra.
2. The site will automatically generate the image and what you have to do is save the picture.
3. Copy and paste the css modification below to your external .css file.

  1. /* set the image to use and establish the lower-right position */
  2. .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
  3. background: transparent url(yourimage.png) no-repeat bottom right}
  4.  
  5. .cssbox{
  6. /* intended total box width - padding-right(next) */
  7. width:335px !important; /* IE Win = width - padding */
  8. width: 320px;
  9. /* the gap on the right edge of the image (not content padding) */
  10. padding-right:15px; /* use to position the box */
  11. margin:20px auto}
  12.  
  13. /* set the top-right image */
  14. .cssbox_head{
  15. background-position:top right;
  16. /* pull the right image over on top of border */
  17. margin-right:-15px;
  18. /* right-image-gap + right-inside padding */
  19. padding-right:40px}
  20.  
  21. /* set the top-left image */
  22. .cssbox_head h2{
  23. background-position:top left;
  24. margin:0; /* reset main site styles*/
  25. border:0; /* ditto */
  26. /* padding-left = image gap + interior padding ... no padding-right */
  27. padding:25px 0 15px 40px;
  28. height:auto !important;
  29. height:1%} /* IE Holly Hack */
  30.  
  31. /* set the lower-left corner image */
  32. .cssbox_body{
  33. background-position:bottom left;
  34. margin-right:25px; /* interior-padding right */
  35. padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

4. Copy and paste the html code below to your .html / .php / .asp / .jsp file.

  1. <div class="cssbox">
  2. <div class="cssbox_head">
  3. <h2>This is a header</h2>
  4. </div>
  5. <div class="cssbox_body">
  6. <p>This is for your content.</p>
  7. </div>
  8. </div>