Demoside med billedkomponenter
Komponenten "Billede - Hero"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Billede i RTE
Billedtekst med reduceret margin (på billedet) og muted-text på teksten.
- Billede 12 kolonner i RTE: standard
- Billede 8 kolonner i RTE: Indsæt class="eight-columns"
- Billede 6 kolonner i RTE: Indsæt class="six-columns"
- Billede 4 kolonner i RTE: Indsæt class="four-columns"
Skærmbillede i RTE
Brug class="phone-screenshot", hvis du vil vise et skærmbillede fra en mobil i content. Effekten er, at billedet vises centreret i 320 pixels bredde - uanset originalbilledets størrelse i Umbraco.
Billede højre/venstrestillet i RTE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Tilføj class="image-no-rounded" i HTML'en, for at undgå rundede hjørner på mobilen
Skjul/vis billede på mobil
Nedenfor er der indsat to billeder i RTE. Det første billede skjules på en mobil med class="hide-phone". Det andet billede vises på en mobil med class="show-phone".
Bruges som et alternativt billede på mobil i situationer, hvor et billede eller en grafik ikke fungerer godt på mobil.
Tekst ved siden af billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in risus lacus. Curabitur pharetra neque vitae porta dignissim. Morbi volutpat magna pellentesque accumsan vehicula. Proin ultricies est odio. Proin nisl sapien, aliquet non quam non, euismod bibendum urna.
