Can’t Customize Web Photo Gallery

ED
Posted By
ellen_devito
May 6, 2004
Views
342
Replies
10
Status
Closed
I’m having trouble with the web photo gallery options in CS -many of them are "greyed out" and won’t let me change them. ie- all the custom colors, or the border option under "large images." Others, like Security, seem to allow me to "ungrey" them and work fine. This happens whether I select my own custom gallery (tweaked in GL) or even the default ones, like "vertical slideshow," which I have never touched.

can someone please help?

thanx!

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

L
LenHewitt
May 7, 2004
Ellen,

It will depend upon which template you have selected.

Only if there is a token referring to that particular attribute will you be able to change the values, as what you are doing is setting a variable which will be applied to the appropriate token.
ED
ellen_devito
May 8, 2004
ok, that seems to make sense, Len. but could you go more into this token thing? I am unfamiliar with it. its probable that in making my own template, I deleted some of these things.

but:

why does there need to be a "token" for something like "background color" or "text" color? even these have greyed out on many of the templates. and, under "large images" everything is there except "border size." if you could point out any tokens u think I need to reinsert- that would be a big help.

I can only asume then that even some of the pre-fabricated templates that come with CS dont have all these tokens, bec. some of them dont even let u change simple background colors, and I definitely havent edited most of them. for example, "horizontal feedback" wont let u change the text font, while "horizontal blue and grey" wont let u change the BG colors. this is awfully frustrating, when u can change one element on one, only another on a different one! the reason I resorted to my own template in the first place is because the templates seem to force you to pick and choose.
L
LenHewitt
May 8, 2004
Ellen,

There are excellent instructions re tokens and templates in the CS Help files.

A token is a Placeholder such as %TITLE%

In Photoshop Help, if you do a search on templates you will find a lot of information. The Tokens info is on the
Using tokens in Web photo gallery styles
Page
ED
ellen_devito
May 8, 2004
Ok, thanks Len, will do. I think I’ve sorted most of the problems out.

only one little thing left:

I am able to get the 1 pixel border for the images in Netscape, but NOT in IE. you wouldn’t know what I need to add to the html to get it to work for both, would you?

thanks for the help-
L
LenHewitt
May 8, 2004
Ellen,

I am able to get the 1 pixel border for the images in Netscape, but NOT in
IE. <<

On images that are links, you mean? If you have <img src="whatever.jpg" border ="1"> that should give a 1 px border whether the image is a link or not.
ED
ellen_devito
May 15, 2004
dear Len:

please see this to see what I’m talking about:

<http://www.d7x.com/woods/index.html>

made it with CS’s WebGallery.

in Netscape 7, I see the white border on the main image AND the thumbnails like it should, in IE you see the white border ONLY on the thumbs and NOT the main image.
L
LenHewitt
May 15, 2004
Ellen,

Yes, the code is (almost) fine, and views correctly in Firefox, but not in IE 5 or IE 6.

Strictly speaking, all attributes other than a zero should be enclosed in quotes, so border=1 should be border="1"

As all your images have a 1 px white border, you could ‘hack’ the Style as follows:
<style type="text/css" media="screen"> <!–
#layer1 { visibility: visible; position: absolute; z-index: 1; top: 23px; left: 277px; width: 400px; height: 89px }
#layer4 { visibility: visible; position: absolute; top: 143px; left: 127px; width: 703px; height: 468px }
#layer3 { visibility: visible; position: absolute; top: 875px; left: 127px; width: 703px; height: 46px }
#layer5 { visibility: hidden; position: absolute; z-index: 4; top: 125px; left: 0; width: 100%; height: 15px }
img {border: 1px; color: #FFF}–>
</style>
and remove the border attribute from the <img> tags themselves
ED
ellen_devito
May 16, 2004
thanks Len, html editing isn’t exactly my forte. any suggestions on how to do the same in Go Live without having to edit the text html? looks like I will have this problem every time I have an image without a link.
L
LenHewitt
May 16, 2004
Ellen,

As an inveterate hand-coder I can’t talk you through doing it in GL, but you should be able to remove the individual image border attributes within GL and add the IMG style in GL’s CSS Editor
ED
ellen_devito
May 17, 2004
Ok, thanks, I’ll look into it. have never used the CSS editor, am unfamiliar with "styles", will have to learn I guess. just drives me nuts when IE and Netscape/Mozilla "show" certain things but not others.

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections