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.  / is it possible to center the logo on the top of the website?
Register
1
yesyes
is it possible to center the logo on the top of the website?

  • 2006/2/11 20:52

  • yesyes

  • Just popping in

  • Posts: 3

  • Since: 2006/2/11


Hi !

I'm using XOOPS 2.0.13 and the theme fiblue3d.

I managed to have a logo image on the top of the page.
It looks nice and centered with 1024x786 screen resolution. Now I have a bigger monitor and I'm running 1280x1024 screen resolution and realised that the logo is not centered but aligned to the left.

I tried a few things in the theme.html file but it just doesn't want to change. How can I center this image?

I must admit that I don't have much experience with this. I know some HTML and know how to use a text editor though ...

Please have a look athttp://adsl.yesyes.info to see what I mean (if you have 1280x1024 or higher resolution).



here is what I changed in the theme.html file (the 3 align="center" entries)
(I had to replace all "<" with "^", otherwise it wouldn't show the code in the preview here...)

Quote:

^table cellspacing="0" cellpadding="0" align="center">
^tr>
^td>
^table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
^tr>
^td>^img src="^{$xoops_url}>/themes/^{$xoops_theme}>/images/tnav_tl.gif" />^/td>
^td class="t">^/td>
^td>^img src="^{$xoops_url}>/themes/^{$xoops_theme}>/images/tnav_tr.gif" />^/td>
^/tr>
^tr>
^td class="l">^/td>
^td class="bkg" width="100%" align="center">
^/td>
^td class="r">^/td>
^/tr>
^tr>
^td>^img src="^{$xoops_url}>/themes/^{$xoops_theme}>/images/tnav_bl.gif" />^/td>
^td class="b">^/td>
^td>^img src="^{$xoops_url}>/themes/^{$xoops_theme}>/images/tnav_br.gif" />^/td>
^/tr>


Thanks for any suggestions...

yesyes
2
TottoBG
Re: is it possible to center the logo on the top of the website?

  • 2006/2/12 21:19

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


Hi yesyes,
If it's what I see now opening your site, the image in the header is given as a background to the 'td' element with class='bkg' and that should be given in the stylesheet (.css) files, so it's not directly visible in just viewing the source from a browser. But open the .css files with an editor and look for a class definition like 'td.bkg' or just '.bkg' . If it's what I think, look for a property 'background: ' and add 'center center' after it or a property 'background-position: ' and change the second value after it to 'center'.
If you still cannot manage with it, I'll try to find your theme and look at it's source.
Good luck!
3
yesyes
Re: is it possible to center the logo on the top of the website?

  • 2006/2/15 9:15

  • yesyes

  • Just popping in

  • Posts: 3

  • Since: 2006/2/11


Hi TottoBG !!

Thanks for your answer !

I've checked the style.css file and this seems to be the relevant section:

Quote:

td.bkg {
background-image: url(images/cellpic_bkg.jpg);
height: 60px;
vertical-align: middle;
background-repeat: no-repeat;
padding:5px;
}


I've tried "background-repeat: center;" and I also tried to add the properties you mentioned ("background: center center" and "background-position: center center") but it didn't help. "background-repeat: center;" filled the space on the right of the image by repeating the image.

I would very much appreciate if you could have a look please. You can find the theme here:
https://xoops.org/modules/library/singlefile.php?cid=1&lid=58

Thanks alot !

Chris

PS: Notification by email of a reply to my post doesn't work on this forum? I didn't get one when you replied.
4
yesyes
Re: is it possible to center the logo on the top of the website?

  • 2006/2/15 10:52

  • yesyes

  • Just popping in

  • Posts: 3

  • Since: 2006/2/11


I've found it !!!!!

Quote:

td.bkg {
background-image: url(images/cellpic_bkg.jpg);
height: 60px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
padding:5px;
}


I forgot the semicolon after center when I tried first.

Thanks for pointing me in the right direction !!!

yesyes
5
TottoBG
Re: is it possible to center the logo on the top of the website?

  • 2006/2/15 18:13

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


Good it worked
Greetings!

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

248 user(s) are online (159 user(s) are browsing Support Forums)

Members: 0

Guests: 248

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