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 stylesheets (CSS) help 
  4.  / Limit xoops template width to 800 px..
Register
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:
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:
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
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 tag?
please help?
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 {
...
}
width: 800px;
margin: auto;

-------------------------------
you write (( ))
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

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:
; 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
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

324 user(s) are online (189 user(s) are browsing Support Forums)

Members: 0

Guests: 324

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