1
Cuidiu
Different background color
  • 2006/10/15 18:04

  • Cuidiu

  • Quite a regular

  • Posts: 358

  • Since: 2006/4/23


I really hope someone can help. I am using a header background image on the body tag (in the CSS) that repeats across the page. I was using this as a fix for another issue. It fixed the issue but now every XOOPS generated popup shows the background image and it really doesn't look good. Is there any way to specify NOT to use the same CSS for the popups or specify a different background image on the body tag of popups? I can't seem to find the file that controls the popups generated by XOOPS - if I could find that, maybe I could fix this.

Thanks in advance.
[size=x-small]Working sites:
XOOPS 2.0.16 PHP 5.2.2, MySQL 5.0.24a-standard-log, Apache/2.0.54 (Unix)
XOOPS 2.2.4, PHP 4.3.10, MySQL 3.23.58, Apache/1.3.33 (Unix)[/size]

2
WarDick
Re: Different background color
  • 2006/10/15 18:34

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


<textarea id="message" name="message" cols="37" rows="8">
</
textarea>


You can probably style it with this information.
Urging XOOPS to be the Best It Can Be.
Richard......

3
Cuidiu
Re: Different background color
  • 2006/10/15 18:41

  • Cuidiu

  • Quite a regular

  • Posts: 358

  • Since: 2006/4/23


Well, I've styled different forms on the site that way so that the textarea is a specific size but I don't get what you're saying here with regards to the XOOPS popup backgrounds. Can you explain a little further? How does the textarea control the background color applied to the body of for example, a popup generated when sending a private message?

Quote:

WarDick wrote:
<textarea id="message" name="message" cols="37" rows="8">
</
textarea>


You can probably style it with this information.
[size=x-small]Working sites:
XOOPS 2.0.16 PHP 5.2.2, MySQL 5.0.24a-standard-log, Apache/2.0.54 (Unix)
XOOPS 2.2.4, PHP 4.3.10, MySQL 3.23.58, Apache/1.3.33 (Unix)[/size]

4
WarDick
Re: Different background color
  • 2006/10/15 19:13

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


textarea#message {background-color:#bf6690;}


Give it a try.
Urging XOOPS to be the Best It Can Be.
Richard......

5
Cuidiu
Re: Different background color
  • 2006/10/15 19:20

  • Cuidiu

  • Quite a regular

  • Posts: 358

  • Since: 2006/4/23


That gives a background to the message area where someone would input their message. My question has to do with the background of the entire popup itself. The body tag of the popup.

Thanks anyway!

Quote:

WarDick wrote:
textarea#message {background-color:#bf6690;}


Give it a try.
[size=x-small]Working sites:
XOOPS 2.0.16 PHP 5.2.2, MySQL 5.0.24a-standard-log, Apache/2.0.54 (Unix)
XOOPS 2.2.4, PHP 4.3.10, MySQL 3.23.58, Apache/1.3.33 (Unix)[/size]

6
WarDick
Re: Different background color
  • 2006/10/15 20:00

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


The PM popup is generated by pmlite.php in the root folder.

The background is not styled there. It gets the styling from the body tag in theme css.

You could add style in the pmlite.php if you want it different from the theme background.
Urging XOOPS to be the Best It Can Be.
Richard......

7
Cuidiu
Re: Different background color
  • 2006/10/15 20:58

  • Cuidiu

  • Quite a regular

  • Posts: 358

  • Since: 2006/4/23


Thanks. That helps with one but there are several others. For instance, the upload avatar popup window (when clicking on "List"), Admin popups and pages that open a new window for Newbb transfer items such as send post by email form and the list goes on. I was hoping I wouldn't have to edit a dozen templates but it looks like I do.

Thanks for your help.
Quote:

WarDick wrote:
The PM popup is generated by pmlite.php in the root folder.

The background is not styled there. It gets the styling from the body tag in theme css.

You could add style in the pmlite.php if you want it different from the theme background.
[size=x-small]Working sites:
XOOPS 2.0.16 PHP 5.2.2, MySQL 5.0.24a-standard-log, Apache/2.0.54 (Unix)
XOOPS 2.2.4, PHP 4.3.10, MySQL 3.23.58, Apache/1.3.33 (Unix)[/size]

8
WarDick
Re: Different background color
  • 2006/10/16 3:09

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Why not give the body tag you are using the repeating image on an id or a class selector instead of changing all of the individual popups?
Urging XOOPS to be the Best It Can Be.
Richard......

9
Cuidiu
Re: Different background color
  • 2006/10/16 4:20

  • Cuidiu

  • Quite a regular

  • Posts: 358

  • Since: 2006/4/23


Here's what I mean by putting a style on the body tag:
In the style sheet --
[size=x-small]html, body {height: 100%;background: #FFF url(/myimages/bgtop.gif) repeat-x top;}[/size]
This is a fix applied because when viewing one page at 800x600, I have a wide graphic there that is causing horizontal scrolling. When the person scrolls over, the very top table has stopped at 800 while the page itself is actually wider. Unfortunately, this is one page we can't exclude the graphic on (all other pages are fluid). To compensate for the header banner not being seen all the way across the screen as one scrolls (when viewing with 800x600) I've added a background image to cover the area that's not being covered. See the image to help understand.

Resized Image

Perhaps there's a different way to go about this but all the ways I tried failed. Believe me, I didn't want to go around finding all the popups and revising but there wasn't another way to have the header image go all the way across the top for this very important page.

Quote:

WarDick wrote:
Why not give the body tag you are using the repeating image on an id or a class selector instead of changing all of the individual popups?
[size=x-small]Working sites:
XOOPS 2.0.16 PHP 5.2.2, MySQL 5.0.24a-standard-log, Apache/2.0.54 (Unix)
XOOPS 2.2.4, PHP 4.3.10, MySQL 3.23.58, Apache/1.3.33 (Unix)[/size]

10
WarDick
Re: Different background color
  • 2006/10/16 4:53

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Here's what I mean by adding a selector to the body tag.

In you theme you have <body>.

Change that body tag to <body id="bigbackground">

In your style sheet add body#bigbackgroud {height: 100%;background: #FFF url(/myimages/bgtop.gif) repeat-x top;}

If you do this it will not effect the popups.

They will be styled with the default body tag.
Urging XOOPS to be the Best It Can Be.
Richard......

Login

Who's Online

218 user(s) are online (123 user(s) are browsing Support Forums)


Members: 0


Guests: 218


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