how do I make my he...
 
Notifications
Clear all

how do I make my header a table of images instead of one image?

9 Posts
3 Users
0 Reactions
2,153 Views
(@harial)
Posts: 12
Active Member
Topic starter
 

ok so I am not entirely sure as to how to convey why I am trying to say but here goes. 

So I need to replace the header image with a table of images that includes a banner rotation code and also a swf menu code.  I have tried adding the code to header.php, header.tpl, and to style.css.  I may just not be putting it in the right place but I am completely at a loss at this point.  here is the code for the table:

<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc=""header_rough.png"" fwbase="header.png" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
  <tr>
  <td><img src=""images/header/spacer.gif"" width="280" height="1" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="10" height="1" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="468" height="1" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="42" height="1" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="1" height="1" border="0" alt=""></td>
  </tr>

  <tr>
  <td rowspan="4"><img name="header_r1_c1" src=""images/header/header_r1_c1.png"" width="280" height="129" border="0" alt=""></td>
  <td colspan="3"><img name="header_r1_c2" src=""images/header/header_r1_c2.png"" width="520" height="18" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="1" height="18" border="0" alt=""></td>
  </tr>
  <tr>
  <td rowspan="2"><img name="header_r2_c2" src=""images/header/header_r2_c2.png"" width="10" height="82" border="0" alt=""></td>
  <td><script type='text/javascript'><!--//<![CDATA[
  var m3_u = (location.protocol=='https:'?' https://www.efics.net/openads-2.4.0/www/delivery/ajs.php':'http://www.efics.net/openads-2.4.0/www/delivery/ajs.php');
  var m3_r = Math.floor(Math.random()*99999999999);
  if (!document.MAX_used) document.MAX_used = ',';
  document.write ("<scr"+"ipt type='text/javascript' src="'"+m3_u);"
  document.write ("?campaignid=0");
  document.write ('&amp;cb=' + m3_r);
  if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
  document.write ("&amp;loc=" + escape(window.location));
  if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
  if (document.context) document.write ("&context=" + escape(document.context));
  if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
  document.write ("'></scr"+"ipt>");
//]]>--></script><noscript><a href="' http://www.efics.net/openads-2.4.0/www/delivery/ck.php?n=a8ce8914&amp;cb=INSERT_RANDOM_NUMBER_HERE' ;" target='_blank'><img src="' http://www.efics.net/openads-2.4.0/www/delivery/avw.php?cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a8ce8914' ;" border='0' alt='' /></a></noscript></td>
  <td rowspan="2"><img name="header_r2_c4" src=""images/header/header_r2_c4.png"" width="42" height="82" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="1" height="60" border="0" alt=""></td>
  </tr>
  <tr>
  <td><img name="header_r3_c3" src=""images/header/header_r3_c3.png"" width="468" height="22" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="1" height="22" border="0" alt=""></td>
  </tr>
  <tr>
  <td background="header/header_r4_c2.png" rowspan="2" colspan="3"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="520" height="50" >
<param name="movie" value="efics_menu.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<embed src=""efics_menu.swf"" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="520" height="50" allowScriptAccess="always" wmode="transparent"></embed></object>
</td>
  <td><img src=""images/header/spacer.gif"" width="1" height="29" border="0" alt=""></td>
  </tr>
  <tr>
  <td><img name="header_r5_c1" src=""images/header/header_r5_c1.png"" width="280" height="21" border="0" alt=""></td>
  <td><img src=""images/header/spacer.gif"" width="1" height="21" border="0" alt=""></td>
  </tr>
</table>

the site is the new efics.net archive that Kira T will be opening but I am the one who is designing the site since I did all her other ones.  I am pretty decent at creating a site from scratch but having to edit complex coding is not really my forte.  Any help is greatly appreciated.

thanks


 
Posted : 19/10/2007 12:11 am
(@tammy)
Posts: 2577
Member Moderator
 

It would go in header.tpl. 

BTW, I fixed your post to put your code in [ code] tags.


 
Posted : 19/10/2007 12:33 am
(@harial)
Posts: 12
Active Member
Topic starter
 

I tried that but the same thing happened where all the images are all over the place.

http://www.efics.net/test/eFiction331/maintenance.php?skin=yaoi

but if you look at just header tpl, it is all in one peice like it is supposed to be.
http://www.efics.net/test/eFiction331/skins/yaoi/header.tpl

😥 help


 
Posted : 19/10/2007 1:07 am
(@tammy)
Posts: 2577
Member Moderator
 

Check your CSS file.  Something is pulling the width of the mainpage out.  It looks like you're trying to edit a pre-existing theme.  I'd suggest you rip everything out of style.css and put it back a piece at a time. 


 
Posted : 19/10/2007 10:02 am
(@harial)
Posts: 12
Active Member
Topic starter
 

I dont know what I am doing wrong but I have been staring at this code for the last two days and I can not figure out what is doing the pulling.  here is the css code.  do you see anything?

/*------------header--------------------------------------------------------*/

a:link {color:#39F; text-decoration: underline;}
a:visited {color:#39F; text-decoration:none;}
a:hover {color:#39F; text-decoration: none;}

body {background:#ffffff url(images/bg.gif); align:center; repeat-y; margin:0; font-family:Verdana,Helvetica,sans-serif; font-size:8pt; color:#9CF; width:800px}

#container {width:800px; margin:0 auto;}

#header {background:transparent url(images/bg.gif); width:800px; center no-repeat; margin-bottom:10px}

#middle {margin:0 10px; width:800px}


/*------------navigation----------------------------------------------------*/

#nav {background-color:#ffffff; width:150px; margin:0 15px 15px 0; padding:4px; float:left; border:1px solid #9CF;}

#nav .label {background-color:#69F; margin:0 0 7px 0; padding-bottom:2px; font-size:110%; color:#000; text-align:center; letter-spacing:2px;}

#nav ul {margin:10px 0 0 13px; padding:0;}
#nav li {margin-bottom:5px; font-size:110%; color:#39F; list-style-type:none;}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {background:url(images/bullet1.gif) 0% 50% no-repeat; width:10px; padding-left:15px;}

#nav #browseby,#skinblock {margin-top:20px;}
#nav #skinblock {text-align:center;}

#nav a:link {color:#39F; text-decoration: underline;}
#nav a:visited {color:#39F; text-decoration: none;}
#nav a:hover {color:#39F; text-decoration: none;}


/*------------main content area---------------------------------------------*/

#main_content {width:565px; float:left;}

#catblock,#infoblock,#onlineblock,#featuredblock,#randomblock {margin-bottom:20px;}

.blocktitle {font-size:110%; font-weight:bold; text-align:center;}
.blockcontent {margin-top:5px;}


/*------------left index----------------------------------------------------*/

#leftindex {width:400px; float:left;}
#leftindex .blocktitle {background-color:#36F; color:#000; line-height:20px; border-bottom:1px solid #9CF;}
#leftindex .blockcontent {margin-top:8px;}

#welcomeblock {margin-bottom:25px; text-align:justify;}
#welcomeblock p {margin:20px 0 0 0; color:#69F; font-style:italic;}

#welcomeblock a:link {color:#9CF; text-decoration: underline;}
#welcomeblock a:visited {color:#9CF; text-decoration:underline;}
#welcomeblock a:hover {color:#39F; text-decoration: none;}

.newsbox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #69F;}
.newsbox .newstitle {background:url(images/bullet2.gif) 0 20% no-repeat; padding-bottom:10px; padding-left:14px; color:#39F; font-weight:bold;}
.newsbox .newsstory {margin-left:15px;}
html>body>#container>#home>#middle>#main_content>#leftindex>#newsblock>.blockcontent>.newsbox .newsstory {margin-left:15px;}
.newsbox .newsauthor {padding-top:10px; text-align:right;}
.commentsig {padding-top:6px; padding-bottom:15px; font-style:italic;}
#newsarchive {font-size:110%; text-align:center;}


/*------------right index---------------------------------------------------*/

#rightindex {width:150px; float:right;}
#rightindex .blocktitle {background-color:#69F; color:#000; line-height:20px;}
#rightindex .blockcontent {color:#69F;}

#infoblock,#onlineblock,#featuredblock,#randomblock,#recentblock {padding:3px; border:1px solid #9CF;}

#infoblock .blockcontent {color:#9CF;}
#infoblock #newestmember {margin-top:15px; text-align:center;}
#infoblock #loggedinas {margin-top:15px; font-style:italic;}
#rightindex .featuredbox,.recentbox {margin-bottom:15px;}

#rightindex a:link {color:#9CF; text-decoration: underline;}
#rightindex a:visited {color:#9CF; text-decoration:none;}
#rightindex a:hover {color:#9CF; text-decoration: none;}


/*------------user page-----------------------------------------------------*/

#tabs div {background-color:#36F; margin-bottom:10px; margin-right:5px; padding:4px 8px; color:#000; float:left; border:1px solid #39F;}

#tabs a:link {color:#9CF; text-decoration: underline;}
#tabs a:visited {color:#9CF; text-decoration:none;}
#tabs a:hover {color:#000; text-decoration: none;}

.commentodd,.commenteven {margin-bottom:10px;}


/*------------story listings------------------------------------------------*/

.listbox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #69F;}
.listbox .title {padding-bottom:10px; font-size:110%; text-align:center;}
.listbox #featured {float:left;}

#titleinfo {margin-bottom:10px; text-align:center;}


/*------------story page----------------------------------------------------*/

#viewstory #output {margin:15px 0;}

#viewstory #output p {margin-bottom:20px;}
#viewstory .storyinfo {text-align:center;}
.jumpmenu {text-align:right;}
.notes {margin:25px 10%; padding:5px; border:1px solid #39F;}
.notes .title {margin-bottom:10px; font-size:110%; color:#39F; font-weight:bold;}
#story {margin-bottom:25px;}
.jumpmenu2 {margin-bottom:5px 0; padding:15px; text-align:center; clear:both;}

#prev {float:left;}
#next {float:right;}


/*------------Miscellaneous CSS---------------------------------------------*/

#pagetitle {background-color:#36F; margin-bottom:15px; font-size:110%; color:#000; font-weight:bold; text-align:center; letter-spacing:2px; line-height:20px; border:1px solid #39F;}
#viewstory #pagetitle {font-size:100%;}

#pagetitle a:link {color:#9CF; text-decoration: underline;}
#pagetitle a:visited {color:#9CF; text-decoration:none;}
#pagetitle a:hover {color:#000; text-decoration: none;}

#alphabet {padding-bottom:15px; font-size:110%; text-align:center;}
#sort,#sortform {margin-bottom:15px; text-align:center;}
#viewuser #sort {padding-top:15px;}
#reviewform {margin-top:20px;}
#reviews .jumpmenu {margin:15px 0;}
#titleinfo {margin-bottom:20px; text-align:center;}

.sectionheader {padding:15px 0 20px 0; font-size:120%; font-weight:bold; color:#69F; text-align:center; letter-spacing:2px;}
.jumpmenu {margin-bottom:15px;}
.label,label {color:#69F; font-weight:bold;}
.respond {margin-bottom:10px; text-align:center;}
.favs,.adminoptions,.tail {margin-top:10px; text-align:center;}

th,td {padding-right:50px;}

input,textarea {background-color:#000; color:#9CF; border:1px solid #39F;}
.button {margin-top:5px; color:#9CF;}
select,option {background-color:#000; color:#9CF;}
select {color:#39F;}


/*------------footer--------------------------------------------------------*/

#footer {margin:0 10px; padding:50px 0 3px 0; color:#39F; text-align:justify; clear:both;}
#footer p {text-align:center;}

#footer a:link {color:#9CF; text-decoration: underline;}
#footer a:visited {color:#9CF; text-decoration:underline;}
#footer a:hover {color:#39F; text-decoration: none;}

 
Posted : 19/10/2007 12:38 pm
(@tammy)
Posts: 2577
Member Moderator
 

I already looked at it.  No I can't see anything off the top of my head.  That's why I suggested you start from scratch on it and put a little back at a time until you find the problem.  If starting from scratch on it doesn't correct the problem in the header you know it's something else.


 
Posted : 19/10/2007 1:21 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

I looked at the code for header.tpl and I did not see anything and I also tried to look at the code for header.php and still nothing.  what am I missing?


 
Posted : 19/10/2007 1:31 pm
(@becca)
Posts: 553
Honorable Member
 

harial, header.php has nothing to do with skinning, that is not what should be edited, it should only be touched by those familiar with PHP and/or you're installing a mod. For skinning you do not need to touch any PHP files other than variables.php if you plan on doing that. Otherwise it is only .tpl files you are dealing with. In this case, you need to look at header.tpl and your style.css meaning your CSS file.


 
Posted : 19/10/2007 5:35 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

I decided that that skin was just not working so I switched to another.

http://www.efics.net/test/eFiction331/index.php?skin=yaoi2

Course it is not nearly done yet, I need to change the bg and txt colors but it looks pretty good so far, I think.


 
Posted : 21/10/2007 5:06 pm
Share: