Jump to content

How to change active/visited link color on text and images?


Guest ironcross

Recommended Posts

Guest fandango

Hiya,

For images: you have to specify in the image tag e.g. <img src="images/uploads/blablabla.jpg" border="0">

For text links use the classes in your skin so e.g. <a href="http://www.blablabla.com" class="txtDefault">Link Text</a>

Link to comment
Share on other sites

Guest ironcross

So if there is no border on the images it will not change the "active" "visited" around the image and leave it borderless. For some reason I was thinking the linking color didn't have to do with a border on the image itself. I will try and see if I have borders setup on any image or not and try and change it.

anyone else run into this and fixed it?

check out the active linked images on my site to see what I mean.

Link to comment
Share on other sites

Guest ironcross

Also

fandango

if you notice any images that are not active links don't have the border so I don't see it being a global border issue but rather an active and visited link issue.

the

a.visited

a.active

is what I assume I need to locate but I have gone through every folder that I think would be the fix and many that I was just looking through just in case.

anyone know where to change the active link colors? odds are that is where I need to be.

Link to comment
Share on other sites

Guest fandango

So if there is no border on the images it will not change the "active" "visited" around the image and leave it borderless. For some reason I was thinking the linking color didn't have to do with a border on the image itself. I will try and see if I have borders setup on any image or not and try and change it.

anyone else run into this and fixed it?

check out the active linked images on my site to see what I mean.

Sorry i think i am misunderstanding you, are you saying you want to keep the borders and change the colours or get rid of the borders?

Only images that are hyperlinked get the borders added by default. Normal images do not get a border, just the same as text does and doesn't.

By default image border colours are blue for active and usually a deep purpley colour for visited.

Borders are set around an image link automatically with any html or webpage editor without having any stylesheets etc etc in place, unless you specify border="0".

You can change the colour of text links via the root/skins/yourskin/stylesheets/style.css file and add the class into the text "txtDefault"

.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #070F72;

text-decoration:none;

}

a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FF6600;

text-decoration:none;

}

Active image border colours you can change simply by adding in the <img> tag bordercolor="pink", but visited i am fairly sure is set to the deep purpley colour.

Link to comment
Share on other sites

Guest ironcross

So if I add the border="0" to each of the images whether an active link or not, the purple/standard active/visited link border will go away?

I guess I just don't get why it doesn't show it on the non linked images. Well you pretty much answered that with the "by default it comes with the active/visited color for links whether text or images" deal.

Will play around with adding the no border to active linked images and see how it goes.

Will also change out the txt default stuff as well to remove that active link/visited link color. Why purple/blue though..... o well it is what it is.

thank you for the info, will go and see if it works.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...