Följ Black Week på SweClockers
Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

enkel fråga, hur gör man unvisited links till fet font?

1
Skriv svar
Permalänk
Medlem
●

enkel fråga, hur gör man unvisited links till fet font?

jag har ett tillägg på chrome kallat stylish.
https://chrome.google.com/webstore/detail/stylish-custom-them...

har gjort så att länkar på en specifik sida jag klickar på ändras färg:
A:visited { color: #EAECEE ! important }

hur gör man så att länkar som inte har klickats på får fet/bold font?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Rimligtvis borde du kunna ändra stilen på alla länkar och sen överskriva den stilen för klickade länkar med något annat.

Visa signatur

i5-7600k . GTX 1080 . 16 GB

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av johanandersson:

Rimligtvis borde du kunna ändra stilen på alla länkar och sen överskriva den stilen för klickade länkar med något annat.

Gå till inlägget

hur?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Vet inte om det fungerar men du kan prova med:
a:link { font-weight: bold ! important }

a:link borde vara länkar som inte är besökta.

Visa signatur

Herman

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

hur?

Gå till inlägget

På det sättet som Sworst skriver. Om du inte vill att de besökta länkarna ska bli påverkade så kan du använda den koden du själv skrev för att "ändra tillbaka" den efter att alla länkar blivit påverkade.

Visa signatur

i5-7600k . GTX 1080 . 16 GB

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av sworst:

Vet inte om det fungerar men du kan prova med:
a:link { font-weight: bold ! important }

a:link borde vara länkar som inte är besökta.

Gå till inlägget

tack det funkade perfekt

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av johanandersson:

På det sättet som Sworst skriver. Om du inte vill att de besökta länkarna ska bli påverkade så kan du använda den koden du själv skrev för att "ändra tillbaka" den efter att alla länkar blivit påverkade.

Gå till inlägget

märker att klickade länkar också får fet stil. hur gör man så att klickade länkar inte påverkas av bold?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av relevantia:

märker att klickade länkar också får fet stil. hur gör man så att klickade länkar inte påverkas av bold?

Gå till inlägget

Du har ju redan en styling för a:visited där du sätter färgen.
Prova att även lägga till font-weight: normal där.

Visa signatur

Herman

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av sworst:

Du har ju redan en styling för a:visited där du sätter färgen.
Prova att även lägga till font-weight: normal där.

Gå till inlägget

detta funkar inte, får error:

A:visited { font-weight: normal color: #EAECEE ! important }

provade detta som inte heller funkar:
A:link { font-weight: bold ! important }
A:visited { color: #EAECEE ! important }
A:visited { font-weight: normal ! important }

klickade länkar blir bold.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

detta funkar inte, får error:

A:visited { font-weight: normal color: #EAECEE ! important }

provade detta som inte heller funkar:
A:link { font-weight: bold ! important }
A:visited { color: #EAECEE ! important }
A:visited { font-weight: normal ! important }

klickade länkar blir bold.

Gå till inlägget

Testa kommatecken mellan argumenten?

A:visited { font-weight: normal ! important , color: #EAECEE ! important }

Visa signatur

i5-7600k . GTX 1080 . 16 GB

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

detta funkar inte, får error:

A:visited { font-weight: normal color: #EAECEE ! important }

provade detta som inte heller funkar:
A:link { font-weight: bold ! important }
A:visited { color: #EAECEE ! important }
A:visited { font-weight: normal ! important }

klickade länkar blir bold.

Gå till inlägget

a:link {
font-weight: bold !important;
}
a:visited {
color: #EAECEE !important;
font-weight: normal !important;
}

?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Pseudo-klassen :visited kan inte användas för att sätta eller ta bort fet/normal stil. Den stöder bara ett fåtal attribut (såsom color). Läs mer om vilka attribut som fungerar på exempelvis MDN.

Det finns alltså inga sätt att ha olika weight-attribut för a:link och a:visited med enbart CSS.

Anledningen till denna begränsning finns beskriven i den här artikeln.

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av johanandersson:

Testa kommatecken mellan argumenten?

A:visited { font-weight: normal ! important , color: #EAECEE ! important }

Gå till inlägget

får error på kommatecken. tack ändå. det har blivit bättre med bold på allt iaf.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

får error på kommatecken. tack ändå. det har blivit bättre med bold på allt iaf.

Gå till inlägget

Det är semikolon (;) mellan properties i CSS, se svar nedan som visar hur du gör.

Skrivet av towhatend:

a:link {
font-weight: bold !important;
}
a:visited {
color: #EAECEE !important;
font-weight: normal !important;
}

?

Gå till inlägget
Senast redigerat
Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 1TB|

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av BrutalSwede:

Det är semikolon (;) mellan properties i CSS, se svar nedan som visar hur du gör.

Gå till inlägget

funkar inte. felplacrd verkar ha rätt.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

funkar inte. felplacrd verkar ha rätt.

Gå till inlägget

Ah, så klart. Missade hans svar.

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 1TB|

Redigera
Citera flera Citera
Permalänk
Medlem
●

kan någon skriva koden för att detta endast ska gälla på en specifik hemsida? exempelvis www.sweclockers.com

A:visited { color: #EAECEE ! important }
a:link { font-weight: bold ! important }

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

kan någon skriva koden för att detta endast ska gälla på en specifik hemsida? exempelvis www.sweclockers.com

A:visited { color: #EAECEE ! important }
a:link { font-weight: bold ! important }

Gå till inlägget

Det kan du inte skriva nån kod för. Du applicerar den där på en viss sida.
Jag förstår vad du är ute efter men då måste du applicera den där på Sweclockers, det gör du inte i kod.

Läs alla svar i tråden också, man kan inte applicera vilka styles som helst på visited.

Visa signatur

5700x3D | RTX 3080 | 2 TB M.2 | 32 GB RAM

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FX9:

Det kan du inte skriva nån kod för. Du applicerar den där på en viss sida.
Jag förstår vad du är ute efter men då måste du applicera den där på Sweclockers, det gör du inte i kod.

Läs alla svar i tråden också, man kan inte applicera vilka styles som helst på visited.

Gå till inlägget

det har något med detta att göra tydligen:

min nuvarande kod appliceras få flera hemsidor av någon konstig anledningen.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

det har något med detta att göra tydligen:
<Uppladdad bildlänk>

min nuvarande kod appliceras få flera hemsidor av någon konstig anledningen.

Gå till inlägget

Kolla denna:

https://superuser.com/questions/560539/how-can-i-force-my-css...

Du kan lägga en egen CSS på en specifik hemsida.

Finns addons till webbläsare som gör att du enklare kan hantera dessa.

Visa signatur

5700x3D | RTX 3080 | 2 TB M.2 | 32 GB RAM

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FX9:

Kolla denna:

https://superuser.com/questions/560539/how-can-i-force-my-css...

Du kan lägga en egen CSS på en specifik hemsida.

Finns addons till webbläsare som gör att du enklare kan hantera dessa.

Gå till inlägget

mitt problem löste sig. det var adblock som strulade till det.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

mitt problem löste sig. det var adblock som strulade till det.

Gå till inlägget

Bra att det löste sig, såg att du använder stylish. Den är inte att föredra vad jag förstår eftersom den samlar data. Så använd stylus istället som tillägg. Fungerar likadant men är Open-source och samlar inte in data.

läs här t.ex. https://github.com/openstyles/stylus/wiki/FAQ#what-are-the-ma...

Du vet att du kan använda Stylus eller better sweclockers (som gör SweC mer användbart också) till att få mörkt tema på Sweclockers hemsida också?

Senast redigerat länk.
Visa signatur

Tycker du inte om nya fonten och vill ha tillbaka Arial? Eller ändra utseendet på andra saker?
Installera Custom SweC UserCSS

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Lagers:

Bra att det löste sig, såg att du använder stylish. Den är inte att föredra vad jag förstår eftersom den samlar data. Så använd stylus istället som tillägg. Fungerar likadant men är Open-source och samlar inte in data.

läs här t.ex. https://github.com/openstyles/stylus/wiki/FAQ#what-are-the-ma...

Du vet att du kan använda Stylus eller better sweclockers (som gör SweC mer användbart också) till att få mörkt tema på Sweclockers hemsida också?

Gå till inlägget

grejjen med stylish är att dem numera tvingar folk att skapa konto på deras sida eller länka google konto, min adblock strulade till med länkningen.

om det strular igen hoppar jag över till stylus. tack.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

grejjen med stylish är att dem numera tvingar folk att skapa konto på deras sida eller länka google konto, min adblock strulade till med länkningen.

om det strular igen hoppar jag över till stylus. tack.

Gå till inlägget

Då är det ju ännu mer anledning att byta direkt. Om man ska skapa konto är det ännu mer kartläggning av ens unika surfning. Eftersom ett plugin som stylish/stylus kan läsa av allt på en hemsida så kan de samla in massor med info om dig. Skulle aldrig installera ett plugin som har de villkoren. Har aldrig upplevt att ublock strular med stylus för mig.

Visa signatur

Tycker du inte om nya fonten och vill ha tillbaka Arial? Eller ändra utseendet på andra saker?
Installera Custom SweC UserCSS

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Lagers:

Då är det ju ännu mer anledning att byta direkt. Om man ska skapa konto är det ännu mer kartläggning av ens unika surfning. Eftersom ett plugin som stylish/stylus kan läsa av allt på en hemsida så kan de samla in massor med info om dig. Skulle aldrig installera ett plugin som har de villkoren. Har aldrig upplevt att ublock strular med stylus för mig.

Gå till inlägget

är det lätt/går det att skapa nedanstående för en specifik hemsida på stylus i tillägget? det var väldigt enkelt förut på stylish då man skötte det på tillägget. nu krävs det att man skriver koderna på deras hemsida. väldigt skumt.

A:visited { color: #EAECEE ! important }
a:link { font-weight: bold ! important }

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av relevantia:

är det lätt/går det att skapa nedanstående för en specifik hemsida på stylus i tillägget? det var väldigt enkelt förut på stylish då man skötte det på tillägget. nu krävs det att man skriver koderna på deras hemsida. väldigt skumt.

A:visited { color: #EAECEE ! important }
a:link { font-weight: bold ! important }

Gå till inlägget

Går superbra, jag har gjort Wider Sweclockers direkt i Stylus.

Nu tog jag "Ny stil" som usercss, la in din kod och sedan sparade som ett test. tog ca 20 sek. Fungerar superbra för mig här. Tillsammans med både Ublock origin och Better Sweclockers med mörkt tema.
Kod:

Dold text

Kasta stylish ut genom fönstret och byt vet jag.

Visa signatur

Tycker du inte om nya fonten och vill ha tillbaka Arial? Eller ändra utseendet på andra saker?
Installera Custom SweC UserCSS

Redigera
Citera flera Citera
1
Skriv svar