NOTICE: RocketTheme will be releasing templates for Joomla! 1.5 only starting January 2009. Read the thread…
RocketTheme  |  General  |  General Discussion  |  Topic: How to: Get rid of the unsightly link outline from your templates « previous next »
Pages: [1] Go Down Print
Author Topic: How to: Get rid of the unsightly link outline from your templates  (Read 3961 times)
GollumX
Professional
Hero Rocketteer
*
Offline Offline

Posts: 2755


Got Coffee?

How to: Get rid of the unsightly link outline from your templates
« on: June 25, 2007, 10:04:18 AM »

Since FireFox 1.5, there have been unsightly dotted outlines around links after you click on them.

I normally don't mind as it's pretty unobtrusive. However, I noticed when using rokzoom in 'album' mode, the outline is pretty annoying. (See attached)

The fix
Fixing it is pretty simple: open up your template_css.css file and add :
Code:
a  {
   outline: none;
}

Note: forgive Andy for overlooking this Smiley ; he uses a Mac and for some reason the dotted outlines only appear in FF for Windows.

Note to mods: I put this here as it applies to any template, but feel free to move it elsewhere if you think it doesn't belong here. Also, please delete if this has already been addressed elsewhere.
« Last Edit: June 25, 2007, 10:18:27 AM by GollumX » Logged

Say no to Internet Explorer 6.
Peter Osipof
Hero Rocketteer
*****
Offline Offline

Posts: 916


aravot at joomla.org

WWW
Re: How to: Get rid of the unsightly link outline from your templates
« Reply #1 on: June 25, 2007, 10:25:40 AM »

Thanks
Logged

Knowledge is knowing tomato is a fruit, wisdom is not putting in your fruit salad.
VirtueMart is looking for team members.
William E Dooley
Professional
Hero Rocketteer
*
Offline Offline

Posts: 597


Re: How to: Get rid of the unsightly link outline from your templates
« Reply #2 on: June 27, 2007, 05:25:22 PM »

Thanks GollumX, been annoyed by that grey box when clicking on buttons for over a month now:)
Logged
GollumX
Professional
Hero Rocketteer
*
Offline Offline

Posts: 2755


Got Coffee?

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #3 on: June 27, 2007, 05:48:31 PM »

Thanks GollumX, been annoyed by that grey box when clicking on buttons for over a month now:)

you're welcome. hey did you notice that daniel chapman submitted a vertical moomenu in the member submissions forum? i recall you posted a request for it.
Logged

Say no to Internet Explorer 6.
James S!
Muffin Man
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 40145


Firebug...Firebug...Firebug!

WWW
Re: How to: Get rid of the unsightly link outline from your templates
« Reply #4 on: June 28, 2007, 12:41:29 AM »

I still think dark rokzoom is sexier  Smiley
Logged

Firebug Video Tuts: - Editing HTML - Javascript Errors - Logo Changes

Video tutorials on how to use Firebug, its what we use Smiley
Robert Chr
Professional
Rocketeer
*
Offline Offline

Posts: 73

WWW
Re: How to: Get rid of the unsightly link outline from your templates
« Reply #5 on: June 28, 2007, 05:41:02 AM »

thanks...

Do you know how to get rid of the save, print, email, openfolder that shows up over every image ? Probably its from windows itself, but maybe you guys know how to turn it off...

thanks again Smiley)
Logged

GollumX
Professional
Hero Rocketteer
*
Offline Offline

Posts: 2755


Got Coffee?

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #6 on: June 28, 2007, 06:05:05 AM »

http://support.microsoft.com/kb/318284 <<< see the second option here on how to turn that off for specific images. to turn it off for the whole page, you'll have to open up frontpage and follow the instructions provided, then check the page in code view. copy the changes you see to your RT templates
Logged

Say no to Internet Explorer 6.
William E Dooley
Professional
Hero Rocketteer
*
Offline Offline

Posts: 597


Re: How to: Get rid of the unsightly link outline from your templates
« Reply #7 on: June 28, 2007, 07:43:09 AM »

Thanks GollumX, been annoyed by that grey box when clicking on buttons for over a month now:)

you're welcome. hey did you notice that daniel chapman submitted a vertical moomenu in the member submissions forum? i recall you posted a request for it.

No, I hadn't seen..THANKS!:) Will check that out ASAP!
Logged
Andy Miller
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 6119


RTTC Kahuna

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #8 on: June 29, 2007, 09:11:04 AM »

Before everyone jumps on this, the outline is there for a reason, it's used for keyboard control for folks with disabilities.  Turning it off can effectively render your site useless to them.
Logged
GollumX
Professional
Hero Rocketteer
*
Offline Offline

Posts: 2755


Got Coffee?

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #9 on: June 29, 2007, 09:44:54 AM »

A good point there. Sad that only Firefox has this. Anyway, will the following work to just rid the rokzoom popup of the ugly outline?

Code:
#rbLinks a {
   outline: none;
}

Logged

Say no to Internet Explorer 6.
Andy Miller
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 6119


RTTC Kahuna

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #10 on: June 29, 2007, 11:01:13 AM »

should.. did you try?
Logged
Mike VanKirk
Support
RocketTheme
Hero Rocketteer
*
Offline Offline

Posts: 8215


WWW
Re: How to: Get rid of the unsightly link outline from your templates
« Reply #11 on: June 29, 2007, 01:07:53 PM »

Yeah, it works for rokzoom.  I did this at the beginning of the month and didn't share...sorry. Cheesy
Logged

GollumX
Professional
Hero Rocketteer
*
Offline Offline

Posts: 2755


Got Coffee?

Re: How to: Get rid of the unsightly link outline from your templates
« Reply #12 on: June 29, 2007, 04:57:28 PM »

should.. did you try?
Only with Firebug Smiley

Yeah, it works for rokzoom.  I did this at the beginning of the month and didn't share...sorry. Cheesy

hehehe... we probably all stand guilty of not sharing at some point or another.
Logged

Say no to Internet Explorer 6.
Pages: [1] Go Up Print 
RocketTheme  |  General  |  General Discussion  |  Topic: How to: Get rid of the unsightly link outline from your templates « previous next »
Jump to: