Denne side vil primært handle om billeder og layout. Du bruger oftest billeder til at understøtte en sjov tekst. Det mest almindelige er at finde et billede som passer godt til teksten, og derefter selv finde på en gakket undertekst til billedet.
Hvis du vil se hvordan, du sætter billeder, ind har vores venner på Wikipedia lavet denne pragtfulde gennemgang af billedefunktionen.
HUSK at uploade dem først!
Hende her er fra gammel tid altid blevet kaldt en tissekone
Hvad skal jeg vide først?
Sådan tjekker du dit layout
Hvis du har 1280 pixel-skærm kan du finde en artikel med
centreret indhold og sætte browseren i slap tilstand og trække den ind så der ikke er mere baggrundsfarve tilbage. Nu kan du switche mellem stram og slap og hele tiden tjekke dit layout.
Skærmbredder
De to herskende skærmbredder hedder 1024 og 1280 pixels i bredden.
Begge gør stadig krav på indflydelse sååå...selvom at Bill Gates nok får ret i at vi alle ligger med en bellytop med 1280 m.m. du har købt en Asus Eee PC, er det godt lige at se om siden opfører sig nogenlunde ens, da antallet af tekstlinier kan variere.
Hvor meget bredde er der i wiki
Bredde af indhold:
| Skærm(1024pixels)
|
Skærm(1280pixels)
|
|
|
Da bredden af dine billeder bruger mindste fællesnævner(skærm), skal bredden på billedet være max. 400px for ikke at teksten ser dum ud, ellers brug centreret billede.
Forskellige typer layout
Masser af tekst - få billeder
Dette er som udgangpunkt det letteste at håndtere, fordi størrelsen af billederne ændrer sig ikke, mens teksten nænsomt smyger sig om billedet.
Mange billeder
Start med som udgangspunkt at lægge billederne i forlængelse af hinanden i koden, så teksten bliver pænt venstre/højre-stillet hele vejen ned.
Du kan ændre bredden på billederne så forholdet billede/tekst er godt [1]
Rigtig mange billeder
Venstre og højrestillede billeder i artiklen gør teksten til en slags olie som hele tiden ville prøve at finde tomme huller. Det kommer der nogen gange nogle underlige ting ud af:
- Overskrifter som ikke står over teksten...
- Få linier tekst presset ind mellem nogle billeder...
- ...
- ...
Det kan godt lade sig gøre, men tjek layoutet.
Artikler:Olympiske Lege, Leonardo Da Vinci
Kun billeder
Her bruger du galleri-funktionen <gallery>
<gallery widths="82px" heights="82px" perrow="5">
Billede:Jb_spy.jpg|[[Spionen der elskede mig|The Spy Who Licked Me]]
Billede:Jb_view.jpg|[[A view to a kill|A View To A Hill]]
Billede:Jb_in_her.jpg|[[I hendes majestæts hemmelige tjeneste|In Her Majesty's Secret Pants]]
Billede:Jb_die.jpg|[[Die another day|Dry another Hair]]
Billede:Jb_live.jpg|[[Lev og lad dø|Live And Get High]]
</gallery>
[2]
giver:
Hvad er centreret layout?
I de situationer hvor det er den måde artiklen ser ud på... og ikke indholdet, som er det vigtigste, kan man ligesom størsteparten af alle hjemmesider vælge at centrere indholdet:
Eksempel
<div style="background-color:#DDDDDD; width:100%;">
<center><div style="text-align:center;background-color:#EEEEEE;border:black inset 5px;width:690px;">
<big>'''(indhold)'''</big>
</div></center>
</div>
giver:
Prøv at trække ud til 1280px, så du kan se hvordan indholdet bliver på midten og antallet af linier i artiklen forbliver konstant.
Overflow
En anden mulighed til at styre sit layout, hvis forhold højde(billede/tekst) skal være det samme er at bruge div med overflow.
Eksempel
Her har jeg et billede af kendt politiker
Jeg ønsker at min tekst ved siden af billedet skal være lige så høj som billedet, uanset skærmbredde. Jeg sætter en højde og skriver hvad den skal gøre hvis der ikke er plads til teksten.
[[Billede:Uffe.jpg|thumb|Dette er kun en prøve]]
<div style="border:grey groove 3px;height:208px;overflow-y:scroll;">
Dette er dødssyg designertekst etc.etc.
</div>
giver:
Dette er kun en prøve
Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst Dette er dødssyg designertekst
Tjek den ud i begge skærmbredder
Som virkemiddel er en scrollbar midt i en artikel rimelig hvis der kommer en lang opremsning af en eller andens bestyrelsesposter hvad ved jeg...
Noter
- ↑ Du kunne selvfølgelig også skrive noget mere tekst, dit dovendyr
- ↑ Bemærk:Ingen skarpe parenteser om billede-taggen i gallery-mode)
