Hey
working on a showcase gallery with thumbs. Is it possible to have a color border around the actual thumb image and not the cell border.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Carla,
You could do this by adding a border to the images in Showcase, and then having no border around the cell in Freeway. The image border can’t be changed on hover though.
Hope this helps,
Joe
On 28 Nov 2012, at 04:29, Carla email@hidden wrote:
Hey
working on a showcase gallery with thumbs. Is it possible to have a color border around the actual thumb image and not the cell border.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Dont have time at the mo to see if you can do this in Showcase itself but you can certainly do it with some CSS markup.
This page http://www.deltadesign.co/examples/showcasecaptions.html uses
<style type="text/css">
<!--
#showcasecontainer ul.fwShowcase_thumbs li img {
border: 3px solid red;
}
-->
</style>
in Page>Html Markup in the Before section. Where ‘#showcasecontainer’ is the item on yopur FW page which has the Showcase action applied to it.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
finally back to this task Dave
I put my code on
Before section
I changed the width and my color
but alas I must have done something wrong does not show
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
A link to your page would help - note that the FWT web view may have messed this up it should read Before (before end head)
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
yes I tried that option before but that did not work either
here is the link
http://www.carlagrande.com/scborder.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Simple fix, note the following:
Where ‘#showcasecontainer’ is the item on yopur FW page which has the Showcase action applied to it.
In your case it should be #item5 (which is the item on your page which has the showcase action applied to it).
So your page specific code should be
<style type="text/css">
<!--
#item5 ul.fwShowcase_thumbs li img {
border: 1px solid #CCCCCC;
}
-->
</style>
Note the 3 parts of the style which are all required.
1px (the weight of the border) solid (the style of the border, could be dashed, dotted etc.) and the third the color value which has to be preceded by the # (unless you use a colour name like ‘red, black etc.’)
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I really do not know what I would do with the teacher from Glasgow!
perfect worked
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I meant without the teacher from Glasgow
sorry it worked on the actual website but not on the link I sent you, but thats ok - just know that it worked, but its odd that the code did not work on my server site???
no worries
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
even the other example page works now of course it wa smy error as I renamed the container… for others who have same requests or are as nimble as I, make sure all items are named or the same as reflected in code
ok one more request. and this is a common issue for thumbs, the space between the vertical and horizontal thumbs are unsettling. Is there any fix for this.??
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The issue is that the thumb container is the same size (and square) no matter whether your thumb is portrait or landscape. So if the actual image is narrower - hence the larger gap between them.
I think the easiest way would be to keep same orientation pics together to lessen the visual impact. I cant see an easy code/CSS solution.
Alternatively crop all your pics to the same size.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
yes Dave I put all the vertical images together but there is a large space between those.
ah well too bad.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options