1
CarrieD
Header Graphic
  • 2006/2/16 6:59

  • CarrieD

  • Just popping in

  • Posts: 50

  • Since: 2006/1/19


Hello

I need some help with displaying a graphic from left to right across the top (head) of my site. The template I am using has an image on left of the screen and another on the right with a gap in the middle. I would like to do away with this and have one continuous image from left to right. Any instruction/direction would be gratefully appreciated.

Thanks
Carrie

2
mickbriz
Re: Header Graphic
  • 2006/2/16 12:01

  • mickbriz

  • Not too shy to talk

  • Posts: 114

  • Since: 2005/3/26


You will need to change your theme.html. What theme are you using?
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers

test = new Date()
month = test.getMonth()
month = (month * 1) + 1
day = test.getDate()
year = test.getFullYear()
document.write(" ",month,"/",day,"/",year," ")

// e...

3
bluenova
Re: Header Graphic

Post the code of your theme.html and rap it in the
?>
tags.

We'll tell you what u need to change.

4
CarrieD
Re: Header Graphic
  • 2006/2/17 2:08

  • CarrieD

  • Just popping in

  • Posts: 50

  • Since: 2006/1/19


Thank you so much!

The theme name is imago06

<{$xoops_module_header}>
IMAGO:THEMES     
<{if $xoops_lblocks}> <{/if}> <{if $xoops_lblocks}> <{/if}> <{if $xoops_lblocks}><{/if}>
<{foreach 
item=block from=$xoops_lblocks}> <{include file="imago06/theme_blockleft.html"}> <{/foreach}>
        
<{
$xoops_sitename}>-<{$xoops_pagetitle}>         
±¾Õ¾Ê×Ò³     ÎÊÌâÖÐÐÄ     ÁªÂçÎÒÃÇ
<{if $xoops_showrblock == 1}><{/if}>
<{if 
$xoops_showcblock == 1}>
<{foreach 
item=block from=$xoops_clblocks}> <{include file="imago06/theme_blockcenter_l.html"}> <{/foreach}>     <{foreach item=block from=$xoops_crblocks}> <{include file="imago06/theme_blockcenter_r.html"}> <{/foreach}>
<{foreach 
item=block from=$xoops_ccblocks}> <{include file="imago06/theme_blockcenter_c.html"}> <{/foreach}>
<{/if}>
<{
$xoops_contents}>
    
<{foreach 
item=block from=$xoops_rblocks}> <{include file="imago06/theme_blockright.html"}> <{/foreach}>

5
mickbriz
Re: Header Graphic
  • 2006/2/17 3:04

  • mickbriz

  • Not too shy to talk

  • Posts: 114

  • Since: 2005/3/26


You need to open theme.html with notepad
Find this part of the code, it is about 30 lines from the top.

<body>
<
table class="head_table" cellpadding="0" cellspacing="0">
  <
tr
    <
td class="head_logo"><a href="<{$xoops_url}>/"><img name="logo" src="<{$xoops_imageurl}>images/logo.gif" width="222" height="79" border="0" alt="IMAGO:THEMES"></a></td>
    <
td><div align="right"><img name="head_r1_c5" src="<{$xoops_imageurl}>images/head_left.gif" width="364" height="79" border="0" alt=""></div></td>
  </
tr>


Change the code to this, note my image is called swimmers.gif, you need to rename this to your own image name and put your image into the imago06 folder, you will also need to change the height to suit your image as you can see in the code mine is "120".

<body>
  <
table border="0" width="100%">
  <
tr>
    <
td width="100%"><img border="0" src="<{$xoops_imageurl}>swimmers.gif" width="100%" height="120"></td>
  </
tr>


Here is how my imago06 theme looks with my header.
http://friends.clan-hosts.co.uk/cossacks/

Let us know if you get stuck.
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers

test = new Date()
month = test.getMonth()
month = (month * 1) + 1
day = test.getDate()
year = test.getFullYear()
document.write(" ",month,"/",day,"/",year," ")

// e...

6
CarrieD
Re: Header Graphic
  • 2006/2/24 6:04

  • CarrieD

  • Just popping in

  • Posts: 50

  • Since: 2006/1/19


Thanks for the code. However, I have tried these steps a number of times with no change being reflected in the main page. Is there something else I must change in this or another file?

Basically I am taking a copy of the theme.html file on the sever, opening locally with notepad, copy/paste the code you provided and instructions, then uploading and replacing the original theme.html file with the new amended version.

Regards
Carrie

7
CarrieD
Re: Header Graphic
  • 2006/2/27 0:35

  • CarrieD

  • Just popping in

  • Posts: 50

  • Since: 2006/1/19


</head>
<
body>
  <
table border="0" width="100%">
  <
tr>
    <
td width="100%"><img border="0" src="<{$xoops_imageurl}>landscape.JPG" width="100%" height="120"></td>
  </
tr>


This is my code ... can anyone tell me where I am going wrong? Thanks in anticipation.

Carrie

8
mickbriz
Re: Header Graphic
  • 2006/2/27 16:49

  • mickbriz

  • Not too shy to talk

  • Posts: 114

  • Since: 2005/3/26


This is how your code should look

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<
head>
<
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<
meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<
meta name="robots" content="<{$xoops_meta_robots}>" />
<
meta name="keywords" content="<{$xoops_meta_keywords}>" />
<
meta name="description" content="<{$xoops_meta_description}>" />
<
meta name="rating" content="<{$xoops_meta_rating}>" />
<
meta name="author" content="<{$xoops_meta_author}>" />
<
meta name="copyright" content="<{$xoops_meta_copyright}>" />
<
meta name="generator" content="XOOPS" />
<
title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<
link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- 
RMVadded module header -->
<{
$xoops_module_header}>
<
script type="text/javascript">
<!--
<{
$xoops_js}>
//-->
</script>


</
head>
<
body>
  <
table border="0" width="100%">
  <
tr>
    <
td width="100%"><img border="0" src="<{$xoops_imageurl}>landscape.JPG" width="100%" height="120"></td>
  </
tr>
  <
tr
    <
td colspan="2" class="head_bar"></td>
  </
tr>
</
table>
<
table width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr> <{if $xoops_lblocks}> 
    <
td rowspan="2" valign="top" id="leftcolumn"
      <!-- 
Start left blocks loop -->
      <
table border="0" cellspacing="0" cellpadding="0">
        <
tr>
          <
td id="leftcolumn"> <{foreach item=block from=$xoops_lblocks}> <{include file="imago06/theme_blockleft.html"}> 
            <{/foreach}></
td>
        </
tr>
      </
table>
      <!-- 
End left blocks loop -->
    </
td>
    <{/if}>
    <{if 
$xoops_lblocks}> 
    <
td class="left_pict"> <img src="<{$xoops_imageurl}>images/left_pict.gif" /></td><{/if}>
    <
td rowspan="2" valign="top">
<
table width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr>
          <
td>
<
table width="100%" border="0" cellspacing="0" cellpadding="0">
              <
tr>
                <
td valign="top" class="r_l"><a href="<{$xoops_url}>/"><{$xoops_sitename}></a>-<{$xoops_pagetitle}></td>
                <
td valign="top" class="r_c"></td>
                <
td valign="top" class="right_menu">
<
table border="0" cellpadding="0" cellspacing="0" width="229">
                      <
tr>
                       
                      <
td><a href="<{$xoops_url}>/"><img name="home" src="<{$xoops_imageurl}>images/home.gif" width="70" height="29" border="0" alt="±¾Õ¾Ê×Ò³"></a></td>
                       
                      <
td><a href="<{$xoops_url}>/modules/xoopsfaq/"><img name="help" src="<{$xoops_imageurl}>images/help.gif" width="69" height="29" border="0" alt="ÎÊÌâÖÐÐÄ"></a></td>
                       
                      <
td><a href="<{$xoops_url}>/modules/contact/"><img name="contact" src="<{$xoops_imageurl}>images/contact.gif" width="90" height="29" border="0" alt="ÁªÂçÎÒÃÇ"></a></td>
                      </
tr>
                    </
table>
                </
td>
              </
tr>
            </
table></td>
  </
tr>
  <
tr>
    <
td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <
tr>
                <
td valign="top" id="centerCcolumn"
                  <!-- 
Display center blocks if any -->
                  <{if 
$xoops_showcblock == 1}> 
                  <
table cellspacing="0">
         <
tr>
            
                      <
td valign="top" id="centerLcolumn"
                        <!-- 
Start center-left blocks loop -->
                        <{foreach 
item=block from=$xoops_clblocks}> <{include 
                        
file="imago06/theme_blockcenter_l.html"}> <{/foreach}> 
                        <!-- 
End center-left blocks loop -->
                      </
td>
                      <
td valign="top" id="centerRcolumn"
                        <!-- 
Start center-right blocks loop -->
                        <{foreach 
item=block from=$xoops_crblocks}> <{include 
                        
file="imago06/theme_blockcenter_r.html"}> <{/foreach}> 
                        <!-- 
End center-right blocks loop -->
                      </
td>
          </
tr>
          <
tr valign="top"
                      <
td colspan="2" id="centerCcolumn"
                        <!-- 
Start center-center blocks loop -->
                        <{foreach 
item=block from=$xoops_ccblocks}> <{include 
                        
file="imago06/theme_blockcenter_c.html"}> <{/foreach}>
                        <!-- 
End center-center blocks loop -->
                      </
td>
          </
tr>
        </
table>
<{/if}> 
                  <!-- 
End display center blocks -->
                  <
div id="content">
                  <{
$xoops_contents}></div> </td>
                <{if 
$xoops_showrblock == 1}><td valign="top" id="rightcolumn"><!-- Start right blocks loop -->
                                   <
table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <
tr
                      <
td><{foreach item=block from=$xoops_rblocks}> <{include 
                        
file="imago06/theme_blockright.html"}> <{/foreach}> </td>
                    </
tr>
                  </
table>
                  <!-- 
End right blocks loop -->
</
td><{/if}>
              </
tr>
            </
table></td>
  </
tr>
</
table>

</
td>
  </
tr>
  <
tr>
    <{if 
$xoops_lblocks}><td class="left_logo"><img src="<{$xoops_imageurl}>images/left_logo.gif" /></td><{/if}>
  </
tr>
</
table>
<
table width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr id="footerline">
    <
td></td>
  </
tr>
  <
tr id="footerbar">
    <
td><div align="center">Powered by XOOPS 2.0.3 &copy2003 IMAGO:THEMES Theme 
        Design by IMAGO DESIGN CORP
. </div></td>
  </
tr>
</
table>
</
body>
</
html>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers

test = new Date()
month = test.getMonth()
month = (month * 1) + 1
day = test.getDate()
year = test.getFullYear()
document.write(" ",month,"/",day,"/",year," ")

// e...

9
CarrieD
Re: Header Graphic
  • 2006/2/27 23:36

  • CarrieD

  • Just popping in

  • Posts: 50

  • Since: 2006/1/19


Thanks Mickbriz

I have copied the code using copy and paste into my theme.html. The uploaded to server via ftp. Overwrite old theme.html and still the page looks the same in my browser. It is the process of uploading? it is almost as if the orignial theme.html will not update.

CarrieD

10
mickbriz
Re: Header Graphic
  • 2006/2/28 0:53

  • mickbriz

  • Not too shy to talk

  • Posts: 114

  • Since: 2005/3/26


If you have done that then it must have changed.Your browser must be showing you the unchanged theme.

I have two ideas

1)Go into your templates_c folder and clear the the files, this will remove references to the unchanged theme.

2) Refresh your browser or view your page in another browser, i.e if you are using Internet Explorer, view your page with Firefox.

Then

3) Shout "Yippe!" you've done it.
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers

test = new Date()
month = test.getMonth()
month = (month * 1) + 1
day = test.getDate()
year = test.getFullYear()
document.write(" ",month,"/",day,"/",year," ")

// e...

Login

Who's Online

209 user(s) are online (151 user(s) are browsing Support Forums)


Members: 0


Guests: 209


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits