1
waleedpak
Limit xoops template width to 800 px..
  • 2008/7/6 9:41

  • waleedpak

  • Just popping in

  • Posts: 45

  • Since: 2007/11/25


Hello,
is there any way i can limit my xoops' template width to 800px or something else.
I mean i want my whole xoops' width to remain being 800px even if the person who is browsing my page has a resolution set to higher than 800x600..

please help/..

2
hervet
Re: Limit xoops template width to 800 px..
  • 2008/7/6 17:16

  • hervet

  • Friend of XOOPS

  • Posts: 2267

  • Since: 2003/11/4


Center the content inside a fixed chunck and make the rest resizable, no ?

3
waleedpak
Re: Limit xoops template width to 800 px..
  • 2008/10/10 14:05

  • waleedpak

  • Just popping in

  • Posts: 45

  • Since: 2007/11/25


for example when you open yahoo page on a higher resolution desktop, there are empty spaces at both sides of the page (left and right).. try to open and see..
but when you open XOOPS website, the template automatically resizes to fill up the whole screen....
please try to understand what i mean...

i want to limit my template so that it doesn;t automatically resizes acording to desktop resolutions but stay at a fixed template width of "800px" or something else...

4
sailjapan
Re: Limit xoops template width to 800 px..

Yes, it's possible.
Download a fixed theme like this and see how they did it there.
Never let a man who does not believe something can be done, talk to a man that is doing it.

5
Anonymous
Re: Limit xoops template width to 800 px..
  • 2008/10/10 14:26

  • Anonymous

  • Posts: 0

  • Since:


Its often done by adding a "wrapper" class to theme.html and then setting the "wrapper" setting in style.css

Take a look at the coding in some fixed-width themes and it will soon become apparent that it's easy to do

6
serial-weber
Re: Limit xoops template width to 800 px..

Hi,

Follow these steps:

1- Go into your theme folder: xoops_root/themes/your_theme_folder
2- open theme.html file with your favorite html editor like dreamweaver or another software
3- if your whole page is contained in a table i.e the table which contains all elements (header, left_block, center_block, right_block, footer) define width by adding style property like that:
<table style="width:800px">
in place of 800px, you can also put 900px, or 1000px, or another width.
You can also define style into body like that:
<body style="width:800px">

I hope that this answer will help you

7
waleedpak
Re: Limit xoops template width to 800 px..
  • 2008/10/11 4:50

  • waleedpak

  • Just popping in

  • Posts: 45

  • Since: 2007/11/25


thanks serial-weber
my XOOPS site now has a fixed width
i used the code <body style ="width:80opx">
however my whole site is aligned in the left side of the screen
there is a lot of empty space in the right side but none in the left..
so how can i align my site in the center?

i've tried the div id="wrapper" but it doesn't work
is there any trick to make it align center using the <body> tag?
please help?
<body align="center"> is also not working

8
voltan
Re: Limit xoops template width to 800 px..
  • 2008/10/11 5:44

  • voltan

  • Theme Designer

  • Posts: 724

  • Since: 2006/12/5


you can use css codes
in style.css file
you can add this codes
1- find
body {
...
}
2- add this codes in
body {
...
}
width800px;
marginauto;

-------------------------------
you write (( <body style ="width:80opx"> ))
80o or 800 ?

9
waleedpak
Re: Limit xoops template width to 800 px..
  • 2008/10/11 6:35

  • waleedpak

  • Just popping in

  • Posts: 45

  • Since: 2007/11/25


i wrote
<body style ="width:800px">
sorry for writing it wrongly

by the way, i'm not having any problem with the width
my width problem is already solved
now i want to center the whole page
margin: auto; is not working

please help

10
serial-weber
Re: Limit xoops template width to 800 px..

Hi waleedpak,

I am glad to see that you resolved your problem

Now, to center the whole page
Follow these steps:

1- Go into your theme folder: xoops_root/themes/your_theme_folder
2- open theme.html file with your favorite html editor like dreamweaver or another software
3- if your whole page is contained in a table i.e the table which contains all elements (header, left_block, center_block, right_block, footer) define your page position by adding style property like that:
<table style="width:800px; text-align:center">
in place of center, you can put right, or left.

You can also use your style.css file to define width, color and position of your pages

I hope that this reply will help you

Login

Who's Online

64 user(s) are online (41 user(s) are browsing Support Forums)


Members: 0


Guests: 64


more...

Donat-O-Meter

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

Latest GitHub Commits