31
THCowboy
onLoad="getTime()" in body tag doesn't work
  • 2006/7/12 19:31

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Hi there!

I am trying to add some javascript to this page
http://www.tablehockeyheaven.com/king_of_table_hockey/

I added the script to the head tag of my theme.html and then added onLoad="getTime()" to the body tag of theme.html

If you go to the page above you will see the gif's trying to load over and over again.

Can anybody see why that is? should this script work with xoops?

Thanks



32
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 19:15

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Okay now I see where I went wrong....

I deleted some of the code in theme.html

what should have read this

<table class="toptable" cellspacing="0">
    <
tr id="header">
      <
td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>logo.jpg" width="980" height="150" alt="" /></a></td>
      <
td id="headerbanner"><{$xoops_banner}></td>


I somehow ended up with

<table cellspacing="0">
    <
tr
      
<td><img src="logo.jpg" width="980" height="150" alt="" /></a></td>
      <
td id="headerbanner"><{$xoops_banner}></td>


Well Lance, thank you very very much

I am thrilled to finally have this resolved.

You can see the results at www.swapol.net
some of the images etc haven't been added but
it is starting to take shape.

Again I really appreciate your help.

Warren



33
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 18:34

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Ok I took out the colpan="2" below... didn't fix it.

<td id="headerbar" colspan="2">&nbsp;</td>

h

hmmmmm



34
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 17:47

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Thanks Lance... looking good now but for some reason I get two cells in my Header.

My theme html code seems to be right

<body>
  <
table cellspacing="0">
    <
tr>
      <
td><img src="themes/default/logo.jpg" width="980" height="150" /></td>
    </
tr>
    <
tr>
      <
td id="headerbar" colspan="2">&nbsp;</td>
    </
tr>
  </
table>



could it be in my style.css?

body {colorblackbackgroundwhitemargin0padding0;}

table.toptable table.maintable table.footertable{width980px;margin-left

auto;margin-rightauto;table}

table {width100%; margin5padding5font-sizesmall}

table td {padding0border-width0vertical-aligntopfont-familyVerdanaArial

Helveticasans-serif;}

{color#666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color#ff6600;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul margin2pxpadding2px; list-styledecimal insidetext-alignleft;}
li margin-left2px; list-stylesquare insidecolor#2F5376}

input.formButton {}

.
item {border1px solid #cccccc;}
.itemHead {padding3pxbackground-color#2F5376; color: #FFFFFF;}
.itemInfo {text-alignrightpadding3pxbackground-color#efefef}
.itemTitle a {font-size130%; font-weightboldfont-variantsmall-capscolor#ffffff; 

background-colortransparent;}
.
itemPoster {font-size90%; font-style:italic;}
.
itemPostDate {font-size90%; font-style:italic;}
.
itemStats {font-size90%; font-style:italic;}
.
itemBody {padding-left5px;}
.
itemText {margin-top5pxmargin-bottom5pxline-height1.5em;}
.
itemText:first-letter {font-size133%; font-weightbold;}
.
itemFoot {text-alignrightpadding3pxbackground-color#efefef}
.itemAdminLink {font-size90%;}
.
itemPermaLink {font-size90%;}

th {background-color#2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; 

font-familyVerdanaArialHelveticasans-serif;}

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; 

text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;}
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; 

font-weightbold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}


td#centercolumn {font-size: 12px;}

td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; 

margin-top0pxmargin-right0px;  margin-left0px;}
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid 

#cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 

0pxmargin-bottom2pxline-height120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; 

margin-top0px;}
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid 

#cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 

2pxmargin-bottom2pxline-height120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; 

margin-top0px;}
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid 

#cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 

3pxmargin-bottom2pxline-height120%;}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; 

font-weightbold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

tr#footerbar {text-align:center; background-image: url(hbar.gif);}

td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px 

solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 

1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 

1px solid #666666; border-left: 1px solid silver;}

td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; 

border-right1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid 

silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border1px solid silver;}
.
head {background-color#c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color#dee3e7; padding: 5px;}
.odd {background-color#E9E9E9; padding: 5px;}
.foot {background-color#c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color#dee3e7; padding: 5px;}
tr.odd td {background-color#E9E9E9; padding: 5px;}

div.errorMsg background-color#FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; 

border-left1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid 

#AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg background-color#DDFFDF; color: #136C99; text-align: center; border-top: 

1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; 

border-bottom1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg background-color #CCCCCC; color: #333333; text-align: center; border-top: 

1px solid silverborder-left1px solid silverfont-weightboldborder-right1px solid 

#666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode background#FFFFFF; border: 1px inset #000080; font-family: "Courier 

New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "
Courier 

New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; 

background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; 

font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}



Thanks, Warren

P.S Thanks kamax for your input too



35
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 4:21

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Okay tried it... worked well except for links in the menu are now too short.

This is my new style.css code

body {colorblackbackgroundwhitemargin0padding0;}

table.toptable table.maintable table.footertable{width800px;margin-left

auto;margin-rightauto;}

table td {padding0border-width0vertical-aligntopfont-familyVerdanaArial

Helveticasans-serif;}


the old code was this

body {colorblackbackgroundwhitemargin0padding0;}


table {width800pxmargin5padding5font-sizesmall}
table td {padding0border-width0vertical-aligntopfont-familyVerdanaArial

Helveticasans-serif;}



36
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 4:02

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Thanks Lance... but is this going to make it 90% of the screen's width?

I want the theme to actually be a static width so when somebody looked at it on a 19 inch monitor it might look similar to my 14inch laptop monitor.

But I guess even if it was 800px on my page ... if a 19 monitor was set to 800px wide then it would just stretch my theme out over 19 inches?... but at least the scale would stay the same on all monitors if I had it at 800px?

Thanks, Warren



37
THCowboy
Re: Making default theme static width
  • 2006/3/13 3:14

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


I found somebody else with the same question here
https://xoops.org/modules/newbb/viewtopic.php?viewmode=flat&topic_id=46649&forum=5

I tried the solution offered but had problems.

Feel free to close this thread as I will now be
posting on the thread above.

Thanks, Warren



38
THCowboy
Re: How do I make default template fixed width?
  • 2006/3/13 3:11

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


Quote:

msdana wrote:
In the stylesheet of your theme, find the table style and change the width from percent to pixel. For example: table width 100%, change to 800px.

Hope that helps!
Dana


I tried that and here is my results
http://swapol.net/
Why are the links on my menu 800px?

Thanks, Warren



39
THCowboy
Making default theme static width
  • 2006/3/13 0:56

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


I have looked and looked for the answer but can't seem to find out how to make the default them for XOOPS 2.0.13.2 a non changing width. I want to know how to make the width of the template 1024 pixels wide. I have tried to do it in style.css but it seems to throw other parts of the table off. For example the main menu items now are as wide as the header.

Any help would be appreciated.

Cheers, Warren



40
THCowboy
Re: newbb2 "sponsor images" not showing.
  • 2005/11/3 20:50

  • THCowboy

  • Just popping in

  • Posts: 84

  • Since: 2005/6/28


I am having the exact same issue... not sure of the solution. Anybody know?

Thanks, Warren




TopTop
« 1 2 3 (4) 5 6 7 ... 9 »



Login

Who's Online

139 user(s) are online (92 user(s) are browsing Support Forums)


Members: 0


Guests: 139


more...

Donat-O-Meter

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

Latest GitHub Commits