Thumbnail Border

guvner · March 15th, 2005, 09:48 PM

I've just installed Review Post and integrated it with VB 3.06.

All is OK except for the fact that I've just spent several hours attempting to "control" the (JS) thumbnail borders on the showproduct page - they're that terrible blue (hyperlink) color that turns purple when visited.

What I've tried:

searched all the the forums here,
edited the thumbnail template,
added a new td class and tried to force it in showproduct1.tmpl,
been through all the existing CSS sheets looking for clues,
visited photopostdev,

When I view the page source of "/reviews/showproduct.php" I see that the td class being called is "vsmall_dark" which is not a class that appears anywhere that I can find in any of the RP existing stylesheets, and of course, it's not one that VB uses. Why does showproduct1.tmpl call a non existant td class for the thumbnails?

So next I used my text editor's "find in files" option to see if "vsmall_dark" showed up anywhere else and found only 3 references to that class and they were all in showproduct1.tmpl at around line 143:

Code:

Content visible to verified customers only.

So I changed that to a new class called thumbs - no good.
Next I added a new class called "vsmall_dark" to my VB CSS - nope.
Next I added a new class called "vsmall_dark" to my RP default CSS - nada!

Now it gets screwy, just to make sure I was editing the right template, I deleted the above code block in showproduct1.tmpl - but the thumbnails still showed uppon showproducts.php

So I edited showproducts.php and added "border=\"0\" to the php code block which corresponds to the same block in the template"

Code:

Content visible to verified customers only.

and in there we see the class being called isn't "vsmall_dark", and I can't decipher:

Code:

Content visible to verified customers only.

I wanted to add a shadow frame border image similar to how I did in a PP install I have, but first I really must get rid of those blue borders, but for the life of me cannot figure out to do it.

Any assistance much appreciated.

Mike

b6gm6n · March 15th, 2005, 11:27 PM

Hi..

Try the css code below, just place in the header (html) files in the <head></head> tags, either in photopost or vb, but photopost should do, it's the main link tag i'm re-defining, lemme know how you get on

Code:

Content visible to verified customers only.

-T

guvner · March 16th, 2005, 12:41 AM

Hi Tony and thanks for trying - but it didn't work.

I added it to the RP header without a result and since I already have the "a" links defined in VB and I'm including the VB header, I can't make the changes there without messing up my forum design.

Having said that, my a link definintions shouldn't be causing the problem even though the images are hyperlinked. I have plenty of hyperlinked images on a number of sites and a simple border="0" takes care of it.

To test the "influence" of the the showproducts1.tmpl - I removed all the code and the thumbs still showed up - why is that? - is it possible that the thumbs are being defined in a td or table somewhere that has no border="0" ??, it desn't appear to be showproducts.tmpl either.

Mike

Michael P · March 16th, 2005, 08:33 AM

Well, the img src for the thumbnails are set in showproduct.php - if you remove $file1thumb from the template, it wont appear. Are you sure you are modify the proper template, there are two files:

showproduct.tmpl
showproduct1.tmpl

It's possible you are modifying one when you should be working on the other (if you category type has template set to "1", then you would edit the "1" file).

guvner · March 16th, 2005, 03:09 PM

First - I don't know what you mean:

"category type has template set to "1","

where is that set and what does it do? - are you referring to the depth of categories? because I can't find a category "type" option in the RP admincp.

Secondly - that doesn't help with my problem, all I did was eliminate showproducts1 as the template source for the thumb border definition. But as I said above, I've already applied an the edit "border=\"0\" to showproduct.tmpl so I've already tried that without success .

Code:

Content visible to verified customers only.

And when I delete all the code from showproduct.tmpl - I get a blank page so I know it's showproduct.tmpl controlling the output.

Are you able to help me remove the border from those hyperlink thumbs? - it's not designed behaviour is it? Until I I get rid of the border I won't release the product to my membership and I'm out $99.00 until then.

Mike

guvner · March 19th, 2005, 04:14 PM

Is someone able to help me with this please?

guvner · March 21st, 2005, 07:29 AM

Helloooo - is this so hard to fix or am I being ignored for some reason?

Chuck S · March 21st, 2005, 08:39 AM

PPPRINT;
echo "
<td border=\"0\" class=\"{$Style['small']}\" valign=\"top\" align=\"center\">$file1thumb</td>
<td border=\"0\" class=\"{$Style['small']}\" valign=\"top\" align=\"center\">$file2thumb</td>
<td border=\"0\" class=\"{$Style['small']}\" valign=\"top\" align=\"center\">$file3thumb</td>";

simply put there is no vsmall_dark class but above is a proper class call

guvner · March 21st, 2005, 05:01 PM

Thanks for that - but sadly nothing changed.

The url for this is http://www.xpmediacentre.com.au/comm....php/product/3

You can see that in IE, the border displays the traditional blue link color which turns to purple when visited. In Firefox the border shows as black and given that the hover color is #c91001, means that FF is picking up my either my "Body" class or my "Page Background" class as defined in my VB stylesheet.

I added your code to showproducts and also (out of desperation) redefined the "small" class as follows:

Code:

Content visible to verified customers only.

Buit it only affects the 3 <td>'s around the thumbs - not the thumbs themselves.

I note that the link is created using Javascript and assume that the code for that is the code that immediately precedes the table setup for the thumbs display:

Code:

Content visible to verified customers only.

Could the problem be with the Javascript and if so, how would I, in the first instance eliminate the border by defining a seperate class, and if successful start working on a shadow frame (which was my real goal in the first place)

Mike

SigEp441 · November 5th, 2005, 01:20 PM

Not sure if anyone is still looking for the answer to this, but it's in the "header.htm" file. Just change the "link=", "vlink=", and "alink=" to whatever color you want to change it to.

Chuck S · November 6th, 2005, 02:50 AM

Actually just edit your css file link classes