Article written on 18. november 2011 by Anders T. Nielsen
Topic | Category | Platform / OS | Related issues... |
---|
Custom Class (CSS) | Editor modul | Alle MS Windows versioner | More about the same subject... |
Description of Problem / Solution:
Søren spørger:
Jeg kunne godt tænke mig lidt større afstand mellem nogle af bogstaverne i min tekst. Kan jeg formatere elementer (tekst, billeder, m.v.) med CSS ud over det »Stilassistenten« tilbyder?
Anders svarer:
Ja, det kan du godt. På »Stilassistenten« er der i nederste højre hjørne et felt med overskriften "Custom". Dette felt er lige netop en pladsholder til at du kan skrive din egen CSS-klasse. Du skal blot anvende almindelig CSS-syntaks. Efterfølgende markerer du teksten i WYSIWYG-editoren og mærker den op med din klasse. Og nu vil din klasses egenskaber blive påtrykt de elementer eller tekstblok, som er opmærket med klassenavnet. Husk derefter klassenavnet som du giver klassen når du navngiver din klasses navn i editoren. I Stilassistentens Custom-felt skal du efterfølgende referere til din klasse ved at starte med "." (punktum) efterfulgt af klassenavnet. Her kan du læse mere om Stilassistenten.
Eksempelvis, hvis du ønsker en del af din tekst skrevet - som denne tekstblok - med større afstand mellem bogstaverne (øget spasering) gør du følgende:
- Markerer den tekst i editoren, som du ønsker ændret,
- Klikker på DIV-ikonet,
- Vælger "Document Block" i Style-feltet,
- Skriver plusSpacing i Typografiark-feltet,
- Gemmer din side.
- Åbner »Stilassistenten« og scroller ned til Custem-feltet,
- I Custom-feltet skriver du din klasses stil på følgende måde:
.plusSpacing {letter-spacing: 0.2em;}
- Herefter gemmer du din stil og refresher din side - og nu har den del af teksten, som du markerede i editoren et andet udtryk (større afstand mellem bogstaverne) end resten af teksten.
Happy Styling'
|
Article written on 18. november 2011 by Anders T. Nielsen Article No. #40 |
Return....