Baggrundsfarve på links på specifikke urls

Tags:    html css

Hej.

Jeg har et spørgsmål i forbindelse med siden her (lavet med Joomla!):
http://www.musikipedia.dk/

Her er link til sidens to css filer (hvis det skulle blive nødvendigt):
http://www.musikipedia.dk/templates/jp_dailypraise2_j1.5/css/template.css
http://www.musikipedia.dk/templates/jp_dailypraise2_j1.5/css/theme1.css

I top-menuen har jeg forskellige links. Jeg vil gerne have baggrundsfarven på de enkelte links til at skifte, afhængigt af hvilken side (dvs. url) man er på. Er det muligt via css (eller skal jeg ændre php koden?) at gå ind og definere for hvert link, på hvilke specifikke urls linket skal have en anden baggrundsfarve?

Via sidens administratorpanel kan jeg give hvert link i topmenuen en forskellig class. Det kunne eksempelvis tænkes at jeg giver et menulink en klasse og så i css filen definerer at hvis man er på en af disse 15 webadresser, så skal menulinket have sort baggrund.

På forhånd tak :)
Med venlig hilsen og god sommer
Lasse.



4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
a.toplink1[href=http://noget.com/a.html],
a.toplink1[href=http://noget.com/b.html] {
background:black
}

Eller er jeg helt gal på den, og er det slet ikke i css filen det skal stå?


Nu spurgte du specifikt om hvordan du kunne få det til at stå i CSS filen... Men det er nok ikke der jeg ville putte den, men snarere i en klasse, hvis navn beskriver grunden til hvorfor du vil have den sort.



Indlæg senest redigeret d. 28.07.2010 16:01 af Bruger #3143
Du kan bruge

a[href=http://noget.com/a.html]

men det virker kun på hele URL'en, så du kan fx ikke hive kun domænet ud, og ældre udgaver af IE understøtter det ikke. IE6 gør hvert fald ikke, og jeg kan ikke huske om IE7 gør.



Tak for svaret. Jeg er dog ikke helt sikker på, hvordan jeg skal bruge koden...

Hvis nu jeg har et link med en klasse med navn:
toplink1
og jeg gerne vil have baggrunden til at være sort på følgende to sider:
http://noget.com/a.html
http://noget.com/b.html
hvordan ville jeg så skulle notere det i CSS filen? Eller er jeg helt gal på den, og er det slet ikke i css filen det skal stå?



Tak for hjælpen!
Jeg kigger selv lidt videre på det, og ser om jeg kan få det implementeret korrekt.



t