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.  / background image on body tag
Register
1
hlint
background image on body tag

  • 2004/8/16 10:36

  • hlint

  • Friend of XOOPS

  • Posts: 25

  • Since: 2004/2/6 7


Tried adding a background image to the theme.html and tried to put it in the stylesheet. no success.
Is this the right place for this or should I do this somewhere else?

stylesheet:
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #1D1D1D; 
font-size: 11px;
background-image: url(../image.jpg);
}


greetings Erik

It just happend!
Got it. How actually is a bit vague, thought I tried it before...
But for anybody interested:
theme.html
<body background="<{$xoops_imageurl}>images/logos/IMG_0856.jpg" bgcolor="#96DDBE" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" rightmargin="10">
2
philou
Re: background image on body tag

  • 2004/8/16 12:11

  • philou

  • Quite a regular

  • Posts: 384

  • Since: 2002/5/6 8


you can also do this only in the css sheet...
body {
    background : url(fond.jpg) no-repeat fixed center center;
    color: #000066;
    font-weight: normal;
    font-size: 12px;
    font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

for example....
3
Cavan
Re: background image on body tag

  • 2005/1/21 9:15

  • Cavan

  • Friend of XOOPS

  • Posts: 218

  • Since: 2004/11/28


I've tried adding this to my theme.html:

<body background="<{$xoops_imageurl}>images/cavanbig.gif" bgcolor="ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" rightmargin="0">


...and this to my style.css:
body {
    background : url(cavanbig.gif) no-repeat fixed center center;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}


Neither of these work...any help on this?
4
carnuke
Re: background image on body tag

  • 2005/1/21 9:20

  • carnuke

  • Home away from home

  • Posts: 1955

  • Since: 2003/11/5


Jeff, take a look at http://route286.com

This site should make it clear how its done. Let me know if you need help 'interrogating the page'

Richard
5
Cavan
Re: background image on body tag

  • 2005/1/21 9:22

  • Cavan

  • Friend of XOOPS

  • Posts: 218

  • Since: 2004/11/28


I'm unable to view the site...maybe I don't have the right language pack installed on my pc?
6
carnuke
Re: background image on body tag

  • 2005/1/21 9:26

  • carnuke

  • Home away from home

  • Posts: 1955

  • Since: 2003/11/5


yes, its asian language ? I simply deny the language download (in ie6) and it loads anyway. try http://route286.com/xoops/
7
Cavan
Re: background image on body tag

  • 2005/1/21 9:29

  • Cavan

  • Friend of XOOPS

  • Posts: 218

  • Since: 2004/11/28


Yes, the site actually loads but very little text displays at all, only the bits of English that are smattered throughout.

The second link didn't load at all ("cannot find server")...
8
Cavan
Re: background image on body tag

  • 2005/1/21 9:31

  • Cavan

  • Friend of XOOPS

  • Posts: 218

  • Since: 2004/11/28


Tried it a 2nd time and it loaded but it appears to be the same pages I looked through earlier...I'm not sure where to look for the answer I need...I even tried the search button on the left of the page but nothing showed up using the term "background".
9
carnuke
Re: background image on body tag

  • 2005/1/21 9:38

  • carnuke

  • Home away from home

  • Posts: 1955

  • Since: 2003/11/5


Sorry, If I mislead you. The page itself is an example of how to use a BG image. if you look at the top LHS, you will see a BG image that loads in every page, it's part of the theme construction.

If you study the way this is constructed, you'll see the method.
10
Cavan
Re: background image on body tag

  • 2005/1/21 9:52

  • Cavan

  • Friend of XOOPS

  • Posts: 218

  • Since: 2004/11/28


My mistake...I misunderstood you. I looked at (view source) the page but can't see what they're doing here to get the background image to show...maybe I'm just too tired and need to get to bed (its 5am here).

Either way, I can't belive I'm having such difficulty with putting a backround image onto a website---I'd like to change the main image that you've already seen on the site's home page and drop a "ghosted" background image to display on all pages but I'm not getting anywhere with this. Maybe it's a problem with my theme, I'm not sure. Any thoughts?

(I'll check back on this later...I'm off to sleep, thank you for helping )
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

203 user(s) are online (81 user(s) are browsing Support Forums)

Members: 0

Guests: 203

more...

Donat-O-Meter

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

Latest GitHub Commits