Modding Templates
Wednesday, August 25th, 2010I have been working with the ArticleMS article directory script. I have installed it on several sites to date. I decided to adapt it for use on my Mixer in a Box site so that I could invite user reports. The script will work well for this application as it is designed as a browser based text input application.
I have a very specific design for the Mixer in a Box site. I use an adaptation of an image of a SAC channel strip as the base image for the header. I have the site name in the label area of the channel strip. I wanted to maintain the look and feel of the site with the user report pages. This required rebuilding the header section of the template.
I started experimenting with moving various elements within the given framework on my test installation and have re-arranged the various elements on all of the installs to more closely resemble the other sections of those sites. The Mixer in a Box site required a rebuild rather than a simple re-arrangement.
The original header is table based and has two rows of two cells. I replaced the first row with a div. I could also replace the second row with another div and I suspect the second table that is used for the main section of the page could also be easily replaced with a div. That would just require a bit more fussing with the controlling css file. This has been a good little exercise and the result seems very good. As I write this the page is not yet linked from the site as I have some pages to complete before I am ready but if you want to check it out you can find it at: Mixer in a Box/SAC User Reports
The script comes with the title in the upper left cell, the quick links in the upper right, a welcome (name) in the lower left and a site search box in the lower right cell. I have juggled these elements in all the locations that I have used the script. Basically, if you think of the quick links, welcome, and search as a triangle I have rotated everything one step counter-clockwise.
For this site I left the quick links and welcome sign in the second row position to which I have moved them on the other pages, but I did not want the site search in the header section. I moved it down to the main section above the content box on the right side. I have also been adding a Google translate widget to my sites that attract international visitors, so I put this on the left above the nav column as I have done on the main site. This gives the page a nice balance.