By speaklife1 on

Hi guys, Felton here. I am new to Drapal. It seems to be a very nice script. My question is can you add you own custum Header Graphics to Drupal, if so how would I go about doing so? I isnstalled the script with Fantastico.

⋅ Categories: Drupal 6.x

Comments

Sam308’s picture

Sam308 commented

This is one approach:

You can edit the theme's page.tpl.php file and add your custom header there.

For my case it looked like this:

<div id="page">
<div id="header" class="clear-block">

<!-- Custom Header -->
   <div id="custom-header">
      Enter your custom header code here
   </div>
<!-- --->

The site: http://www.closefocusresearch.com

Sam308

speaklife1’s picture

speaklife1 commented

Hi Sam308, Felton here. Your website looks fantastic! And thank you so much for such a prompt response to my question.

But the thing is I don't have much exsperience working with scripts. Maybe I need to take a course in web design. That way I can be familiar with the language that webmasters are using today.

I have been building my websites the old school way, you know, create a nice header and throw in some copy.

(Enter your custom header code here) Does this mean even though I installed using Fantastico, you are stating that I should go to my Cpanel file manager and locate the page.tpl.php file. And how would I determine what my custom header code would be? Thanks for your patience.

speaklife1

Sam308’s picture

Sam308 commented

Things you should do
(1) First of all you should download a copy of your Drupal installation to your local hard drive as a backup copy using an FTP program. An FTP program is better than the control panel's web browser file manager.

(2) You should also keep backup copies of your Database file too. You can use the optional MySQL Database Backup Utility I wrote for backing up your database file available here: http://drupal.org/node/186848

Custom Header
Your custom header can be anything. For example, it can be an image, a section of HTML code, or Flash object. You will need to create your custom header first before you proceed with adding it to your website.

Adding the Custom Header to a Drupal Site
The default Drupal themes are located under the themes folder.

If you are using downloaded third party themes, then these themes are placed under the \sites\all\themes folder.

In either case, each theme comes with a page.tpl.php file.

All you need to do is insert the custom header code for your theme into this page.tpl.php file.

To determine the correct spot where to place your custom header code into the page.tpl.php file is to first view the source code of a webpage on your site using the theme you chose without any modifications.

By viewing the source code of the webpage, you will find the section of the header, usually identified by a div tag.

Just insert your custom header code into the corresponding place within the page.tpl.php file that matches the section found within the source code of the webpage.

<!-- Custom Header -->
   <div id="custom-header">
      Enter your custom header code here
   </div>
<!-- --->

In my particualr case, the custom header is a section of HTML code placed above the suckerfish menus (drop-down menus) in the page.tpl.php file.

Hope this helps,

Sam

sycorax’s picture

sycorax commented

hey could you tell me how you went about doing the curved edges of the boxes in the first page of your site.

btw Ur site look s great.

Sam308’s picture

Sam308 commented

Thanks,

The design uses HTML tables with with images as the background in the tables.

Both the blocks and content area us an auto-detecting PHP script I wrote to generate the round corner table areas.

Sam308