Samenvatting
De groep Achtergrond zet de kleur en de afbeelding achter een blok of element. De groep heeft vijf velden.
Drie andere kleurvelden staan buiten deze groep. Zij horen wel bij dit onderwerp, want zij gebruiken dezelfde kleurkiezer.
Die kiezer staat hier een keer beschreven. Elk kleurveld in de editor werkt op dezelfde manier.
Wanneer gebruik je dit?
Je gebruikt deze velden als een blok of element een andere kleur moet krijgen dan je thema geeft. Of als er een afbeelding achter moet.
Geldt de kleur voor je hele website, zet hem dan als variabele in je thema. Lees Themavariabelen.
Je komt hier ook zoeken wat een keuze doet, bijvoorbeeld het verschil tussen twee schaalkeuzes. Dat staat in de overzichtstabel hieronder.
Hoe werkt dit in Mach3Blocks?
Je selecteert je blok of element en opent het tabblad Opmaak. Daar klap je de groep Achtergrond open.
Een pagina heeft als enige selectie alleen deze ene groep. Bij media, een scheiding, een viewport en een kaart staat er alleen het kleurveld.
De kleurkiezer
Je klikt op het gekleurde vlakje van een kleurveld. Dan opent de kiezer.
| Onderdeel van de kiezer | Wat het doet |
|---|---|
| de kop Thema | een vlakje per kleurvariabele van je website |
| de kop Gebruikt | de kleuren die op je website al voorkomen |
| het kleurvlak eronder | een vrije kleur kiezen |
| het lege vlakje | de kleur op transparant zetten |
| het procentveld ernaast | de doorzichtigheid van deze ene kleur, van 0 tot 100 |
Kies je een vlakje onder Thema, dan bewaart het veld je variabele en niet de kleurwaarde. Wijzig je die variabele later, dan gaat dit veld mee.
Kies je een kleur uit het kleurvlak, dan gebeurt dat niet. Die kleur blijft staan zoals je hem zette.
Het lege vlakje voor transparant staat niet bij elk kleurveld. Het verschijnt alleen waar transparant ook de standaardwaarde is.
De kleurkiezer in je thema is een andere kiezer, met invoervelden voor een kleurcode. Lees Themavariabelen.
Een afbeelding kiezen
Het veld Afbeelding heeft twee knoppen ernaast. Met Bladeren kies je een bestand uit je bestandsbeheer. Met Wissen haal je je gekozen bestand weer weg.
Onder je gekozen bestand verschijnt een extra instelling. Welke dat is, hangt af van het soort bestand.
| Soort bestand | Wat er onder je bestand verschijnt |
|---|---|
| SVG | een vulkleurkiezer, waarmee je de kleuren van het bestand vervangt |
| BMP, JPEG, JPG, PNG of WEBP | twee keuzelijsten voor de maximale breedte en hoogte, met zeven maten van 240 tot 1920 pixels |
Die maatinstelling verkleint je bestand naar de maat waarop het wordt getoond. Dat verkort de laadtijd van je pagina.
Het uitsnijden van een achtergrond
Een achtergrondafbeelding snijd je niet bij in het bestand zelf. Je regelt het met twee velden.
| Keuze bij Grootte | Wat je ziet |
|---|---|
| Automatisch | de eigen maat van je bestand |
| Dekkend | je vlak is gevuld, en de randen van je afbeelding vallen weg |
| Passend | je hele afbeelding is zichtbaar, en er blijft ruimte over |
Met Positie kies je welk deel in beeld blijft. De negen standen staan in de overzichtstabel.
Een achtergrondafbeelding is iets anders dan een afbeeldingselement. Dat element heeft zijn eigen veld op het tabblad Instellingen.
Elk van de vijf velden heeft de knop Schermgrootte waarde toevoegen. Lees Opmaak per schermgrootte.
De veldnaam zelf is ook een menu, het veldmenu. Daarin zet je een waarde terug of een niveau hoger. Lees Opmaakniveaus.
Overzichtstabel met opties, waarden en standaard
De groep Achtergrond
| # | Veld | Wat het zet | Keuzes en waarden | Standaard |
|---|---|---|---|---|
| 1 | Kleur | de achtergrondkleur | elke kleur, of een variabele uit je thema | transparant |
| 2 | Afbeelding | de achtergrondafbeelding | een bestand uit je bestandsbeheer | geen |
| 3 | Positie | welk deel van je afbeelding in beeld blijft | Links boven, Links midden, Links onder, Midden boven, Midden midden, Midden onder, Rechts boven, Rechts midden, Rechts onder | Links boven |
| 4 | Grootte | de schaal van je afbeelding | Automatisch, Dekkend, Passend | Automatisch |
| 5 | Herhaling | of je afbeelding zich herhaalt | Herhaling, Horizontaal, Verticaal, Geen | Herhaling |
De eerste keuze bij Herhaling heet net als het veld. Dat is geen vergissing in deze tabel.
De drie kleurvelden buiten deze groep
| Veld | Groep op het scherm | Wat het zet | Waar je het vindt |
|---|---|---|---|
| Kleur | Typografie | je tekstkleur | kop, tekst, knop, nummer, handler |
| Voorgrondkleur | Weergave | de kleur van je media-inhoud | media en viewport |
| Vulkleur, met de veldmelding voor SVG | Weergave | de kleuren binnen een SVG-bestand | media, icoon en control |
Aanbevolen instelling
Er is geen kleur die overal goed is. Wat hieronder staat, is wat het platform zelf doet.
| Veld | Standaardwaarde |
|---|---|
| Kleur | transparant, dus je ziet wat erachter staat |
| Afbeelding | leeg |
| Positie | Links boven |
| Grootte | Automatisch |
| Herhaling | Herhaling |
Het product geeft zelf een regel over de plek van een kleur. Een kleur die op meer dan een plek moet gelden, hoort een variabele in je thema te zijn.
De keuze tussen de drie schaalstanden hangt af van je vlak. Dekkend vult het vlak en snijdt bij; Passend laat je hele afbeelding zien en laat ruimte over.
Voorwaarden en rechten
Je hebt het recht Websites/presentaties stijlen nodig. Zonder dat recht is er geen tabblad Opmaak, en dus geen enkel opmaakveld.
De knop Bladeren brengt je naar je bestandsbeheer. Voor het beheren van bestanden gelden eigen rechten.
Welke rol het opmaakrecht standaard heeft, staat in Thema uitgelegd.
Gevolgen bij verkeerd instellen
Een kleur uit je thema en een vaste kleur gedragen zich verschillend. Dat verschil is het grootste risico bij deze velden.
Wijzig je een themavariabele, dan verandert elk veld mee dat ernaar verwijst. Een vaste kleur blijft staan zoals je hem zette.
Draait je blok naar een andere kleurmodus, dan volgt een themakleur die stand. Een vaste kleur volgt hem niet. Lees Kleurmodus van blok.
Zet je een grote afbeelding op Herhaling, dan zie je de herhaling pas op een breed scherm. Controleer je pagina dus op meer dan een schermgrootte.
Een gewijzigde waarde staat meteen in Mach3Blocks. Op je live website verandert zij pas nadat je opnieuw publiceert.