June 13, 2010 at 11:54 am (Life, Sports, Trinity College)
Yesterday I was there at the Royal College Sports complex to witness the first leg of the 66th Bradby Shield encounter. This is the biggest annual event for all the Trinitians living around the world, that draws most of them to one place to share the glory and the excitement that the game of rugby has created over the years. I got the chance to get in touch with most of my fellow batch(2003) mates, which some of them I was not able to meet since I left the school. I found that some of them have got married and even they have children.
The match was filled with full of excitement from the start till the end. Boys from both schools displayed a fantastic battle keeping the crowd guessing until the last minute to decide who will win this leg and at the end the scores were at 38-37 Royal College wining the first leg. Although we lost the first legs our lions will fight back (as our school’s moto says “RESPICE FEMEN“) at Kandy.
But all that excitement were ruined by the improper judgments given by the referee throughout the match and the crowed was totally disappointed. We felt like that the referee is only penalizing the Trinity lions and almost letting the Royal team to do what they want. At one instance the try was not properly marked it was confirmed as a goal, and in several occasions fouls done by Royal team were almost ignored, etc… Must say that match organizers must look into this seriously and provides a fair, unbiased and experienced referee for the Kandy’s leg on 26th.
June 12, 2010 at 8:49 am (CMS, CSS, FOSS, PHP, Web)
In my previous post I discussed about making use of Zen theme and zenophile module for theming on Drupal. Initially it was sort of a nightmare for me to understand the overall process and the structure, but with a struggle of about a week I managed to get most of the things sorted out. Now it only takes me less than two days to fully convert a site’s design (image) into a cross browser compatible, standard compliant CSS template. All this was made possible as a result of making use of Zen theme as the base theme.
- layout.css: to manage the theme’s structural layout
- html-elements.css: to format the html elements
- sidebar.css: to manage the structural layouts of sidebars and content areas
- menu.css: to apply menu specific style formatting
- sitename.css: to apply overall site specific style formatting
- sitename-fresh.css: to apply special formatting
- print.css: to format the print view
Method to use
In my approach I always starts applying (overriding the existing formatting values) CSS rules with html-elements.css followed by sidebar.css. Once that is finish you’ll notice that what’s remaining will be to apply the section specific CSS rules. For that you can use the layout.css and sitename.css files. Lastly I touch on getting the menu styled using the menu.css. Following the above steps helped me to achieve nearly 99% cross browser compatibility among A grade browsers and with minor fixes for IE 7 and IE 6.
For sites having the navigation hierarchy stretches for more than one level I would recommends to always skip the use of navigation bar region(I’ll talk about what regions are with reference to Zen theme) and can make use of following two methods to get the vertical or hierarchical drop down menus to work perfectly with IE versions as well.
The both approaches make use of the “suckerfish” dropdown implementation. My preference goes to the second method although you have to put an extra effort for it to works fine with IE (can overcome by correctly managing the z-indexs of different levels of the menu and the rest of the content).
Just to have a quick note about what regions means on Drupal with Zen theme (you can find simple yet comprehensive articles written about regions on Drupal.org). If you look at the internal operations of the framework you can categorized them into two layers based on how it handles the content.
- Presentation layer – it handles how the content is shown to the user.
- Generation and transmission layer- it handles how the content gets generated and transmitted among each other.
The Zen theme provides you a set of sections(regions) to position your content on the web page as follows:
navigation bar region
sidebar left region
content top region
content bottom region
sidebar right region