Port the original JNode theme to Drupal 5

Project:	JNode Website
Component:	User interface
Category:	task
Priority:	critical
Assigned:	cluster
Status:	closed

Port the theme of the original jnode.org website to the new Drupal 5 based website.
During this activity updates and adjustements to the look and feel of the old theme are possible and probably required.
However the proting should adhere to the spirit of the original look.
Changing the look of jnode.org will be done in the future with strong emphasis on graphical desing and tracked in a separate issue.

#1

Submitted by cluster on Wed, 07/23/2008 - 03:26.

Assigned to:

Anonymous

» cluster

I have the basics of the port complete. As i don't have the exact configuration of the site on my local version, there may be some elements that still need styling. For now, if we enable the option to pick your own style yet leave the 'blue' style as default, we can see how it looks on the site without interrupting the default. There's a couple of changes need to be made from shell access.

- Overwrite themes/newsflash/logo.png with the JNode logo
- Move the attached file to themes/newsflash/css/jnode.css
- Modify themes/newsflash/settings.php adding >> 'jnode' => t('JNode') << to the #options array of the $form['newsflash_style'] array. This will add our jnode theme option to the admin panel.

In order to have the mission statement appear below the header, the code for the mission statement has to be relocated in page.tpl.php. A simple copy/paste from where it is to under the ending div tag for the header works. But, there is another cleaner way, and this is making use of newsflash's top/bottom sections, which operate much like the left/right sidebar. To do it this way disable the mission statement in drupal's theme config and create a block that holds the mission statement adding it to User1. The css covers the styling for both methods, but using the custom block offers a bit more control IMO.

I included the jnode logo along with the css in attachments for convenience.