Viewing picture frames and lines.

picture frames and lines.



User: Susan S. 9 years ago
I did search the knowledge base and I never get hits there. :-/

I'm doing a site for an artist and there are some pieces that the outer edges are white (not the canvas but painted white).

When I put them all on a page as thumbnails (or clickable in larger size) of course the white painted areas blend in with the white background of the website.

I can't change the background color.

So I've made a couple of choices for her to see, I added a shadow on one, a line on another, a simple outline picture frame on another. Trying to see what she prefers.

I remember some years ago I did this with another site in Everweb and I know the "framing" didn't show up in all browsers. Is there a list somewhere of what works in what browser?

Oddly, a drop shadow works in both my Chrome and Safari on my iMac but a simple "line" does not work in either, regardless of how wide I made the line. However, if I remember correctly from the first time I tried this those years ago, it was the drop shadow that didn't work everywhere.

Is there some other way I should be doing this? I know I could do it in photoshop and actually add a line to the image but then I'd have to go do that for every single image on the site - a LOT of extra work. It's far easier to just check a box in Everweb.

Thanks for any help/ideas.

Susan
User: wellnl 9 years ago
HI Susan

I can't remember there being a list of what works on different browsers. I think there was an issue a long time ago when using very thin frame (1 point) and the best way around that was to make the line a little bit thicker. I've never tried drop shadow.
The other ways to do this are
1. put a shape that just has a border behind the image and group the image and shape together
2. create an image of a frame add that behind the images (and probably group again). In that way you are only using one asset but many times.
Probably not great suggestions, sorry... may be others can chip in on this...
Good luck Susan
Simon
User: Roddy 9 years ago
If you use a widget like THIS, you can add a box shadow or border using CSS or add a 3D effect like THIS.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Susan S. 9 years ago
Ok a few comments here to the answers I received:

Simon - it didn't make any difference how wide I made the line "frame" I tried 1 px and 10 px and none of them showed up on either Chrome or Safari. I guess my question here is why does Everweb offer something like this, that only works in Everweb but not on the web? I mean, what's the point?

Simon - I did think about putting a shape behind each image but that means I'll have to do it behind each image on the site so it's uniform. There are 8 categories, each with 15 thumbnails that open up to a larger image on their own page. If my math is correct, that's a total of 240 times I have to do that and we are changing out sold images on a regular basis, seems like too much extra work.

Roddy - The first widget you linked to is Touch Device Image Insert and the second one is 3D Image Frame Effect. Do I need both or one or the other? Do they for sure show up on various browsers? Once I install them are they part of Everweb? When I click "get this widget" I'm taking to a page with all widgets and I don't know which group the widgets I need are in.

Thanks,

Susan
User: Roddy 9 years ago
The widgets I mentioned do different things and are in different widget packs.
There's a widget for creating a "frame" effect on the new EverWeb Widgets site which creates both a border and/or box shadow plus a 3D effect drop shadow. These widgets aren't available yet but, if you contact me, I will send you a copy to "test".

The image is inserted in an HTML5 figure element with alt text and an optional caption for superior search engine results.

Widgets are stored in the Application Support folder along with your EverWeb project files. See this page for info about installling widgets.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Susan S. 9 years ago
Bear with me, as I keep having to go back to the client. Ok she wants just a drop shadow, which seems to work fairly well with Everweb, however; is that like a picture frame in that it is adding another image? Does it slow the site down? If so, do you have a drop shadow that doesn't slow it down?
User: Roddy 9 years ago
The EverWeb "frame" uses a PNG image to create the effect. The one I linked to above uses CSS to create the effect so it doesn't slow the page download time.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.