hvordan lage en link som holder seg hvit?

[glad]

Hei, holder på og utvikle denne siden, http://cs.w4n.org viss dere ser øverst så ser dere noen linker, hvordan lager jeg slik at den er hvit den link boksen som jeg er inne på, jeg har ikke mulighet til og lage forskjellig bakrunn på hver side, fordi siden er basert på wordpress og er derfor dynamisk, må jeg bruke php i så fall hvordan gjøres det?

[PHPdude]

Har da ingenting med PHP å gjøre. Endres i CSS-fila.

a - Alle linker

a:hover - Når musa er over linken

a:visited - Når linken peker til en side som har blitt vist før

 

Let etter disse i CSS-fila til Wordpress.

[glad]

Er faktisk klar over dette da, designet lager jeg sjøl, men når jeg bruker aktiv så er den hvit bare når jeg trykker på den når jeg bruker visited så er den hvit når jeg har besøkt den, da blir alle hvit ettervært og hover er jo når jeg har musa over.

Endret 9. november 2006 av glad

[glad]

Skal liksom ha den linkboksen til og være hvit når jeg er inne på siden, f.eks jeg trykker på about så skal about bli hvit så trykker jeg på home da skal home bli hvit og about bli vanlig skjønner?

[-Teddy-]

Det han sier er at han vil ha "aktive" linker. Den linken som tilsvarer undersiden som besøkes skal ha hvit bakgrunn.

 

Dette kan ikke utev videre fikses i CSS uten at html'en er rett. For å få rett html uten å ha mulighet til å endre menyen fra side til side manuelt, må man over på et annet språk. Vet ikke om PHP kan brukes til dette selv, har for liten erfaring med det hittil selv. Vil dog tippe på det.

 

Jeg ville gjort det enkelt; Er menyen din statisk, dropp å inkludere den fra WordPress. Skriv linkene selv, og gi linken du skal ha hvit bakgrunn på en egen id for hver underside. Noe tungvint om man skal oppdatere menyen senere.

 

EDIT: Brukte noe lang tid på å poste denne, trådstarter har alt forklart ting selv ja..

Endret 9. november 2006 av -Teddy-

[jallamamba]

Jeg fant ikke disse elementene i CSS fila di:

a:link {

text-decoration: none;

color: #000000;

}

a:visited {

color: #333333;

text-decoration: none;

}

a:hover {

text-decoration: none;

color: #CC0000;

}

a:active {

text-decoration: none;

color: #00FF00;

}

(dette er kopiert fra min CSS og andre farger enn det du vil ha)

 

Om du legger til dette i toppen på CSS'en din og velger riktig farge så tror jeg det vil funke, eller er det jeg som har oversett noe annet?

Endret 9. november 2006 av jallamamba

[glad]

Jeg ville gjort det enkelt; Er menyen din statisk, dropp å inkludere den fra WordPress. Skriv linkene selv, og gi linken du skal ha hvit bakgrunn på en egen id for hver underside. Noe tungvint om man skal oppdatere menyen senere.

7252759[/snapback]

 

Skjønner hva du mener, men det er vel egentlig ikke mulig siden, alt er dynamisk kan jo selvsagt lage menyen statisk men det ville jo ikke hjelpe siden undersiden er dynamisk, og da kan jeg jo ikke legge til forskjellige id-er på menyen siden, den ikke vil vite hvilken siden jeg er på, uff vanskelig og forklare men skjønte du hva jeg mente?

[glad]

Er klar over at de ellementene mangler siden den er stilt på en litt annen måte siden det er wordpress som backend, men viss du tar en ny titt i css fila vil du legge merke til #nav li:active og det er det nærmeste jeg kommer det jeg mente i css, har faktis holdt på med css/xhtml i snart 2år.

[-Teddy-]

Jeg begynte med wordpress her om dagen jeg og, vet at det er mye å holde styr på i starten.

 

Catcha ikke helt hva du skulle fram til over her, selv har jeg en statisk meny på min blog. (signatur)

 

Jeg bruker følgende kode:

<div id="meny">
 <a id="lenger" href="http://teddyen.net/">Hjem</a><br />
 <a href="http://teddyen.net/?page_id=2">Profil</a><br />
 <a href="http://teddyen.net/?page_id=3">Galleri</a><br />
 <a href="http://teddyen.net/?page_id=5">Kontakt</a><br />
</div>

 

For de som gremmes over at menyen min ikke er i en liste og min totale misbruk av html generelt i denne menyen må jeg bare beklage. Etter to døgn uten å få menyen høyrestilt ved bruk av inline lister gjorde jeg det etter Rema 1000-prinsippet. #lenger er der bare fordi den var 1px forskjell mellom to av linkene, det så ut som en feil.

[enden]

Du kan ikke sette active på li-elementer. Hvis det er linkene som skal være hvite så er det elementet a som skal brukes (gjelder alle typer linker, så kan du heller definere a:hover til en annen stil om du vil).

 

Stilarket har forøvrig ingentng med om siden er generert i wordpress eller ikke. Wordpress setter sammen en haug med elementer på serverside og sender det til klienten. Klienten henter så inn stilarket og bygger opp utseendet basert på det.

 

edit, etter å ha lest det første innlegget noen ganger til så skjønner jeg at det kanskje ikke er linkene du vil endre farge på, men selve bakgrunnen til hver link? Du bør ta deg litt bedre tid med innleggene dine og passe på tegnsetting slik at det er lettere å skjønne hva du mener. Da slipper du masse rot i tråden på grunn av misforståelser

[glad]

Koden over vil ikke virke på grunn av at content er dynamisk, hentet ut fra en database, hadde content vært statisk ville det latt seg gjøre, wordpress kan jo ikke gjette seg til at den skal skifte til klassen hvit når jeg er inne på siden og klasse vanlig når den er ute av den aktuelle siden, og siden content er dynamisk kan jo ikke jeg legge forskjellige klasser inn på forskjellige sider, skjønner?

[glad]

Du kan ikke sette active på li-elementer. Hvis det er linkene som skal være hvite så er det elementet a som skal brukes (gjelder alle typer linker, så kan du heller definere a:hover til en annen stil om du vil).

 

Stilarket har forøvrig ingentng med om siden er generert i wordpress eller ikke. Wordpress setter sammen en haug med elementer på serverside og sender det til klienten. Klienten henter så inn stilarket og bygger opp utseendet basert på det.

 

edit, etter å ha lest det første innlegget noen ganger til så skjønner jeg at det kanskje ikke er linkene du vil endre farge på, men selve bakgrunnen til hver link? Du bør ta deg litt bedre tid med innleggene dine og passe på tegnsetting slik at det er lettere å skjønne hva du mener. Da slipper du masse rot i tråden på grunn av misforståelser

7252971[/snapback]

 

Du kan sette active på li elementer, jeg vet at det ikke er valid, men det funker bare prøv og trykk på den du, og ja det var bakgrunnsfargen det var snakk om, tok meg ikke god tid til den css delen med de linkene siden jeg ikke fikk det til og funke uansett, og wordpress sender menyen ut i en ul klasse med li

 

Edit: killyou, ser at du har en statisk meny, men den gjør ikke det jeg vill den skal gjøre for det er ikke mulig med css2.

Endret 9. november 2006 av glad

[enden]

Nå vil en li pr definisjon ikke være aktiv på noe tidspunkt, så det vil nok ikke hjelpe deg. Jeg er litt usikker på om en lenke vil være aktiv dersom du trykker på den og side lastes på nytt med innholdet.

 

Dersom linken fortsatt regnes som aktiv kan du stile #meny a til å være X*X px stor slik at selve linken lager sin egen boks. Deretter kan du få a:active til å endre bakgrunnsfarge. Det er det nærmeste jeg kommer sånn i farten.

[glad]

En link er bare aktiv i det sekundet du trykker på den.

[glad]

Fikset det du sa, men det hjalp ikke siden liken bare er aktiv i det sekundet den trykkes på, jeg er sikker på at du trenger en form for php script for dette her, noen som vet hvor jeg kan finne det?

[enden]

Linken er aktiv til en annen hendelse i dokumentet overstyrer. Åpne du f.eks. en side i et nytt vinu vil linken fortsatt være aktiv når du kommer tilbake. Dessverre er lastingen av den aktuelle siden en hendelse som setter linken tilbake til normalstatus.

 

Problemet med å gjøre dette serverside er at det ikke er noe som skiller de ulike linkene fra hverandre slik de spyttes ut fra WordPress

[glad]

Men jeg har sett slike wordpress sider før, så det må finnes et script eller?

[-Teddy-]

Makan da?

Undersidene har jo alltid samme URL adresse.

Bytt ut hele den phpsnutten som henter linkene og erstatt den med følgende:

(med mindre jeg nå har misforstått noe alvorlig)

 

Forsiden:

Klikk for å se/fjerne innholdet nedenfor

<div id="nav">
<ul>
 <li><a id="gjeldende" href="index.php">Home</a></li>
 <li><a href="http://cs.w4n.org/?page_id=5" title="About">About</a></li>
 <li><a href="http://cs.w4n.org/?page_id=4" title="Nemis">Nemis</a></li>
 <li><a href="http://cs.w4n.org/?page_id=3" title="Server rules">Server rules</a></li>
 <li><a href="http://cs.w4n.org/?page_id=8" title="Admins">Admins</a></li>
 <li><a href="http://cs.w4n.org/?page_id=6" title="Forum">Forum</a></li>
</ul>
</div>

 

About:

Klikk for å se/fjerne innholdet nedenfor

<div id="nav">
<ul>
 <li><a href="index.php">Home</a></li>
 <li><a id="gjeldende" href="http://cs.w4n.org/?page_id=5" title="About">About</a></li>
 <li><a href="http://cs.w4n.org/?page_id=4" title="Nemis">Nemis</a></li>
 <li><a href="http://cs.w4n.org/?page_id=3" title="Server rules">Server rules</a></li>
 <li><a href="http://cs.w4n.org/?page_id=8" title="Admins">Admins</a></li>
 <li><a href="http://cs.w4n.org/?page_id=6" title="Forum">Forum</a></li>
</ul>
</div>

 

og så videre..

 

Style det hele i CSS til det ser ut slik du vil ha det. Det enkle er ofte det beste.

 

Finnes sikkert noen lure måter å gjøre dette helautomatisk på, men jeg ser ikke noe galt i denne metoden med mindre du skal gjore store endringer i menyen din.

 

Du kan også brukte :active på <a>, men da må du ha menyen i en egen frame. Da forblir den nemlig aktiv, men frames er som alle vet fyfy så vil anbefale deg å styre unna.

[glad]

Viss ikke jeg er helt dom så lurer jeg på hvordan jeg skal legge til en meny i foreksempel about, siden about hentes ut fra wordpress så kan jeg jo ikke redigere den på noen måte, dermed kan jeg ikke legge til i css at den skal være hvit når jeg er inne på about.

[834HF42F242]

Jeg gir alle mine sider en ID rett under head. (med VbScript)

 

Eks:

<% Dim siteID
siteID = "forum" %>

 

Så setter jeg et argument på de aktuelle menyelementene:

 

<a href="/forum.asp" class="<% if siteID = "forum" then %>fokus-peker<% else %>normal-peker<% end if %>">Forum</a>

 

Veldig enkelt, og kan gjøres med PHP også.

Endret 10. november 2006 av neitakk