Csoportok neve más színnel

Valóban sokkal szebb és érthetőbb, de van egy kis bibi.
Egy laikus számára sokkal részletesebben kellett volna megadni hogy mit csináljon a kóddal.

Ha van template.php akkor ez a kód:
function phptemplate_username()
ha nincsen akkor:
létre kell hozni és ez a kód
<?php function phptemplate_username()

A drupal.hu highlighter-e megjeleníti a nyitó tagot is, ez megnehezíti, hogy minden esetben pontos színezett kódot lehessen küldeni.

De ez már csak szőrszál hasogatás. :)
Kár ezen meditálni amíg Adrienn nem jelez vissza.

Nagyon sok mindent kéne nagyon részletesen elmagyarázni, hogy megértsed, de megpróbálom röviden.

Mint már említettem a hivatkozásoknak 4 állapota van, és minden állapotot különböző módon lehet megjeleníteni (külön Dizájn mindegyikhez). Ha a webhely nem rendelkezik a hivatkozások sminkelését illetően, akkor a böngésző alapértelmezése fog érvényesülni. Ami jellemzően a kék betűk aláhúzva.
Tehát a 4 állapot:

:link

Minden hivatkozás ebben az állapotban kezdi pályafutását. A hivatkozás egy olyan oldalra vezet amit a felhasználó (más néven a webhely látogatója) még nem látott. Nem kell félni a böngészőknek (még) nincsenek telepatikus képességeik, hogy kiolvassák a tudást a monitor előtt ülők fejéből. Egyszerűen csak az előzmények-ből tudják

:visited

A link mögött egy olyan oldal van, amit már látott a felhasználó. Ezt viszont már tényleg az ember agyából olvassák ki a böngészők

:hover

Ebbe az állapotba egy link akkor kerül, amikor a felhasználó az egér kurzort a link fölé helyezi. Persze a gombok nyomkodása nélkül. Az egér kurzor távoztával a link visszakerül vagy a :link vagy a :visited állapotba.

:active

Ez egy tiszavirág életű állapot, ugyanis csak az egér kattintás idejére jön létre.

Ha megnézed a bluemarine smink stíluslapjának(style.css) a linkekre vonatkozó részét.
Akkor ezt fogod látni:

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}
 
a:hover {
  color: #0062A0;
  text-decoration: underline;
}
 
a:active, a.active {
  color: #5895be;
}

Rögtön az első sor, és az utána következő kapcsos zárójelek közötti rész azt mondja a böngészőnek hogy:

A nem látogatott linkek ÉS a már látogatott linkek is így nézzenek ki (tehát legyenek az alábbi módon egyformák){
  A betűk színe legyen : #027AC6;
  És a szöveg ne legyen kidekorálva semmiféle módon, még aláhúzással se;
}

a:link.female {
  background-color: pink;
} 

Akkor az a böngésző számára azt jelenti hogy a nem látogatott linkek egy külön csoportját(female) rózsaszín háttérrel jelenítse meg.

A te problémád itt kezdődik.
Nincsen utasítva a böngésző, hogy a female csoportba tartozó és már látogatott linkekkel mit csináljon. Ezért a böngésző úgy kezeli őket mint az összes többi már látogatott linket. Ezekről a bluemarine smink már rendelkezett, lásd fentebb.
Tehát nálad egy női név csak addig piros amíg nincsen meglátogatva, utána felveszi a bluemarine smink látogatott linkekre vonatkozó stílusát – ami szürkéskék.

de lassan kikékül az egész pirosam....

Megoldások
a.)Szólsz a webhely látogatóinak, hogy gyakran ürítsék az előzményeket.

b.)Meg kell adni azt hogy hogyan nézzenek ki a male és a female csoportba tartozó még nem látott linkek.

Egyformán

a:link.female, a:visited.female {
  background-color: pink;
} 

Különbözően

a:link.female {
  background-color: pink;
} 
a:visited.female {
  background-color: red;
}