little blue boxes

Hi,

Little blue boxes sounds like the pics aren't loading to the browser. Could be either a link or picture problem. If you are using eBay Preview to see the problem, are you copy and pasting the code to eBay's one-page lister?

Could you post the template at www.practicewriter.com and the link back to this thread?

A good online tuturial is at W3 Schools

http://www.w3schools.com/default.asp

Danno

Wow That was quick thank you
http://www.practiceboard.com/?10230200
this is one of them but the same thing is happening with each one i try to do ,when i
preview in auctiva it looks fine but as soon as i add pic's the blue border shows up also the text click to enlarge turns blue .
I am working completely inside auctiva.

nowandzen

Hi,

I think I better understand the problem now. The "blue box" is a border around the picture, correct?

That's the default bordering and text color that's given to pictures in custom templates when using the tag system and their code builder.

I have done experiments and overriden the colors with CSS code.

Is that what you're after?

Danno

Danno you are the man ,you nailed that little f word ,fair and square , thats exactly what i'm talking about.

It it kind of takes the custom out of customizing.

Is it possible to add your CSS code
to all the templates i wish to change


"no pain no gain " we get the pain they get the gain .

thanks Danno

Hi,

Yes, but it might take a little while to locate the code I used last time. It might be easier to recreate for you, just as a double-check. I'll see what I can do by end-of-today as add to your template.

I assume you are using the standard pictures and not the thumb-over, etc, so a fix should work on all templates (if there are no bugs or special cases).

Does a black border and text with shift to gray on mouseover sound good? I'll give you instructions on how to change that, but just want a good starting point. I can also change the color to something on visted, just as it now changes from blue to purple.

Danno

Hi Danno

A black border and text with shift to gray on mouseover sounds great
On the auctiva templates it chages to a corrsponding color but black and grey will be just fine .
The other thing was the scrolling gallery does'nt change color to match the template is that part of the same problem ?

Really appreciate you help friend truck loads of thanks Danno

Hi,

Found the code and tested it with your template.

Here's the template with code added (Style Sheet at very bottom):

http://www.practiceboard.com/?10230770

and here's the added code for the overrides:

<style type="text/css">
#imgsuptxt a:link {color: #000000;}
#imgsuptxt a:visited {color: #000000;}
#imgsuptxt a:active {color: #000000;}
#imgsuptxt a:hover {color: #555555;}

a:link.imagelink {color: #000000;}
a:visited.imagelink {color: #000000;}
a:active.imagelink {color: #000000;}
a:hover.imagelink {color: #555555;}

a.imagelink img.auctionimage {border: 2px solid #000000;}
a:visited.imagelink img.auctionimage {border: 2px solid #000000;}
a:active.imagelink img.auctionimage {border: 2px solid #000000;}
a:hover.imagelink img.auctionimage {border: 2px solid #555555;}
</style>


Notice there is a link, visited, active, and hover for each of three groups. Those are for the mouseover effects, and each defines what the effect causes. Hopefully, the definitions are a little self-evident, but the #000000 is black and the #555555 is a medium-dark gray. You can toggle and play with the codes to get them absolutely the way you need them for each template. Note, I have the visited set to same as link, i.e. visited isn't currently showing a new/different color. With this code, you can also override the type and thickness of the picture border.

I've tested the code with IE7, Firefox and Safari.

Danno

that's wicked Danno was just heading for bed as it 5 am here now but will give it a test drive tomorrow and get back to you soon.
once again big thanks .

Hi,

Should have mentioned that the first two groups cover the "text" and the third group covers the border. The border defs are

2px means two pixels thick
solid means solid as opposed to dashed or double
# with 6 digits is a color code

Colors are #RRGGBB, for red green blue, with all pixels on as #FFFFFF for white and all off as #000000 for black. Bright red is #FF0000. Grays are repeat numbers, e.g. #252525.

Example for black double border (each band 2px) is {border: 6px double #000000}

Hope that all helps.

Danno

Danno
Could not go to bed without trying it, just tried it on another one and it works a treat .

salutations many time over ,Wow

Glad I could help.

Have a good one and you're welcome. Sleep well.

Danno