FANDOM


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!

Tissekone

Hende her er fra gammel tid altid blevet kaldt en tissekone

Hvad skal jeg vide først? redigér

40pxKlumme
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ærmbredderredigér

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 redigér

Bredde af indhold:

Skærm(1024pixels) Skærm(1280pixels)
W700 W900

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 redigér

Masser af tekst - få billeder redigér

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.

Billedet er som regel lige i øjet og er med til at forme humoren i teksten.

(Dette er i øvrigt én af Frodes første artikler da han var lærling på Spademanns)

Billed1

Mange billederredigér

Store flotte billeder er altid godt stof. Problemet er at antallet af linier kan ændre sig betragtelig mellem de to skærmsstørrelse.

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]

Billed2

Rigtig mange billeder redigér

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

I eksemplet er der store billeder til højre og små til venstre så der stadig er plads tilbage til teksten i midten

Alt kan godt lade sig gøre, men tjek layoutet.

Artikler:Olympiske Lege, Leonardo Da Vinci

Billed3

Kun billeder redigér

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

[2]

giver:

Slideshowredigér

Her ses de billederne fra denne artikel men nu bare som slideshow med overblænding

Her ser du deklarationerne i gallery-taggen

Type Wikitext options Default
Layout options
Photo width (max) widths=[number of pixels] 300px
Cropping crop=[true] No cropping
Show recent uploads showrecentuploads=[true] False
Slideshow position position=[left/center/right] Right
Other
Hide "add photo" button hideaddbutton=true Not hidden
Slideshow caption caption=[text displayed] No caption
The photos
Photos are separated by newlines. No photo
Captions are optional. Brackets are used only for adding links within captions. No caption
Links are optional, and use link= No link

Dette er et uddrag fra siden på Wikia Help. Du kan se flere eksempler på gallerier her

Hvad er centreret layout? redigér

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 redigér

<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 redigér

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 redigér

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:

Uffe

Dette er kun en prøve

Indianer Jonas er en usikker mand, som ikke er god til det med pigerne, selvom han meget gerne vil kysse med dem. Han har også en fader-binding, som gør at han sætter sin maskulinitet helt over styr, og derfor mener at han konstant må opsøge de farligste steder og situationer.Indianer Jonas er en usikker mand, som ikke er god til det med pigerne, selvom han meget gerne vil kysse med dem. Han har også en fader-binding, som gør at han sætter sin maskulinitet helt over styr, og derfor mener at han konstant må opsøge de farligste steder og situationer.Indianer Jonas er en usikker mand, som ikke er god til det med pigerne, selvom han meget gerne vil kysse med dem. Han har også en fader-binding, som gør at han sætter sin maskulinitet helt over styr, og derfor mener at han konstant må opsøge de farligste steder og situationer.

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 eller hvad ved jeg...

Billedelinks redigér

En af de hellige køer i Mediawiki har indtil fornyelig været at billeder altid linkede til billedesiden. Man kunne kun linke vha. brug af imagemap. I den nye version er det muligt at indføre sit link i sin billedestreng.

Eksempelredigér

Uffe

Dette eksempel linker til Venstres hjemmeside:

[[Billede:Uffe.jpg|link=http://www.venstre.dk|right|Dette billede linker til Venstres hjemmeside]]


Bemærk: Du kan ikke bruge link i forbindelse med thumb eller frame. Her linkes der fortsat til billedesiden.


Noter redigér

  1. Du kunne selvfølgelig også skrive noget mere tekst, dit dovendyr
  2. Bemærk:Ingen skarpe parenteser om billede-taggen i gallery-mode)
Community content is available under CC-BY-SA unless otherwise noted.