NEW : webdev colors

[thewedding]

Hi there
as posted, I promised to made some additional color schemes so here they are.. yes they still use the opacity change but as stated earlier this can be removed or changed into a background hover effect.. I added some lines, thanks to the help in this forum, to make it mozilla compatible but there is still a bug concerning the padding of your table (with the padding set higher then 4 it is solved for now) I hope to fix this later.. added are rounded corners and opacity for mozilla.

blue scheme - http://www.pbase.com/webdev
purple scheme - http://www.pbase.com/webdev/various
default scheme - http://www.pbase.com/webdev/costa_rica
overkill - http://www.pbase.com/webdev/flower_garden

their are also a few changes they now hold a shadow on all thumbs instead of only on the 'big' image...

hope you like em, webdev

[srijith]

Nice work. Looks as good as ever.

[altofran]

Great Colors! Thanks!

A little problem with postioning 'td' on Mozilla. I'm gonna check later and send you an update if you'd like to.

Good day,

[thewedding]

how about this filter overkill ? I kinda like it !! also nice for portraits

surprise surprise what will the color of the flower be?

http://www.pbase.com/webdev/flower_garden

[srijith]

I have never been in favor of the filters in the first place so I'll let that pass

BTW there seems to be a margin-bottom on hover that doesn't look all that great - cos that is the only hover margin around. Maybe you can either do a margin for all (top,bottom,left,right) or non at all?

[altofran]

Hi,

Try to update your code with this style, because in Mozilla blocks are collated; but for the rest, the colors are really great. Did you update the style on PBase to support Mozilla correctly?

Code: Select all

td.thumbnail
{
   padding: 2px;
   height: 207px;
}

[thewedding]

Hi,

Code: Select all

td.thumbnail
{
   padding: 2px;
   height: 207px;
}

yep that did the trick thnx nacef !
now it's fully mozilla (geko) compatible ...

[thewedding]

I have never been in favor of the filters in the first place so I'll let that pass

BTW there seems to be a margin-bottom on hover that doesn't look all that great - cos that is the only hover margin around. Maybe you can either do a margin for all (top,bottom,left,right) or non at all?

well I found the the whole border hover a bit to obvious.. but as it is open source feel free to modify it to your taste ...

[thewedding]

these lines can give you an additional hover effect on the image border instead of only the thumbnail table border

Code: Select all


img.thumbnail {
   border: rgb(16, 16, 26) 1px solid;
   margin: 0px;
   padding: 1px;
   background: rgb(45, 45, 55);
}
a:hover img.thumbnail {
   border: rgb(95, 121, 216) 1px solid;
   margin: 0px;
   padding: 1px;
   background: rgb(45, 45, 55);
}


[thewedding]

hé nacef there is still a minour issue with mozilla and the text within the thumbnails, mozilla dimm's these as well .. we could justy remove opacity change for mozilla but then agian ...

[altofran]

Hi,

Great, If you take a look at my galleries, I did remove opacity filters, not only for Mozilla, but also for IE. It's a personal preference. I thinks that Opacity filters are the kind of things that someone could like or hate very much. So don't worry about it.

Did you have the opportunity to correct the PBase-default-webdev style?

[gordy]

blue scheme - http://www.pbase.com/webdev
purple scheme - http://www.pbase.com/webdev/various
default scheme - http://www.pbase.com/webdev/costa_rica
overkill - http://www.pbase.com/webdev/flower_garden

Is there a reason why thay all look the same on IE6?

[thewedding]

blue scheme - http://www.pbase.com/webdev
purple scheme - http://www.pbase.com/webdev/various
default scheme - http://www.pbase.com/webdev/costa_rica
overkill - http://www.pbase.com/webdev/flower_garden

Is there a reason why thay all look the same on IE6?

old post they were removed...

[eddiem]

I seem to be getting strange results in Mozilla and Opera.

http://www.pbase.com/eddiem

Can anyone help?

Edit:

I've also noticed that photo's taken at 800x600 don't centre on the screen. Is this CSS only optimisted for 640x480 photos?