Visited links in different color?

[Korak]

I wanna have this style on ALL my links in the Gallery:

Code: [Select]

a:visited { text-decoration: underline; color: Purple }
a:link { text-decoration: underline; color: #336699; }
a:hover { text-decoration: underline; color: #CC0000; }
a:active { text-decoration: underline; color: #FF0000; }
If I click the back-button in my browser after cliking a link it works...the vivited link turns Purple.
But as soon as I update the the page, the link goes back to 336699.

How can I solve this??

Feels like I tried everything now...

[V@no]

After I saw your post, I tryed it on my site, it worked just fine, all visted links stayed purple. but...some links lost hover attribut....so, I asume, that if u use class inside a link ( <a href="link" class="subcat">something</a> ) then u'll need specify hover, visited, active attributes for that class.

[Korak]

Yes, I also tried that...didn't work.
Where did you change your style. In header.htm?

[Korak]

It seems impossible for me to get it to work...as soon as I update a page it's back to the normal a:link color instead of a:visited.
If anyone wanna have a look, and maybe get some ideas what might be wrong:
Eskobar Online - Gallery

[SLL]

it's pretty possible  

you have to define not the global, but href colors for your custom class, like this: A.myclass:hover  A.myclass:visited etc...

[Korak]

I'm not quite sure what you mean?
If you mean changing maincat etc I already tried it...didn't work:

Code: [Select]

.maincat {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.maincat:visited { color: Purple; }
.maincat:link { color: #336699; }
.maincat:hover { color: #CC0000; }
.maincat:active { color: #FF0000; }

.subcat {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

.subcat:visited { color: Purple; }
.subcat:link { color: #336699; }
.subcat:hover { color: #CC0000; }
.subcat:active { color: #FF0000; }

Maybe someone could post a style.css where a:link, a:visited, a:active and a:hover works inside this topic.
I'd appreciate it a lot!

[V@no]

SLL ment do something like this:

Code: [Select]

A.maincat:visited { color: Purple; }
A.maincat:link { color: #336699; }
A.maincat:hover { color: #CC0000; }
A.maincat:active { color: #FF0000; }

[Korak]

Didn't work either  
Same thing...as soon as I update the color goes back to normal.

I just don't get it...how can it be so hard to get such a basic, simple thing to work??
What is it in this script that takes away this possibility?

Here's my style.css:

Code: [Select]

body {
  background-color: #F1F1F1;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  }

hr {
  height: 4px;
  color: #C0C0C0;
  background-color: #ffffff;
}

ul, li, p, td {
  color: 000000;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
}

.tablehead {
  background-color: #EAEAEA;
  color: #C0C0C0;
  border : 0px;
   }

.tablebottom {
  background-color: #C0C0C0;
   border : 0px;
}

.bordercolor {
  background-color: #999999;
}

.tablebgcolor {
  background-color: #F1F1F1;
}

.navbar {
  background-color: #FFFFFF;
  border : 0px;
}

.row1 {
  background-color: #FFFFFF;
  color: #505050;
}

.row2 {
  background-color: #F1F1F1;
  color: #333333;
  font-size: 8.5pt;
  font-weight: bold;
}

.head1 {
  background-color: #CFD7DA;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #CFD7DA;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color : #333333;
}

.smalltext {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 8.0pt;
  font-weight: normal;
  color : #434951;
 
}

.smalltext:visited { color: #414F54; }
.smalltext:link { color: #414F54; }
.smalltext:hover { color: #990000; }
.smalltext:active { color: #CC0000; }

.marktext {
  color: Blue;
  background-color: #ffffff;
}

.new {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  color: Red;
  font : bold;
}

form {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
}

.logininput {
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  vertical-align: middle; }
}

.textarea {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
}

.setperpageselect {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
}

.categoryselect {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  background-color: #EEEEEE;
  color: Black;
  font-size: 11px;
}


/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #FFFFFF;
}

.maincat {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

A.maincat:visited { color: Purple; }
A.maincat:link { color: #336699; }
A.maincat:hover { color: #CC0000; }
A.maincat:active { color: #FF0000; }

.subcat {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

A.subcat:visited { color: Purple; }
A.subcat:link { color: #336699; }
A.subcat:hover { color: #CC0000; }
A.subcat:active { color: #FF0000; }

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #FFFFFF;
  color: #666666;
}

.imagerow2 {
  background-color: #EFEFEF;
  color: #666666;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #FFFFFF;
  color: #000000;
}

.commentrow2 {
  background-color: #FFFFFF;
  color: #000000;
}

.commentspacerrow {
  background-color: #DEDEDE;
  color: #C0C0C0;
}

.commenttextarea {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  font-size: 11px;
  width: 270px;
}

[SLL]

i didn't try it with 4images. below is a part of css from one of my sites, which is 100% working. try to fugure out what's wrong with yours

Code: [Select]

A.headrow:hover        
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #354463
 }
A.headrow:link          
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff
 }
A.headrow:acitve        
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #354463
 }
A.headrow:visited      
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff
 }
A.headrow:acitve:hover        
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #354463
 }
A.headrow:visited:hover      
 {
 text-decoration: none;
 font-family: Tahoma;
 font-size: 14px;
 font-weight: bold;
 color: #354463
 }

.headrow {font-family: Tahoma; font-size: 14px; font-style: normal; color: #ffffff; background-color: #5f7797; font-weight: bold; text-align: left}


[Korak]

Nope, doesn't work with 4images.
It must be something somewhere in the 4images script that takes away the possibility to change the color of visited links.

How can this be??? I don't get it....

[V@no]

Nope, doesn't work with 4images.
It must be something somewhere in the 4images script that takes away the possibility to change the color of visited links.

How can this be??? I don't get it....

ther is nothing could be wrong with 4images. Since u manage/created/edited templates, there is something wrong with your templates.
can u try use your style.css on default template?

[Korak]

Sure...I'll try it right away.

[SLL]

V@no is absolutely right. The way 4images is built, the only responsible for colors and other formatting is stylesheet and corresponding "class" in the templates. So, there's nothing in the script itself to prevent css formatting. Check again if you didn't remove some "class" tag in the templates.

[Korak]

Now I'm using ALL the original templates AND the original style.css.
Instead of the original a:hover { color: #000000; } I added this:

Code: [Select]

a:visited { text-decoration: underline; color: Purple }
a:link { text-decoration: underline; color: #336699; }
a:hover { text-decoration: underline; color: #CC0000; }
a:active { text-decoration: underline; color: #FF0000; }

This is ALL the changes I have done now and it doesn't work...update a page = back from Purple to #336699.

Have a look here and try:
http://www.eskobar.nu/gallery/

Can someone pleeease tell me what I'm doing wrong?
Do I need to go through EVERY template and add a class of my own to ALL links?

[SLL]

have a look at http://faces.dalnet.ru

a:link,a:visited { text-decoration: none; color: #444444;}
a:hover,a:active { text-decoration: underline; color: #F49B39;}

that's a part of my style.css. as you can see, it works...