I am using XnView to generate www pages galery at http://www.jthtn.cz/foto/sendvic2010/thumb.html. It works very well.
The only problem is, that the whole www disign is using <body bgcolor="#99CCFF"> for pages background. And no matter what I do, pages generated with XnView stay white.
Any suggestion?
WWW background colour with XnView
Moderators: helmut, XnTriq, xnview
Re: WWW background colour with XnView
The problem seems to be with your lightbox stylesheet, it sets the body to white. Additionally, there is no other code in that page you linked to give the body any color at all. No other stylesheets, no inline css, and nothing in the body tag. With that in mind, there are a few possible solutions;
1) Edit that lightbox css file & change the body color in it.
2) Edit the template file for xnview.
Now, I don't know where exactly you got that lightbox stylesheet nor how you're adding it to the page, so I can't help you with that. However, editting the xnview templates is easy.
Go into your xnview folder->webtemplate->[template name]. This will be the folder whose name matches the template you usually choose in xnview's webpage dialog. For the purposes of this discussion, we'll use the "simple" template.
You should now find yourself at C:\Program Files\XnView\WebTemplate\Simple (orwherever you installed xnview). From here you have several options.
1) You can go into the "nav" folder and edit the css file there, changing the body color to whatever you want.
2) You can edit the "thumbs.html" file.
2a) You can just add the bgcolor property to the body tag.
2b) You can add some inline css to set the body color
2c) You can use some embedded css to set the body color.
Keep in mind that the "thumbs.html" file is the main page, while the "page.html" file is the one you see when you click on a thumbnail. Assuming that you also want that page to have the same background color, you will need to edit that file too. If not, you can leave it be.
Any changes you make to the html & css files in the webtemplates folder will be applied to all new pages you make using that template, so you should only need to make the changes once.
HOWEVER, be careful not to change or remove anything with #'s around it. You should also avoid using #'s in the file yourself (I don't know if xnview will just ignore extraneous #'s, but they might cause you problems). Other than that, you can make any kinds of changes that you want to those files.
1) Edit that lightbox css file & change the body color in it.
2) Edit the template file for xnview.
Now, I don't know where exactly you got that lightbox stylesheet nor how you're adding it to the page, so I can't help you with that. However, editting the xnview templates is easy.
Go into your xnview folder->webtemplate->[template name]. This will be the folder whose name matches the template you usually choose in xnview's webpage dialog. For the purposes of this discussion, we'll use the "simple" template.
You should now find yourself at C:\Program Files\XnView\WebTemplate\Simple (orwherever you installed xnview). From here you have several options.
1) You can go into the "nav" folder and edit the css file there, changing the body color to whatever you want.
2) You can edit the "thumbs.html" file.
2a) You can just add the bgcolor property to the body tag.
2b) You can add some inline css to set the body color
2c) You can use some embedded css to set the body color.
Keep in mind that the "thumbs.html" file is the main page, while the "page.html" file is the one you see when you click on a thumbnail. Assuming that you also want that page to have the same background color, you will need to edit that file too. If not, you can leave it be.
Any changes you make to the html & css files in the webtemplates folder will be applied to all new pages you make using that template, so you should only need to make the changes once.
HOWEVER, be careful not to change or remove anything with #'s around it. You should also avoid using #'s in the file yourself (I don't know if xnview will just ignore extraneous #'s, but they might cause you problems). Other than that, you can make any kinds of changes that you want to those files.
Oh the feuhrer, oh the feuhrer, oh the feuhrer's nipples bonk!
Re: WWW background colour with XnView
Oralin, there are two files named lightbox.css:
- %ProgramFiles%\XnView\WebTemplate\Visuddhi - Lightbox\lightbox.css
- %ProgramFiles%\XnView\WebTemplate\Visuddhi - Lightbox\css\lightbox.css
- http://www.jthtn.cz/foto/sendvic2010/lightbox.css
- http://www.jthtn.cz/foto/sendvic2010/css/lightbox.css
... to this:body {
font-family: Verdana;
color: #555;
background-color: #fff;
}
body {
font-family: Verdana;
color: #555;
background-color: #9cf;
}
Re: WWW background colour with XnView
Thank you both for your answers. They have helped me a lot.
He is the result http://www.jthtn.cz/foto/sendvic2010/thumb.html.
He is the result http://www.jthtn.cz/foto/sendvic2010/thumb.html.