Ravens PHP Scripts: Forums
 

 

View next topic
View previous topic
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Themes
Author Message
gator81
Worker
Worker


Joined: Jun 09, 2007
Posts: 172

PostPosted: Sun Oct 12, 2008 9:58 pm Reply with quote

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
 
View user's profile Send private message
jakec
Site Admin


Joined: Feb 06, 2006
Posts: 3048
Location: United Kingdom

PostPosted: Mon Oct 13, 2008 12:28 am Reply with quote

Yes it is possible you would need to edit the header.html file in /themes/fisubice/
 
View user's profile Send private message
gator81
PostPosted: Mon Oct 13, 2008 7:20 am Reply with quote

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.
 
fkelly
Former Moderator in Good Standing


Joined: Aug 30, 2005
Posts: 3312
Location: near Albany NY

PostPosted: Mon Oct 13, 2008 7:39 am Reply with quote

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.
 
View user's profile Send private message Visit poster's website
gator81
PostPosted: Mon Oct 13, 2008 8:04 am Reply with quote

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
 
Guardian2003
Site Admin


Joined: Aug 28, 2003
Posts: 6792
Location: Ha Noi, Viet Nam

PostPosted: Mon Oct 13, 2008 2:40 pm Reply with quote

I have moved this post from RWH Other to Themes
 
View user's profile Send private message Send e-mail
gator81
PostPosted: Wed Nov 26, 2008 9:55 pm Reply with quote

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
 
fkelly
PostPosted: Thu Nov 27, 2008 8:05 am Reply with quote

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.
 
gator81
PostPosted: Thu Nov 27, 2008 9:36 am Reply with quote

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
 
Guardian2003
PostPosted: Thu Nov 27, 2008 9:57 am Reply with quote

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
 
gator81
PostPosted: Thu Nov 27, 2008 12:48 pm Reply with quote

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
 
Guardian2003
PostPosted: Thu Nov 27, 2008 1:35 pm Reply with quote

What is the total width of logo, logo2 and logo3?
 
gator81
PostPosted: Thu Nov 27, 2008 3:34 pm Reply with quote

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
 
Guardian2003
PostPosted: Thu Nov 27, 2008 3:43 pm Reply with quote

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.
 
gator81
PostPosted: Thu Nov 27, 2008 5:43 pm Reply with quote

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
 
Display posts from previous:       
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Themes

View next topic
View previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001-2007 phpBB Group
All times are GMT - 6 Hours
 
Forums ©