Photo Gallery Forums

Hi All,

After reading a few posts - it seems that there is no easy way to assign CSS Styles to HTML as simply as you can in Flash -- ie by selecting a style from a list in the admin..

So basically it means I have to create a CSS for the HTML version of each of the flash versions?

Does someone have the HTML versions of the flash versions styled in CSS?

Any ideas on how to make the templating a bit more flexible..... ie each folder can be assigned a CSS template for both flash and HTML versions -- this would allow us to style various sections ie client folders to their branding..

I think either you are missing a concept, or I am misunderstanding you... or perhaps both ...

Just to make one thing clear ... This forum is about the HTML gallery version. See example here: www.photo.gallery/soda/?p=html - The HTML option certainly does use CSS of course, and this CSS file is here. This CSS(or setting it) has nothing to do with CSS in the flash gallery. The flash gallery gets its styling from CSS files in the theme folder it is using. Also, CSS works quite different in flash because we can only target pure text-formatting styles, while in html we can control the layout in general.

pixi wrote:So basically it means I have to create a CSS for the HTML version of each of the flash versions?

Therefore, I don't understand the question above ... The flash version uses themes, which have separate CSS files. There is no relation between flash gallery themes and the html version.

pixi wrote:Any ideas on how to make the templating a bit more flexible..... ie each folder can be assigned a CSS template for both flash and HTML versions -- this would allow us to style various sections ie client folders to their branding..

Assigning a separate CSS file for each folder of the HTML version would perhaps be possible, although I don't see the huge benefit in this. Having multiple CSS files for folders in the flash version would just be clumsy - Its only there for textformatting anyway, and it would have to keep on loading multiple files while browsing around. Allow me to enlighten a little:

* Styling of the html gallery, is done entirely through a CSS file.
* Styling of the flash gallery, is done through a THEME, which also includes a CSS file for textformatting - You can't style a flash with only CSS, because it only affects text formatting. Therefore styling of flash gallery comes mostly from the themeConfig.xml file!

If you want to have separate styles for each customer in the flash gallery, then why not use separate themes? There is no synch between themes and CSS for the html gallery, as they are two completely different logics ...

Hi Karl -

Thanks for the response. I probably wanst very clear. - I totally understand how it works.

Just wanted to know if anyone have changed the CSS for the X2_ HTML version to a white version..I was just being lazy.

Basically - I am going to create a few versions of ( /css/htmlstyle.css)

eg .. /css/htmlstyle_red.css
/css/htmlstyle_white.css

And will post them here so people can just use one of the HTML CSS files and rename and replace it each time they want to change the look anf feel of the HTML gallery (without having to change it every time)

Think of it as a HTML CSS library of styles you can just rename each time from htmlstyle_white.css to htmlstyle.css

There is already a method for previewing alternative CSS stylesheets for the HTML gallery. Check this:
https://www.photo.gallery/soda/?p=html&s ... leDemo.css

Since that stylesheet will stick in your cookies, you will have to reset it to the default stylesheet by using this link:
www.photo.gallery/soda/?p=html&stylesheet=htmlstyle.css

You can simply duplicate the "htmlstyle.css" in your imagevue/css/ folder, and point the html gallery towards it to preview it ....

So basically out of the box: to Get imagevuex to have BOTH Flash and HTML to be using a WHITE look and feel... you need to change Theme of flash and CSS of HTML versions.

BUT

Because flash'Template' uses same CSS and HTML to render its text..... Changing one also changes the other..

SO we need to do some juggling..


Flash: Duplicate the 'White' theme call it 'White2' -- Then repoint the CSS file in 'White2' settings to something like 'htmlStyle2' -- so its text fromatting is separate from HTML CSS values.

HTML version: Then replace contents of 'htmlstyle.css' contents with the CSS from 'htmlstyleDemo.css' (the white CSS supplied) -- because the only way to assign CSS to the HTML file is through a string in the browser URL

Question: There is no way to assign the HTML gallery a CSS file without using a string in the URL ? -- or is it best just to replace CSS in the htmlStyle.css file ?

Question: Currently the flash 'Template' is using same CSS file to render its text -- is this correct?

I Know i'm being dumb here, but any docs or advice greatly appreciated.. I just want my flash to look like 'White template' and HTML version to look like 'htmlstyleDemo.css' - ie white as well.

pixi wrote:So basically out of the box: to Get imagevuex to have BOTH Flash and HTML to be using a WHITE look and feel... you need to change Theme of flash and CSS of HTML versions.

Yes. As stated earlier, they are completely separate. Not only do they work quite differently, but the CSS for the flash only control pure textformtting.

pixi wrote:BUT

Because flash'Template' uses same CSS and HTML to render its text..... Changing one also changes the other..

Not sure what you mean "same CSS and HTML to render its text". Flash uses its THEME/stylesheet.css to render the textformatting. It has nothing to do with CSS for the html page. So, changing one changes the other? No...

pixi wrote:Flash: Duplicate the 'White' theme call it 'White2' -- Then repoint the CSS file in 'White2' settings to something like 'htmlStyle2' -- so its text fromatting is separate from HTML CSS values.

I think you must be misunderstanding something here. What exactly are you trying to achieve? Why would you repoint the flash to use css for the html gallery? That is just a bad idea because the usage is completely different.

pixi wrote:HTML version: Then replace contents of 'htmlstyle.css' contents with the CSS from 'htmlstyleDemo.css' (the white CSS supplied) -- because the only way to assign CSS to the HTML file is through a string in the browser URL

Still not sure what you are trying to do, but you can have multiple CSS styles for the html gallery yes... If you wanna replace the htmlstyle.css with contents from htmlStyleDemo.css is upto you ...

pixi wrote:Question: There is no way to assign the HTML gallery a CSS file without using a string in the URL ? -- or is it best just to replace CSS in the htmlStyle.css file ?

Currently no. You can edit the html template to load another css file instead of htmlStyle.css, but the only way to support multiple css files is through the URL.

pixi wrote:Question: Currently the flash 'Template' is using same CSS file to render its text -- is this correct?

Same as what? The flash templates do NOT use the same CSS file as the HTML option to render text. Also, the various flash themes use different CSS files to render text.

pixi wrote:I Know i'm being dumb here, but any docs or advice greatly appreciated.. I just want my flash to look like 'White template' and HTML version to look like 'htmlstyleDemo.css' - ie white as well.

This is quite easy. To set "white" as your default flash theme, go to admin -> themes -> Click "use" for the "white" theme. To use 'htmlStyleDemo.css' for your html gallery, first rename 'htmlstyle.css' to 'htmlstyle_old.bac', and then rename 'htmlStyleDemo.css' to 'htmlstyle.css'. Remember to delete your browser cache before checking your links!

Hi , sorry, the reason I have been trying to round the rounbabout way.. is because when I change the HTML CSS ie ..

rename the htmlStyleDemo.css to htmlStyle.css (after renaming the original so as not to overright it)

The result is that my fonts in the flash version change? Very odd..

I will try playing with caching etc and see if thats the problem ( most likely)

Thanks for the help so far guys, really appreciate the excellent support.
Pix

pixi wrote:Hi , sorry, the reason I have been trying to round the rounbabout way.. is because when I change the HTML CSS ie ..

rename the htmlStyleDemo.css to htmlStyle.css (after renaming the original so as not to overright it)

The result is that my fonts in the flash version change? Very odd..

I would like to see that ... Those CSS files have nothing to do with the flash gallery.