Forum aanpassen met Stylish
Op 11 augustus 2014 werd het nieuwe officiële forum gepubliceerd. Vooral de lay-out is veranderd, en verder zijn er ook een aantal nieuwe functies. Niet iedereen is echter tevreden met deze lay-out, zo is de achtergrond gewoon helemaal groen en is het lettertype wat vet. Gelukkig is het mogelijk om dit aan te passen met behulp van de gratis extensie Stylish.
Opmerking: het is aangeraden om Stylish NIET meer te installeren, en indien de extensie al geïnstalleerd is, deze te verwijderen! Stylish bevat spyware en is sinds juli 2018 ook niet meer beschikbaar in de Chrome Web Store (bron). Stylus is een goed alternatief. Deze handleiding is (nog) niet bijgewerkt voor Stylus, en is momenteel dus nutteloos.
Opmerking: het is aangeraden om Stylish NIET meer te installeren, en indien de extensie al geïnstalleerd is, deze te verwijderen! Stylish bevat spyware en is sinds juli 2018 ook niet meer beschikbaar in de Chrome Web Store (bron). Stylus is een goed alternatief. Deze handleiding is (nog) niet bijgewerkt voor Stylus, en is momenteel dus nutteloos.
Inhoud
- De extensie Stylish installeren
- Stijlen toevoegen aan Stylish
- Stijlen bewerken in Stylish (Google Chrome)
- Stijlen bewerken in Stylish (Firefox)
- Gelijkaardige handleidingen
De extensie Stylish installeren
Met de extensie Stylish kan je de lay-out van websites helemaal veranderen, zoals het gebruikte lettertype en de achtergrondafbeelding. Stylish is beschikbaar voor Google Chrome en Mozilla Firefox. Om de lay-out van het forum te kunnen aanpassen met Stylish, moet je deze extensie wel eerst toevoegen aan je browser.
Stijlen toevoegen aan Stylish
Je kan zelf een nieuwe stijl beginnen schrijven, maar dit is echter niet nodig, aangezien Pinguintech dit ooit al eens gedaan heeft voor het oude officiële forum. Als je op de link klikt, kom je op een pagina terecht waar je verschillende achtergronden kan downloaden voor het oude forum van De Sims 3. Er zijn momenteel 3 verschillende achtergronden beschikbaar, die van Midnight Hollow, Aurora Skies en Dragon Valley. Klik bij de achtergrond die je wil hebben op "Forum" en vervolgens zal je op een pagina terechtkomen zoals de pagina hiernaast. Vervolgens klik je op "Install with Stylish".
|
Stijlen bewerken in Stylish (Google Chrome)Rechtsbovenaan in je browser zal je normaal het pictogram van Stylish zien vanaf het moment dat je de extensie geïnstalleerd hebt. Als je hier op klikt, zal je een optie "Manage installed styles" zien, hier moet je op klikken om de stijl aan te passen voor het forum van De Sims 4. Ik gebruik als voorbeeld de stijl die de achtergrond van Dragon Valley toevoegt aan het forum van De Sims 3.
|
Het eerste wat je moet doen, is de stijl beschikbaar maken voor het nieuwe forum. Onderaan klik je bij "Applies to" op "Add", en in het kadertje dat je dan krijgt, type je forums.thesims.com.
In deze code kan je verder ook o.a. het gebruikte lettertype op de site veranderen. Bij "font-family" staat er tussen haakjes Trebuchet MS. Dit kan je veranderen in een lettertype naar keuze, ik heb Arial gekozen. De haakjes mag je weglaten aangezien die enkel gebruikt worden wanneer de naam van een lettertype spaties bevat. Wanneer je de stijl vervolgens opslaat, zullen de letters niet meer zo vet zijn als ze oorspronkelijk waren.
Verder zijn er nog een aantal noodzakelijke wijzigingen die je moet doen. Zo staat "text-align" ingesteld op center, dit moet je veranderen in left om te voorkomen dat de tekst gecentreerd wordt op het forum. Verder hoef je niets te veranderen aan de code en kan je dus op Save klikken.
Als het niet helemaal gelukt is, of als je geen zin hebt om met de code te rommelen, kan je gewoon mijn code kopiëren. De ingestelde achtergrond is dan wel die van Dragon Valley, dus als je een andere wil zal je het wel zelf moeten doen.
In deze code kan je verder ook o.a. het gebruikte lettertype op de site veranderen. Bij "font-family" staat er tussen haakjes Trebuchet MS. Dit kan je veranderen in een lettertype naar keuze, ik heb Arial gekozen. De haakjes mag je weglaten aangezien die enkel gebruikt worden wanneer de naam van een lettertype spaties bevat. Wanneer je de stijl vervolgens opslaat, zullen de letters niet meer zo vet zijn als ze oorspronkelijk waren.
Verder zijn er nog een aantal noodzakelijke wijzigingen die je moet doen. Zo staat "text-align" ingesteld op center, dit moet je veranderen in left om te voorkomen dat de tekst gecentreerd wordt op het forum. Verder hoef je niets te veranderen aan de code en kan je dus op Save klikken.
Als het niet helemaal gelukt is, of als je geen zin hebt om met de code te rommelen, kan je gewoon mijn code kopiëren. De ingestelde achtergrond is dan wel die van Dragon Valley, dus als je een andere wil zal je het wel zelf moeten doen.
html, body {
min-height: 100%;
height: 100%;
background-image: url('http://lvlt.thesims3.com/content/global/images/backgroundImages/Background_DragonValley_ver902864.jpg') !important;
background-attachment: fixed;
background-color: rgb(0, 36, 73);
background-repeat: no-repeat;
background-position: 47% top !important;
text-align: left;
margin: 0px;
padding: 0px;
font-family: Arial;
width: 100%;
}
Wanneer je alles vervolgens opslaat en je het forum bezoekt, zal je zien dat het forum weer een beetje meer op het oude forum lijkt, met een stad uit De Sims 3 als achtergrond en een veel minder vet lettertype.
Stijlen bewerken in Stylish (Mozilla Firefox)Wanneer je Firefox als browser gebruikt, zal je een aantal andere dingen moeten doen als wanneer je Google Chrome gebruikt. Klik allereerst rechtsbovenaan op het pictogram van de extensie Stylish, en in het menu dat er verschijnt klik je op "Stijlen beheren...". Wanneer je hier op klikt zal je een overzicht van alle stijlen vinden. Om een stijl te kunnen aanpassen, moet je op "Wijzigen" klikken.
|
Vervolgens komt er een venster tevoorschijn waarin je de volgende code vindt.
Het eerste wat je moet doen, is de stijl beschikbaar maken voor het nieuwe forum. Bovenaan staat er bij "@-moz-document domain" forum.thesims3.com. Dit moet je veranderen in forums.thesims.com.
In deze code kan je verder ook o.a. het gebruikte lettertype op de site veranderen. Bij "font-family" staat er tussen haakjes Trebuchet MS. Dit kan je veranderen in een lettertype naar keuze, ik heb Arial gekozen. De haakjes mag je weglaten aangezien die enkel gebruikt worden wanneer de naam van een lettertype spaties bevat. Wanneer je de stijl vervolgens opslaat, zullen de letters niet meer zo vet zijn als ze oorspronkelijk waren.
Verder zijn er nog een aantal noodzakelijke wijzigingen die je moet doen. Zo staat "text-align" ingesteld op center, dit moet je veranderen in left om te voorkomen dat de tekst gecentreerd wordt op het forum. Verder hoef je niets te veranderen aan de code en kan je dus op Opslaan klikken.
Als het niet helemaal gelukt is, of als je geen zin hebt om met de code te rommelen, kan je gewoon mijn code kopiëren. De ingestelde achtergrond is dan wel die van Dragon Valley, dus als je een andere wil zal je het wel zelf moeten doen.
In deze code kan je verder ook o.a. het gebruikte lettertype op de site veranderen. Bij "font-family" staat er tussen haakjes Trebuchet MS. Dit kan je veranderen in een lettertype naar keuze, ik heb Arial gekozen. De haakjes mag je weglaten aangezien die enkel gebruikt worden wanneer de naam van een lettertype spaties bevat. Wanneer je de stijl vervolgens opslaat, zullen de letters niet meer zo vet zijn als ze oorspronkelijk waren.
Verder zijn er nog een aantal noodzakelijke wijzigingen die je moet doen. Zo staat "text-align" ingesteld op center, dit moet je veranderen in left om te voorkomen dat de tekst gecentreerd wordt op het forum. Verder hoef je niets te veranderen aan de code en kan je dus op Opslaan klikken.
Als het niet helemaal gelukt is, of als je geen zin hebt om met de code te rommelen, kan je gewoon mijn code kopiëren. De ingestelde achtergrond is dan wel die van Dragon Valley, dus als je een andere wil zal je het wel zelf moeten doen.
@-moz-document domain('forums.thesims.com') {
html, body {
min-height: 100%;
height: 100%;
background-image: url('http://lvlt.thesims3.com/content/global/images/backgroundImages/Background_DragonValley_ver902864.jpg') !important;
background-attachment: fixed;
background-color: rgb(0, 36, 73);
background-repeat: no-repeat;
background-position: 47% top !important;
text-align: left;
margin: 0px;
padding: 0px;
font-family: Arial;
width: 100%;
}
}
Wanneer je alles vervolgens opslaat en je het forum bezoekt, zal je zien dat het forum weer een beetje meer op het oude forum lijkt, met een stad uit De Sims 3 als achtergrond en een veel minder vet lettertype.
Gelijkaardige handleidingen
Ook op andere websites staan er handleidingen zoals deze. Op pinguintech.nl zijn er twee handleidingen die over hetzelfde onderwerp gaan, met het enige verschil dat je hier de stijlen niet meer zelf moet maken, omdat pinguintech de stijlen zelf al gemaakt heeft en jij ze dan enkel nog moet downloaden. Als je dus geen zin hebt om het allemaal zelf te doen, ga dus zeker eens kijken.