Schilderen CSS-sjablonen

Aanpasbare schilderwerk-CSS-sjablonen voor kunstwerken en interieurprojecten

Een galerijontwerp kan er vlekkeloos uitzien met demobeelden, maar problemen geven zodra echt werk wordt geplaatst. Impasto verliest zijn textuur op een drukke achtergrond en een lichte aquarel valt bijna weg tegen fel wit. Schilderwerk-CSS-sjablonen zijn kant-en-klare pagina- en blokontwerpen waarvan het uiterlijk wordt bepaald door CSS; de vraag is hoe die vormgeving samengaat met uw schilderijen of kamerfoto's.

Stijlen kiezen die passen bij doeken en geschilderde ruimtes

Bijna-witte aquarellen hebben een achtergrond met een lichte tint nodig, terwijl ingetogen olieportretten kunnen wegvallen tegen een zeer donkere achtergrond. Het uitsnijden is net zo belangrijk: een layout die elke kaart in een vierkant dwingt, snijdt de randen van hoge portretten en brede landschappen af.

Deze demodetails laten het beste zien hoe een ontwerp omgaat met schilderwerk:

• Kaarten die verticale, horizontale en vierkante werken tonen zonder de compositie af te snijden
• Bijschriften die leesbaar blijven naast verzadigde abstracte werken en diepe muurkleuren
• Hover-overlays die de titel leesbaar houden over een donker schilderij
• Voor-en-na-paren met gelijke breedtes en uitgelijnde labels

Een compact raster toont meer van een collectie op het scherm, maar penseelstreken verdwijnen op miniatuurformaat. Interieurfoto's volgen andere regels, omdat huiseigenaren muurafwerkingen tussen projecten vergelijken, wat alleen werkt wanneer elke foto dezelfde uitsnede en stijl voor bijschriften deelt.

Waar aangepaste CSS-regels thuishoren

Themakleuren beheren het gedeelde palet, terwijl aangepaste CSS van pas komt wanneer één groep werken een eigen behandeling vereist. Nicepage ondersteunt Custom CSS Code op element-, pagina- of siteniveau, en de documentatie over aangepaste CSS legt uit hoe u een elementklasse toewijst en gerichte regels toepast. Met één klasse op de kaarten van een serie portretopdrachten kunt u ze een dunne goudkleurige rand geven, terwijl gearchiveerde schilderijen eenvoudige randen behouden.

Een selector die op de hele site is gericht, kan onbedoeld een dienstenoverzicht of een andere tentoonstelling herstructureren; beginnen op element- of paginaniveau is daarom veiliger. Aangepaste CSS wordt in de editor bovendien niet op dezelfde manier weergegeven als in het voorbeeld, waardoor het voorbeeld de aangewezen plek is om elke wijziging te beoordelen.

Galerijkaarten op smalle telefoonschermen

Meerdere schilderijen in een desktoprij veranderen op een telefoon in krappe miniaturen, tenzij de layout trapsgewijs afschaalt. Met het raster van Nicepage in responsieve modi kunnen cellen op kleinere schermen onder elkaar worden gestapeld. In de telefoonmodus kunt u kaartbreedte, tussenruimten en opvulling aanpassen, zodat elk werk voldoende ademruimte krijgt. Voor-en-na-paren werken bij die breedte meestal beter onder elkaar, met een label direct boven elke foto.

Nadat het raster en de stijlen zijn gewijzigd, moet een weergave op een smal scherm nog steeds de volledige compositie van elk schilderij tonen, met elk bijschrift netjes naast de juiste afbeelding.