Samenvatting
Een schaduw om een vak heen, een rand en een omlijning staan in drie groepen naast elkaar. Samen elf velden.
De groep Schaduw legt een schaduw om je hele vak. De groepen Rand en Omlijning zetten een lijn eromheen.
Een rand neemt ruimte in en schuift je andere elementen op. Een omlijning doet dat niet.
Wanneer gebruik je dit?
Je gebruikt deze velden als een blok of element diepte nodig heeft, of een lijn eromheen. Bijvoorbeeld een kaart die van je achtergrond moet loskomen.
Zoek je de schaduw achter je letters, dan ben je hier verkeerd. Lees Schaduw.
Je komt hier ook zoeken wat het verschil is tussen een rand en een omlijning. Dat staat hieronder.
Hoe werkt dit in Mach3Blocks?
Je selecteert je blok of element en opent het tabblad Opmaak. De drie groepen staan onder elkaar in de lijst.
| Groep | Plaats in de lijst | Waar je haar vindt |
|---|---|---|
| Rand | zevende | bij vrijwel elk onderdeel |
| Schaduw | achtste | overal behalve bij een pagina, een kaart en een scheiding |
| Omlijning | negende | knop, media, icoon, control en viewport |
Het verschil tussen een rand en een omlijning
| Wat je vergelijkt | Een rand | Een omlijning |
|---|---|---|
| ruimte | neemt ruimte in, dus je andere elementen schuiven op | neemt geen ruimte in |
| per zijde | ja, bij de dikte, de stijl en de kleur | nee, de lijn geldt rondom |
| afstand tot je element | geen, de lijn ligt tegen je element aan | een eigen veld, Afstand |
Een rand kan dus per kant een andere waarde krijgen. Lees Waarden per zijde of hoek.
De blokschaduw
De groep Schaduw heeft vier velden. Zij horen bij een eigenschap die zelf geen veld op je scherm heeft.
Die eigenschap staat wel in de keuzelijst van de pop-in Overgang toevoegen. Daar kies je hem om je hele schaduw in een keer te laten overlopen.
De vier velden van de omlijning zijn losse eigenschappen. Die kun je dus niet in een keer laten overlopen.
De kleur van je schaduw staat standaard op zwart. Het procentveld ernaast bepaalt hoe zichtbaar je schaduw is.
Dat procentveld regelt alleen die ene kleur. Wil je je hele element doorzichtig maken, gebruik dan Ondoorzichtigheid. Lees Filter.
Hoe de kleurkiezer werkt, staat in Kleuren en achtergrond.
Een lijn zonder stijl
Elk van de elf 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.
Wat hier niet staat
De groep Rand heeft een vierde veld, Ronde hoeken. Dat veld staat in Vormen en ronde hoeken.
Overzichtstabel met opties, waarden en standaard
De groep Schaduw
| # | Veld | Wat het zet | Waarden | Standaard |
|---|---|---|---|---|
| 1 | Afstand horizontaal | hoe ver je schaduw naar links of rechts ligt | getal met negen eenheden, ook negatief | 0 |
| 2 | Afstand verticaal | hoe ver je schaduw naar boven of onder ligt | getal met negen eenheden, ook negatief | 0 |
| 3 | Vervaging | hoe zacht de rand van je schaduw is | getal met negen eenheden, vanaf 0 | 0 |
| 4 | Kleur | de kleur van je schaduw | elke kleur, of een variabele uit je thema | zwart |
De groep Rand
| # | Veld | Wat het zet | Waarden | Standaard |
|---|---|---|---|---|
| 1 | Dikte | de dikte van je randlijn | getal met negen eenheden, vanaf 0; heeft zijden | Gemiddeld, dus de browser kiest de dikte |
| 2 | Stijl | de soort lijn | Geen, Gestippeld, Gestreept, Solide, Dubbel, Groef, Ribbel, Inleg, Opleg; heeft zijden | Geen |
| 3 | Kleur | de kleur van je randlijn | elke kleur, of een variabele uit je thema; heeft zijden | transparant |
De groep Omlijning
| # | Veld | Wat het zet | Waarden | Standaard |
|---|---|---|---|---|
| 1 | Dikte | de dikte van je omlijning | getal met negen eenheden, vanaf 0 | Gemiddeld, dus de browser kiest de dikte |
| 2 | Stijl | de soort lijn | dezelfde negen keuzes als bij de rand | Geen |
| 3 | Kleur | de kleur van je omlijning | elke kleur, of een variabele uit je thema | leeg |
| 4 | Afstand | de afstand tussen je element en zijn omlijning | getal met negen eenheden | 0 |
Wat elke eenheid volgt, staat in Ruimtes.
Aanbevolen instelling
Er is geen schaduw of lijn die overal goed is. Wat hieronder staat, is wat het platform zelf doet.
| Onderdeel | Wat het platform standaard doet |
|---|---|
| je schaduw | alle vier de velden op 0 of op zwart, dus zonder eigen waarde is er geen schaduw |
| je rand | Stijl op Geen, dus zonder eigen stijl is er geen rand |
| je omlijning | Stijl op Geen, dus zonder eigen stijl is er geen omlijning |
| de dikte van beide lijnen | Gemiddeld, dus de browser kiest de dikte |
De volgorde die daaruit volgt, is voor beide lijnen dezelfde. Kies eerst een stijl, dan een kleur, en dan een dikte.
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 groep Omlijning staat bij zes van de eenentwintig soorten selectie. Zie de tabel bovenaan voor welke dat zijn.
Welke rol dit recht standaard heeft, staat in Thema uitgelegd.
Gevolgen bij verkeerd instellen
De grootste val is de lijn die je niet ziet. Zet je een dikte zonder een stijl te kiezen, dan blijft je lijn onzichtbaar.
De tweede val gaat over ruimte. Een rand schuift je andere elementen op, en een omlijning niet.
Wil je een lijn die je indeling niet verandert, gebruik dan de omlijning. Wil je een lijn per kant, dan kan dat alleen met de rand.
Vervaging in de groep Schaduw mag niet negatief. De twee afstandsvelden mogen dat wel, en daarmee legt je schaduw zich naar links of naar boven.
Het procentveld naast je schaduwkleur bepaalt hoe zichtbaar je schaduw is. Op honderd procent is die kleur volledig dekkend.
Een gewijzigde waarde staat meteen in Mach3Blocks. Op je live website verandert zij pas nadat je opnieuw publiceert.