Hoppa till innehållet

Wikipedia:Länkfärg

Från Wikipedia

Länkfärg avgör på Wikipedia status för den motsvarande målsidan.

Standardfärgerna i skinnet "Vector" (standardinställning sedan 2010) är:

Länkfärg Typ Färgkod Färglåda
Blå länk Länk till en existerande obesökt sida #0645AD = rgb(6,69,173)     
Mörkblå länk Länk till en existerande besökt sida #0B0080 = rgb(11,0,128)     
Röd länk Länk till en icke-existerande obesökt sida #CC2200 = rgb(204,34,0)     
Ljusröd länk Länk till en icke-existerande besökt sida #A55858 = rgb(165,88,88)     
Brun länk Stubblänk – visas endast om inställningen "Gräns för stubblänk-formatering (byte)" är aktiverad #772233 = rgb(119,34,51)     
Ljusblå länk Länk till en obesökt sida på en annan wiki eller en obesökt extern webbsida #3366BB = rgb(51,102,187)     
Lila länk Länk till en besökt sida på en annan wiki eller en besökt extern webbsida #663366 = rgb(102,51,102)     
Orange länk Aktiv länk till en existerande sida #FAA700 = rgb(250,167,0)     
Grön länk Länk till en obesökt omdirigeringssida – visas endast om denna stilmall är aktiverad #008000 = rgb(0,128,0)     
Ljusgrön länk Länk till en besökt omdirigeringssida – visas endast om denna stilmall är aktiverad #548B54 = rgb(84,139,84)     

Observera att färgerna i färglådorna kan verka mörkare än texten i samma färg. Länkar i fetstil tenderar också att se mörkare ut. Dessutom kommer den faktiska färgen som ses av en användare variera något beroende på dess operativsystem, skrivbordsinställningar, webbläsare, samt dess skärm och (för låg-end-LCD-skärmar) betraktningsvinkel. Inloggade användare kan också ändra färgerna genom att välja ett annat skinn eller använda anpassade CSS.

Anpassa länkfärger

[redigera | redigera wikitext]

Anpassa länkfärger för interna länkar (aktiva för alla)

[redigera | redigera wikitext]

Du kan anpassa interna länkar så att de får en annan färg såhär:

* [[Hyperlänk|<span style="color:green;">Denna sida existerar</span>]]
* [[Sida som inte finns|<span style="color:green;">Denna sida existerar inte</span>]]

Vilket resulterar i:

* Denna sida existerar
* Denna sida existerar inte

Man kan även använda sig av existensdetektion, gör såhär:

* [[Hyperlänk|{{#ifexist:Hyperlänk|<span style="color:green;">Denna sida existerar</span>|Denna sida existerar inte}}]]
* [[Sida som inte finns|{{#ifexist:Sida som inte finns|<span style="color:green;">Denna sida existerar</span>|Denna sida existerar inte}}]]

Vilket resulterar i:

* Denna sida existerar
* Denna sida existerar inte

Anpassa länkfärger för interna länkar (aktiva för dig)

[redigera | redigera wikitext]

Du kan också anpassa länkfärger genom att redigera din personliga CSS-fil.

Standardlänkväljare är:

  • a:link — definierar stilen för normala obesökta länkar
  • a:visited — definierar stilen för besökta länkar
  • a:active — definierar stil för aktiva länkar; länkar blir aktiva när du klickar på dem
  • a:hover — definierar stilen för svävade länkar; länkar svävar när muspekaren befinner sig över dem

Färgerna definieras av hexadecimala färgkoder. Se Wikipedia:Färger för en tabell över färgkoder för utvalda färger:

/* standard link colors */
.mw-body a:link { color: #0000FF; } /* Normala obesökta länkar */
.mw-body a:link:visited { color: #7F007F; } /* Besökta länkar */
.mw-body a:link:active { color: #FF0000; } /* Aktiva länkar */
.mw-body a:link.new { color: #FF0000; } /* Nya länkar */
.mw-body a:link.interwiki { color: #3366BB; } /* Interwikilänkar */
.mw-body a:link.external { color: #3366BB; } /* Externa länkar */
.mw-body a:link.stub { color: #772233; } /* Svävande länkar */

.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00FF00}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #0000FF}

Noter:

  • a:hover måste komma efter a:link och a:visited
  • a:active måste komma efter a:hover
  • Du måste inkludera ".mw-body" framför standardlänkdefinitionen, annars kommer standarddefinitionen fortfarande att ha företräde framför vad du har definierat.
Omdirigeringslänkar

Visa omdirigeringar som gröna länkar:

.mw-body a.mw-redirect {color:#308050}
.mw-body a.mw-redirect:visited {color:#3070A0}
Externa länkar
.mw-body a.external {color: #008000}

Övriga anpassningar av länkfärger

[redigera | redigera wikitext]

Du kan också formatera texten på andra sätt.

Textdekoration

Detta möjliggör formatering som understrykningar – exempelvis:

.mw-body a:link {color: #000000; text-decoration: underline; }

Möjliga värden är:

  • none
  • underline
  • overline
  • line-through
Typsnitt

Du kan ändra länktypsnitt:

.mw-body a:link {font-family: monospace}

Undvik annorlunda färgade länkar

[redigera | redigera wikitext]

Länkar ska tydligt kunna identifieras som länkar till läsarna. Avstå från att använda annorlunda färgade länkar, där anpassningen är aktiv för alla. Dessa kan försvåra läsbarheten för användare med defekt färgseende eller göra så att användare inte kan skilja länkar från vanlig text. Artiklar ska inte innehålla länkar med annorlunda färger annat än i undantagsfall. Riktlinjer för färger på mallar (navigationsrutor) finns på Wikipedias stilguide.