XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme design questions 
  4.  / Header & Footer Bar
Register
11
gecko
Re: Header & Footer Bar

  • 2004/12/15 4:53

  • gecko

  • Not too shy to talk

  • Posts: 152

  • Since: 2004/10/11


Ok this is wearing real thin

JMR your concept works but throws a border around my logo and the powered by gif in the footer.

Neither of these things do i want.
I just want a 1px border around the thin header bar annd the bottom footer bar.

I have tried every combination and it hasn't helped have my internet connection deciding to be crap for the day.

surely this is such a simple thing to do, why is it seeming to be so hard?....just one little border to match the rest of the site.

i'll listen to any ideas

cheers
Gecko
12
JMorris
Re: Header & Footer Bar

  • 2004/12/15 6:06

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Geesh, relax.

>Open the theme.html file for your theme
>Find the following code at the top of the page:
<td id="headerbar" colspan="2">

>Replace with the following code:
<td id="headerbar" colspan="2" style="border:1px solid #9F9F9F;">

>Now find the following code at the bottom of the page:
<table cellspacing="0">
    <tr id="footerbar">

>Replace with the following code:
<table cellspacing="0" style="border:1px solid #9F9F9F;">
    <tr id="footerbar">

>FTP into your server root and navigate to the /templates_c directory
>Delete everything in the /templates_c directory except index.html
>Refresh your homepage... Tada!

Took five minutes using basic html and inline styles. Quick, dirty, but effective.

Enjoy!
13
JasonMR
Re: Header & Footer Bar

  • 2004/12/15 6:08

  • JasonMR

  • Just can't stay away

  • Posts: 655

  • Since: 2004/6/21


Your first description was open for both interpretations...
tr#headerbar {border: 1px}
tr#footerbar {border: 1px}
14
JMorris
Re: Header & Footer Bar

  • 2004/12/15 6:15

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


May I suggest some light reading on inline styles? They really come in handy when you want to change only one part of your theme without effecting global elements.

W3Schools - HTML Styles

In-Line CSS Example by Brian Wilson

Hope this helps.
15
gecko
Re: Header & Footer Bar

  • 2004/12/15 9:05

  • gecko

  • Not too shy to talk

  • Posts: 152

  • Since: 2004/10/11


Thanks you two,

I really appreciate the help..... yes Jmorris i'm up for some light reading thats my mission for the next week.

rough and ready but it works . sweet.

cheers
gecko

PS. pop round for a beer some time.
16
JasonMR
Re: Header & Footer Bar

  • 2004/12/15 9:51

  • JasonMR

  • Just can't stay away

  • Posts: 655

  • Since: 2004/6/21


Well, I've brought you now this far, I might as well take you the whole way...

Change what I provided you with (was hopeing you would discover this), and change it with
tr#headerbar {border-bottom: 1px; border-top: 1px;}
tr#footerbar {border-bottom: 1px; border-top: 1px;}


Now look for...
td#leftcolumn div.blockContent {
    padding: 10px;
    line-height: 120%;
    line-height: 120%;
    background-color: white;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
}


...and add this line...
margin-bottom: 10px;

...so that you have this...
td#leftcolumn div.blockContent {
        margin-bottom: 10px;
    padding: 10px;
    line-height: 120%;
    line-height: 120%;
    background-color: white;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
}




Any thing else I can help you with?
17
gecko
Re: Header & Footer Bar

  • 2004/12/15 21:09

  • gecko

  • Not too shy to talk

  • Posts: 152

  • Since: 2004/10/11


Hi JMR cheers for the margin-bottom works sweet!

I couldn't get the CSS
tr#headerbar {border-bottom: 1px; border-top: 1px;}
tr#footerbar {border-bottom: 1px; border-top: 1px;}
to work, have done it in the theme html for the mean time. But this is really bugging me. I just can't get my head around it, why does the header pull from xoops.css when everything else mainly works on the theme/style.CSS? it should be dead easy or am i just missing the point?.

Any thing else I can help you with?

well if you have the time.....my main menu looks sweet in IE but the line beneath each link gets slighly weird in Firefox (It shows under home but not in between contact us and web links). I would like to fix it as i would assume Firefox is closer to true w3c standards.

cheers for all your help, i will be in Sydney when U2 play, I'll by you a very large beer if you want
18
JasonMR
Re: Header & Footer Bar

  • 2004/12/15 22:19

  • JasonMR

  • Just can't stay away

  • Posts: 655

  • Since: 2004/6/21


Sorry, haven't got the time, but I will provide you with pointers.

1) I made a mistake: change tr->td
2) for menu: look at wich classes are assigned to the links, and play around with margin/padding

Quote:

why does the header pull from xoops.css when everything else mainly works on the theme/style.CSS?

don't know what you mean....

Quote:

i will be in Sydney when U2 play, I'll by you a very large beer if you want

..thanks for the offer , but I don't drink, I'm a smoker
« 1 (2)

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

236 user(s) are online (145 user(s) are browsing Support Forums)

Members: 0

Guests: 236

more...

Donat-O-Meter

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

Latest GitHub Commits