benjino
Posts: 38
Joined: Thu Aug 19, 2010 6:53 pm
Location: San Diego, CA

rounded corners on the thumb that opens a gallery?

Is it possible to have rounded corners on the thumb that would open a gallery?
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: rounded corners on the thumb that opens a gallery?

Hi,
The Highslide Editor has no function for creating rounded corners on the thumbs. You need to create the thumbs yourself if you want rounded corners.
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
benjino
Posts: 38
Joined: Thu Aug 19, 2010 6:53 pm
Location: San Diego, CA

Re: rounded corners on the thumb that opens a gallery?

Ah, yes, but coding won't allow for a border to go around that thumb right? You have to zero out the border? I've located the CSS for that.
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: rounded corners on the thumb that opens a gallery?

The grapich file itself will still be square even if you create rounded corners for the photo.
You can create rounded borders with CSS3, but IÔÇÖm not sure if all browsers support it. See info here: http://www.css3.info/preview/rounded-border/
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
benjino
Posts: 38
Joined: Thu Aug 19, 2010 6:53 pm
Location: San Diego, CA

Re: rounded corners on the thumb that opens a gallery?

No, it's not compatible with all browsers yet. I'd be happy with borderless, rounded thumbs. Just pop in a PNG-24 and it should go well.
benjino
Posts: 38
Joined: Thu Aug 19, 2010 6:53 pm
Location: San Diego, CA

Re: rounded corners on the thumb that opens a gallery?

Rounded corners for the opening thumb would be created in PS by creating a clipping mask with rounded corners. Two PS layers > Rounded corner rectangle tool > clipping mask to image > then using the stroke from fx to apply a stroke to the rectangle shape > output to PNG-24 for the thumb size > zero out the border in CSS.

}
.highslide img {
border: 0px solid silver;
}
Last edited by benjino on Fri Aug 20, 2010 7:11 pm, edited 1 time in total.
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: rounded corners on the thumb that opens a gallery?

Just remember that IE6 doesnÔÇÖt support transparency in PNG-24.
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
benjino
Posts: 38
Joined: Thu Aug 19, 2010 6:53 pm
Location: San Diego, CA

Re: rounded corners on the thumb that opens a gallery?

Darn. I've still got a lot to learn.

Return to “Highslide Editor”