Det er mulig å sette inn små pene bokser med tekst som ligger inne i selve innlegget ditt uten alt for store anstrengelser.
Tekstboks
Her er et eksempel på en slik boks.
Slike bokser kan brukes for å sette inn ting du vil fremheve, sette inn en liten liste med regler, linker til nettsider du synes er relevante, eller hva som helst.
Denne lille boksen laget jeg ved hjelp av en enkel liten HTML-kode:
<div> </div>
Inne i div-elementet satte jeg inn tekst med en overskrift:
<h4>Tekstboks</h4>
Her er et eksempel på en slik boks.
For å få boksen til å flyte til høyre, gi den en ramme, sette farge og tykkelse på rammen, sette bakgrunnsfargen på boksen til lyseblå, med mer brukte jeg CSS (Cascading Style Sheet). På boksen ovenfor brukte jeg:
style="border: 2px solid #267abf; margin: 3px; padding: 4px; float: right; background-color: #e6f2ff; width: 30%;"
Viktig
Du kan også legge annonser i slike små bokser
Rammen bestemmes av “border” – jeg gir en tykkelse på 2px, bruker heltrukken linje (solid) og gir den fargen #267abf. Jeg kunne godt brukt “blue”, “red” eller “black” som farge. Her er den samme boksen med “red” og 3px som tykkelse:
margin: 3px; padding: 4px;
gir et mellomrom utenfor boksen til teksten i innlegget på 3px og padding gir et mellomrom mellom teksten inne i boksen og selve rammen på 4px.
Gul bakgrunn
Og grønn ramme denne gangen.
background-color: #e6f2ff;
er fargen på bagrunnen inne i boksen – jeg kunne også brukt “white”, “yellow” eller andre farger.
Og float: right; sier at boksen skal “flyte” til høyre – også “left” og “center” er mulige. Og til slutt sier “width: 30%;” at boksen skal være 30% av bredden på selve teksten i innlegget.
Slik ser hele koden ut:
<div style="border: 3px solid green; margin: 3px; padding: 4px; float: right; background-color: yellow; width: 30%;"> <h4>Gul bakgrunn</h4> Og grønne rammer denne gangen.</div>
Du trenger ikke på kunne HTML og CSS for å lage slike bokser i din egen tekst – alt du trenger er å klippe og lime koden ovenfor inn i innlegget ditt. Så kan du eksperiementere med farger, bredder og alt det der etter hvert.
Lykke til!
PS: Her er en link til en anmeldelse av en nyttig liten bok om dette som jeg fant på nettet: Begynnerbok om HTML og CSS.
