Joomla Templates Club 406,261 posts

[istudio Friend istudioJoin date: September 2007Posts: 24Downloads:0Uploads:0 Thanks: 3]

#124956

How does one make the image edges round in the spotlight module?
Thanks

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#236304

It’s have been edited in Photoshop. You can create a mask with round conner and export images from there.

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#236325

that was going to be my next suggestion, then make the slider color the same as the background at it will also appear rounded

[nathans1 Friend nathans1Join date: September 2006Posts: 8Downloads:0Uploads:1]

#236362

I use Gimp with the “Rounded Corners” plugin…extremely easy

[istudio Friend istudioJoin date: September 2007Posts: 24Downloads:0Uploads:0 Thanks: 3]

#236395

Do you have a link to Gimp?
Thanks

[nathans1 Friend nathans1Join date: September 2006Posts: 8Downloads:0Uploads:1]

#236419

http://www.gimp.org

Rounded Corners Plugin: http://students.washington.edu/jkivligh/gimp_rounded_corners/

Install Gimp, then download plugin and unzip in the Plugin Directory of Gimp. The start/restart GIMP…Open your pic and choose “Select”, the Rounded Rectangle”

Then cut and paste into a new template…

There are many ways of doing this…this is just one of the easiest I have found…good luck!

[kade119 Friend kade119Join date: December 2007Posts: 62Downloads:0Uploads:0 Thanks: 7 Thanked: 1 times in 1 posts]

#236421

where do you insert the image in the css file? i know how to edit it w/ photoshop etc.. thats not a problem.. i’m just not seeing any divs that contain an image/graphic file for the swli.. could someone tell me? .. nevermind you guys are talking about the image itself, i want to round the corners on the rollover portion of it

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#236432

The JA Spotlight with image using built-in style, so you will find it in the file: mod_ja_slwi.php the div contain background style is the div with class=”ja-slwi”

[nathans1 Friend nathans1Join date: September 2006Posts: 8Downloads:0Uploads:1]

#236442

Just ran across this site: http://www.roundpic.com/

This will automatically make rounded corners for you, just upload and it does the rest…very nice!!!

[qbgraphics Friend qbgraphicsJoin date: April 2007Posts: 6Downloads:0Uploads:0]

#236712

Rounded corners – Photoshop CS3

Open your image.

Convert the background layer to a regular layer –> hold Opt/Alt key and double-click on the background layer in the Layers Palette.

Go to the Rounded Rectangle tool and give it 8px for Radius.

Click and drag from top left corner to bottom right corner.

In the Layers Palette, drag the Shape layer so it is under (below) the image layer.

Hold down the Opt/Alt key and place your cursor over the line that separates the shape layer from the image layer. A Clipping Mask icon will appear, click with the mouse.

Save and upload.

Bing, bang, boom… it works.

🙂

[depaulus Friend depaulusJoin date: February 2008Posts: 25Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#239113

😮 EXCELLENT share, doesn’t come easier than this.. Thanks

<em>@nathans1 36994 wrote:</em><blockquote>Just ran across this site: http://www.roundpic.com/

This will automatically make rounded corners for you, just upload and it does the rest…very nice!!!</blockquote>

[Author]

Posts