Spademanns Leksikon:Redigering for øvede/Billeder

TEKST | BILLEDER | CSS | SKABELONER | GADGETS | Tilbage

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?

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 f.eks når din tekst skal befinde sig mellem to billeder på 300px.

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

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 er en mulighed at bruge 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>

giver:

• 

  The Spy Who Licked Me

• 

  A View To A Hill

• 

  In Her Majesty's Secret Pants

• 

  Dry another Hair

• 

  Live And Get High

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:

(indhold)

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...