Hoe maak je een aangepast en uniek kleurenschema op elke webpagina die je wilt

Wat heb je nodig: Firefox met de Greasemonkey add-on geinstlleerd. Allereerst gaan we Greasemonkey installeren: https: / / addons.mozilla.org/en-US/firefox/addon/748/

Na het herstarten van Firefox ga je naar http://userscripts. org / of beter ga direct naar het High_Contrast script http://userscripts.org./scripts/show/2563

Vervolgens gaan we naar de map waarin uw Greasemonkey scripts zijn opgeslagen.In Windows zal dit iets zijn als:. Documenten en Settings/userapplication/ datamozilla/ firefoxprofiles +7565fgdgd.default/gm_scripts

In mijn Arch-linux installatie zit het in /home/paul/.mozilla/firefox/qqnkoj88.default/gm_scripts

Maak een nieuwe map aan, met een naam, passend bij je aangepaste kleurenschema. Ik kies yellow_red, goed want dat zijn de kleuren die ik wil, heldere gele letters te gebruiken op een rode achtergrond.Kopieer het bestaand high_contrast.user.js in de high_contrast map naar je nieuwe map yellow_red.Nu bewerken we het js bestand met een eenvoudige tekst-editor . In Windows kan het nodig zijn om de bestandsextensie veranderenvan .js naar .txt. te kunnen doen gaan we dit gedeelte te wijzigen that.Als de bestandssoort aanduiding niet zichtbaar is in Verkenner, ga dan naar mapopties, en haal het vinkje weg bij "bestandsextensie verbergen".

Nu gaan we de volgende sectie:

Pref("aggressive", false) ? global_css : alternative_css

// true means we go right ahead and apply our stylesheet.

// false means it's just an alternative you can select under "View: Page Style"

)([

'body, * {',

' background-color: ' + Pref('black_colorval', '#000') +' !important;',

' background-image: none !important;',

' color: ' + Pref('white_colorval', '#fff') +' !important;',

'}',

'a:link { color: ' + Pref('link_colorval', '#a0a0ff') +

' !important; text-decoration: underline !important; }',

'a:visited { color: ' + Pref('vlink_colorval', 'purple') +

' !important; }',

'a:active { color: ' + Pref('alink_colorval', 'red') +

' !important; }'

].join("\n"), Pref('stylesheet_name', "White-On-Black"));

}

vervangen door:

Pref("aggressive", false) ? global_css : alternative_css

// true means we go right ahead and apply our stylesheet.

// false means it's just an alternative you can select under "View: Page Style"

)([

'body, * {',

' background-color: ' + Pref('red_colorval', '#FF0000') +' !important;',

' background-image: none !important;',

' color: ' + Pref('yellow_colorval', '#FFFF00') +' !important;',

'}',

'a:link { color: ' + Pref('link_colorval', '#a0a0ff') +

' !important; text-decoration: underline !important; }',

'a:visited { color: ' + Pref('vlink_colorval', 'purple') +

' !important; }',

'a:active { color: ' + Pref('alink_colorval', 'green') +

' !important; }'

].join("\n"), Pref('stylesheet_name', "Yellow-On-Red"));

}

Wat ik heb gedaan is zwart vervangen door rood en wit door geel en ook de andere kleurencodes zijn aangepast aan wat ik wilde.

Waar vind je dit hexadecimale codes voor kleur?

Bijvoorbeeld hier: http://www.december.com/html/spec/color.html

Nu willen we de goede naam in het script zetten, zodat ie goed wordt aangeduid:

Verander in regel 84

link.setAttribute("title", title || "WhiteOnBlack");

to

link.setAttribute("title", title || "YellowOnRed");

Nadat je zo de kleuren van het script hebt veranderd, kun je de naam van het script zelf veranderen in yellow_red.user.js

Nu moeten we zorgen dat greasemonkey kan het nieuwe script kan vinden.

In gm_scripts vindt je config.xml.

Weer open je dit met een teksteditor en dan kopieer je een script element dat begint met <Script en eindigt met /Script>.

Dit gaan we weer wijzigen, verander de tekst tussen de haakjes < >:

Script filename="high_contrast.user.js" name="High_Contrast" namespace="http://interglacial.com/" description="makes the background black and the text white, either in an alternate stylesheet you can select as needed, or immediately" enabled="true" basedir="high_contrast"

naar

Script filename="yellow_red.user.js" name="Yellow_Red" namespace="http://interglacial.com/" description="makes the background red and the text yellow, either in an alternate stylesheet you can select as needed, or immediately" enabled="true" basedir="yellow_red"

Bewaar en sluit de teksteditor.

Activeer het nieuwe script door firefox te herstarten and ga naar Beeld, Paginastijl, selecteer yellow_red ( of View, Pagestyle, select yellow_red).

Nieuwe Kleurenschema op elke pagina of alleen wanneer je dat wilt?

Default staat het hoge contrast script of het yellow_red ingesteld als een pagina optie.

Dus elke keer alsje een pagina in dit kleurenschema wilt bekijken moet je het activeren op de hierboven beschreven manier.

Je kunt echter dit kleurenschema tot standaard maken voor je webbrowser.

Open de config pagina in Firefox door in de adresbalk te typen: about: config, filter op vervolgens op interglacial. Verander de eerste lijn met de tag agressive de boolean waarde van false in true door te dubbelklikken op de regel.









 


Search



Belangrijke Pagina's

“Laatste Nieuws”



Lees over recente ontwikkelingen; nieuwe toevoegingen worden hier vermeld

“Kinderversie”



Kinderen kunnen hard zijn, maar zijn ook open en tot leren bereid. Deze pagina's probereren kinderen gevoelig te maken voor het lot van gehandicapte kinderen en aan te geven hoe ze die kunnen helpen en steunen

“Site overzicht”



Een snel overzicht over alle pagina's en thema's die je op deze site kunt vinden. Alle onderwerpen zijn zelf geschreven en origineel.

Gastenboek

Erg veel  hartverwarmende reacties.Bedankt alvast voor je reactie. Wordt  altijd gewaardeerd.

“English version”



A summary of the most significant themes on this site.