header question with fusubice

Worker Joined: Jun 09, 2007 Posts: 172

Sorry i dont know where else to ask this as the theme section is locked out.
I just downloaded and installed the latest ver of RN on my pc useing xampp so i can try to figure everything out first before showing my pastor.
I am a trial and error person, and after much trail and error, and so much reading my eyes hurt, i ask for help.
I am trying to change the header for multi logo's (guess that would be best discription)
I was able to replace the logo with a pic that i saved and named logo.gif and copied into the theme dir. This is looking ok, but it is thumbnail size on the left and I want to add another text graphic that would be more to the center, and I am not looking to do banners, and then even another graphic that i could place at the right.
So i guess i am asking how i can change the fusubice theme header to have 3 logo files, 1 left, 1 center, 1 right.
Can this be done? any help would be great.

ty very much

Posted: Mon Oct 13, 2008 12:28 am

Yes it is possible you would need to edit the header.html file in /themes/fisubice/

Posted: Mon Oct 13, 2008 7:20 am

it seems that the header file is setup in a type of table, since the logo is set for 60% of the header and banners are set for 40%

Code:

<tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">$showbanners</td>


  </tr>

I am guessing that in this code would have to be the edits to change to create 3 different areas for input. since the left and right would be small, i would guess a ratio of 20%/60%/20% would work for setting the space value.
I dont know where or how i would add the call for two more logo's?
the first one calls for logo, that is already there, but to add one to call logo2 and logo3.

Please remember I am a "Trial and Error" person, and I am having alot of error Sad

. if you could give an example of what i would need to do it would really help me get further with this.

Posted: Mon Oct 13, 2008 7:39 am

In that line of html that you quoted you have two td's ... one taking 60% and the other 40%. The first one serves as a href also .. a link to ravenphpscripts. I would suggest replacing the two tds with three with the width's that you suggested 20 60 20 and put in links to your images which you will want to store in the fisubice/images directory. Then trial and error away.

Posted: Mon Oct 13, 2008 8:04 am

ok, this is what I did before I came back and seen the post, so far it seems to work, but to make sure i didnt mess anything up for long term please let me know.

Code:

<tr>


        <td width="20%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><img src="themes/fisubice/images/logo.gif"/></td>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><div align="center"><img src="themes/fisubice/images/logo.gif"/></td>


        <td width="20%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><div align="right"><img src="themes/fisubice/images/logo.gif"/></td>


  </tr>

Now i used the same pic for testing so i could see that they would all work and in the area of the header that I wanted them. So later I will change their names to logo2 and logo3.gif and see how they look Smile

Posted: Mon Oct 13, 2008 2:40 pm

I have moved this post from RWH Other to Themes

Posted: Wed Nov 26, 2008 9:55 pm

Ty for moving this to the correct place...but not I have found that I have some other problems so I wanted to draw on the wisdom here to resolve what I have done Smile

just for quick reference, the original fisubice header code is:

Code:

<br /><table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">


   <tr>


      <td align="center" valign="top"></td></tr></table>


      <table width="100%" border="0" cellspacing="0" cellpadding="0">


  <tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">$showbanners</td>


  </tr>


</table>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">


      <tr>


        <td><table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


              <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


              <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


              <td width="165" nowrap="nowrap"><div align="center"><font class="content">


$datetime


                  </font></div></td>


            </tr>


          </table></td>


      </tr>


    </table>


    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


      <tr valign="top">


        <td align="center">$public_msg</td>


</tr></table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


<tr valign="top">


  <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)">

now i probally posted this higher up but wanted to re-cover everything, so i am sorry for repeating myslef ..

this is what i have tried, it will show fine on my computer, but others that have helped me test has had issues with it being to "wide"

Code:

<br /><table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">


   <tr>


      <td align="center" valign="top"></td></tr></table>


      <table width="100%" border="0"<cellspacing="0" cellpadding="0">


  <tr>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><img src="themes/fisubice/images/logo.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="center"><img src="themes/fisubice/images/logo2.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="right"><img src="themes/fisubice/images/logo3.gif"/></td>


  </tr>


</table>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">


      <tr>


        <td><table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


              <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


              <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


              <td width="165" nowrap="nowrap"><div align="center"><font class="content">


$datetime


                  </font></div></td>


            </tr>


          </table></td>


      </tr>


    </table>


    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


      <tr valign="top">


        <td align="center">$public_msg</td>


</tr></table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


<tr valign="top">


  <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)">

now I created a logo2 and3 .gif file, and from testing i removed the "%" and set them to alignment since i thought it would become more dynamic.
Now i cannot say the exact size of the other gif's but I did make them pretty small, and again it works fine in my computer.

Any suggestion on what i should try?

Another thing that I was looking into was the info that I see in header.php in the root. I dont know if this is only for the framework, or if it could also be changed to do what I want without the issues

for a quick view here is the header.php file i am talking about

Code:

<?php


/************************************************************************/


/* PHP-NUKE: Advanced Content Management System                         */


/* ============================================                         */


/*                                                                      */


/* Copyright (c) 2002 by Francisco Burzi                                */


/* http://phpnuke.org                                                   */


/*                                                                      */


/* This program is free software. You can redistribute it and/or modify */


/* it under the terms of the GNU General Public License as published by */


/* the Free Software Foundation; either version 2 of the License.       */


/************************************************************************/


/************************************************************************/


/* Additional code clean-up, performance enhancements, and W3C and      */


/* XHTML compliance fixes by Raven and Montego.                         */


/************************************************************************/


if (stristr(htmlentities($_SERVER['PHP_SELF']) , 'header.php')) {


   Header('Location: index.php');


   die();


}


if (!defined('NUKE_HEADER')) define('NUKE_HEADER', true);


require_once 'mainfile.php';


//GT-NExtGEn 0.4/0.5 by Bill Murrin (Audioslaved) http://gt.audioslaved.com (c) 2004


//Modified by montego from http://montegoscripts.com for TegoNuke(tm) ShortLinks


global $tnsl_bUseShortLinks, $tnsl_bAutoTapBlocks, $tnsl_bAutoTapLinks, $tnsl_bDebugShortLinks, $tnsl_sGTFilePath;


if (defined('TNSL_USE_SHORTLINKS')) {


   $GLOBALS['tnsl_asGTFilePath'] = tnsl_fPageTapStart();


}


/*


 * Include some common header for HTML generation


 */


function head() {


   global $slogan, $sitename, $banners, $nukeurl, $Version_Num, $artpage, $topic, $hlpfile, $user, $hr, $theme, $cookie, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $textcolor1, $textcolor2, $forumpage, $adminpage, $userpage, $pagetitle;


   $ThemeSel = get_theme();


   // Meta tags cannot be used because they are resolved after the headers are sent - Mantis issue 0000925


   // This will allow everything to function as it has been which is acceptable and still allows for future enhancements


   if (file_exists('includes/mimetype.php')) include('includes/mimetype.php');


   elseif (file_exists('../includes/mimetype.php')) include('../includes/mimetype.php');


   else {


      header('Content-Type: ' . _MIME . ';charset=' . _CHARSET);


      header('Vary: Accept');


      /***echo '<?xml version="1.0" encoding="' . _MIME . '"?>';***/


      echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';


      echo '<html xmlns="http://www.w3.org/1999/xhtml" lang="en">', "\n";


      echo '<head>', "\n";


   }


   include_once 'themes/' . $ThemeSel . '/theme.php';


   // Tolerant baseURL Hack - VinDSL (Lenon.com)


   global $name;


   $base_url = $_SERVER['HTTP_HOST'];


   //echo '<base href="http://' . $base_url . '/" />';


   // Tolerant baseURL Hack - VinDSL (Lenon.com)


   //If Dynamic Titles are turned on, use them, otherwise, use default PHP-Nuke page titles


   global $useDynamicTitles;


   if (isset($useDynamicTitles) && $useDynamicTitles && file_exists(INCLUDE_PATH . 'includes/dynamic_titles.php')) {


      include_once INCLUDE_PATH . 'includes/dynamic_titles.php';


   } else {


      echo '<title>', $sitename, ' ', $pagetitle, '</title>', "\n";


   }


   //End of Dynamic Titles changes


   include_once 'includes/meta.php';


   include_once 'includes/javascript.php';


   if (file_exists('themes/' . $ThemeSel . '/images/favicon.ico')) {


      echo '<link rel="shortcut icon" href="themes/', $ThemeSel, '/images/favicon.ico" type="image/x-icon" />', "\n";


   }


   echo '<link rel="StyleSheet" href="themes/ravennuke.css" type="text/css" />', "\n";


   echo '<link rel="StyleSheet" href="themes/', $ThemeSel, '/style/style.css" type="text/css" />', "\n";


   //


   // Support custom CSS on a per-module basis (RN0000391)


   // Module authors need to define RN_MODULE_CSS to name the external style sheet they want to load


   // and we will add a link to their stylesheet file automatically.


   //


   if (defined('RN_MODULE_CSS')) {


      $modCssFile = 'themes/' . $ThemeSel . '/style/' . RN_MODULE_CSS;


      if (file_exists($modCssFile)) {


         echo '<link rel="StyleSheet" href="', $modCssFile, '" type="text/css" />', "\n";


      }


   }


   include_once 'includes/jquery/jquery.php';


   include_once 'includes/tabcontent/tabcontent.php';


   include_once 'includes/ajaxtabs/ajaxtabs.php';


   include_once 'includes/custom_files/nukeSEO/nukePIEhdr.php';


   include_once 'includes/custom_files/nukeSEO/nukeFEEDhdr.php';


   if (file_exists('includes/custom_files/custom_head.php')) {


      include_once 'includes/custom_files/custom_head.php';


   }


   echo "\n\n", '</head>', "\n";


   if (file_exists('includes/custom_files/custom_header.php')) {


      include_once 'includes/custom_files/custom_header.php';


   }


   global $ab_config;


   if ($ab_config['site_switch'] == 1 && isset($_COOKIE['admin']) && is_admin($_COOKIE['admin'])) {


      echo '<center><img src="images/nukesentinel/disabled.png" alt="' . _AB_SITEDISABLED . '" title="' . _AB_SITEDISABLED . '" border="0" /></center><br />';


   }


   if ($ab_config['disable_switch'] == 1 && isset($_COOKIE['admin']) && is_admin($_COOKIE['admin'])) {


      echo '<center><img src="images/nukesentinel/inactive.png" alt="' . _AB_NSDISABLED . '" title="' . _AB_NSDISABLED . '" border="0" /></center><br />';


   }


   if ($ab_config['test_switch'] == 1 && isset($_COOKIE['admin']) && is_admin($_COOKIE['admin'])) {


      echo '<center><img src="images/nukesentinel/testmode.png" alt="' . _AB_TESTMODE . '" title="' . _AB_TESTMODE . '" border="0" /></center><br />';


   }


   themeheader();


}


online();


head();


include_once 'includes/counter.php';


if (defined('HOME_FILE')) {


   message_box();


   blocks('Center');


}


?>

the part of this that I saw was this

if (file_exists('includes/custom_files/custom_header.php')) {
include_once 'includes/custom_files/custom_header.php';

so would it be better to work with something like this, or is this only if you are going to create a custom framwork of the header?

thanks

edit:

while doing some more reading, i wanted to add these questions before calling it a night
since I am trying to change the background and have 3 gif's on the header

would it be better to just change the background on the header, and use the banner program to add the next rest of the graphics instead of having it all called in the header.html file?
can you have more then one banner on the header at a time?

didnt know, so i figured i would add that to the questions real quick.

thanks

Posted: Thu Nov 27, 2008 8:05 am

I can't answer all these questions this morning. I do believe however that you don't want to be messing with a custom_header.php file. While it uses the term "header" what you are seeking to do should go in the fisubice theme's header.html file (possibly with modifications to themeheader function of of theme.php in the fisubice directory. For other themes where the separate html files have been eliminated you'd make changes to the themeheader function only. I've never worked with banners so can't help you with that.

Posted: Thu Nov 27, 2008 9:36 am

when I go into the includes/custom_files folder the only folder i see is nukeSEO so there is not even a custom folder there, i guess it looks to see if one is created and then use it accordingly.
I have tried making the edit with just the "fisubice" header.html" file but it seems to make it to wide...I am still trying to experiment with changes to see what It will do, but i have not had any real luck so far.

things I am looking to try with the header.html file are:

set a size in pixals instead of nothing or a percent
resize the .gif again to different sizes
set the size of the gif in the code line
try to set gifs to load as banners

thanks for all the help
and
Happy Thanksgiving

Posted: Thu Nov 27, 2008 9:57 am

This bit looks wrong to me

Code:




<tr>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><img src="themes/fisubice/images/logo.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="center"><img src="themes/fisubice/images/logo2.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="right"><img src="themes/fisubice/images/logo3.gif"/></td>


  </tr>

You have logo2 and logo3 within a DIV which is fine but is your CSS specifying a width for those DIV's and that is what is causing the problem?
If your CSS is not specifying a width I would strongly recommend you give the logo images a specific width either a fixed width in pixels or dynamic in %. As you need to have those logo images a specific size to play together nicely, giving them a fixed width in pixels would probably be best - the outer table uses a % so will stretch to accommodate the logo images.

This is definitely wrong

Code:




              <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


              <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


              <td width="165" nowrap="nowrap"><div align="center"><font class="content">

You must specify whether those widths are px or % (they should be px looking at it).

I find the 'Developer' plug-in for the Firefox browser extremely useful for diagnosing these problems as you can see all your image sizes, image paths, CSS style etc

Posted: Thu Nov 27, 2008 12:48 pm

this is the original header.html that comes stock with fisubice

Code:

<br /><table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0"><tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">$showbanners</td>


  </tr>





   <tr>


      <td align="center" valign="top"></td></tr></table>


      <table width="100%" border="0" cellspacing="0" cellpadding="0">


  <tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">$showbanners</td>


  </tr>


</table>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">


      <tr>


        <td><table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


              <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


              <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


              <td width="165" nowrap="nowrap"><div align="center"><font class="content">


$datetime


                  </font></div></td>


            </tr>


          </table></td>


      </tr>


    </table>


    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


      <tr valign="top">


        <td align="center">$public_msg</td>


</tr></table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


<tr valign="top">


  <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)">

from this I looked that to add or make changes to the header, would be to make changes with this info

Code:

<tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">$showbanners</td>


  </tr>

since I was looking to put more on the header, i created logo 2 and 3.gifs and duplicated this line

Code:

<td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110">

at first i tried just doing 20/60/20 % for each gif, and it would work, but it made the header to wide....so i took out the % and set justification for the center and right one using this code.

Code:

<td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><img src="themes/fisubice/images/logo.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="center"><img src="themes/fisubice/images/logo2.gif"/></td>


        <td  style=background-image: url(themes/fisubice/images/main_bg.gif)" height="110"><div align="right"><img src="themes/fisubice/images/logo3.gif"/></td>

now i removed the link, the %, and the reference to $showbanners.

Now on my computer it all looked fine, but on others it was still to wide.

I dont know what I would change or add to the stock fisubice css, and would have to do more reading to learn what i would need to do. Other then that I can try to set the width with pixles to see if it would make a difference....I havnt had any luck so far, but i am still trying Smile

the second code in question, is the stock code....i have not changed anything there. Should I?

thanks for the input Smile

Posted: Thu Nov 27, 2008 1:35 pm

What is the total width of logo, logo2 and logo3?

Posted: Thu Nov 27, 2008 3:34 pm

to be honest right now i dont know, i will load them back up in photoshop and give you exact info.
since I can change their size, would there be a max size they can be?

ok, as i look in them in the fisubice\images folder...i mouse over and it tells me:

logo: 72x89
logo2: 641x79
logo3: 288x122

logo: was a pic of the pastor and his wife - left
logo2: was header text "church name" - center
logo3: was address to church - right

thanks

Posted: Thu Nov 27, 2008 3:43 pm

No there isn't a max size as such because the table is set to 100% which means it will stretch to accommodate the images.
BUT, if the total width of the images is more than the screen resolution of the user viewing them then they will scroll off the window.
Say for example you have a typical banner of 468px wide, plus one logo of say, 400px wide. If you have a screen resolution of 800x something then you would have a scroll of about 68px.
If your screen res is over 900, then you wouldn't see any scrolling.

Posted: Thu Nov 27, 2008 5:43 pm

is there a way to make it more dynamic so it will size correctly to the screen your using? or i need to resize for a lower screen resolution and since I have it set for center and right it will work with higher rez without any problems.

so for me to bring it down to 800 i need to shrink what i have down since it totals 1001 right now..

If I change the size of the gif's to be less then 800, then there is no changes that would need to be made in the header.html file. But should I look into setting info in the style sheet also? and would you have a recomendation of how to write that line, or direction of where i could see an example?

thank you again for all this help...that answers alot of questions right there.

Edit:
well i went and reset the total pixels and when i set it to 800 it was still to big, when i made it for a total of 750 then it seem to work fine for someone running 800x600