Billeder i forummet
Som nogle måske har bemærket, er det ikke lige det letteste at få sat et billede ind i vores forum, sådan som man vil have det. Man vil måske have et billede i den højre side, mens der er tekst rundt om billedet, som er set i mange artikler. Det resultat kan man opnå ved at bruge float-funktionen, og denne funktion er særdeles velegnet til at bruge i blogs. Men denne ”float-funktion,” som jeg har valgt at kalde den, er ikke altid så let at huske. Først skal man kende den normale kode, til blot at få sat et billede ind i forummet. Den ser sådan ud:
[img]DitLink.jpg[/img]
For at få float-funktionen frem, skal vi tilføje en lille smule. Vi skal først give den kommando til at bruge float, og derefter skal vi bestemme i hvilken side, billedet skal placeres. Hvis man vil have det over i venstre side, skal koden se sådan ud:
[float=left][img]billedelink[/img][/float]
Som man kan se, har jeg skrevet left, og det gør at billedet kommer ud i venstre side af skærmen, som jo var meningen. Vil man have billedet over i højre side, skrives der i stedet ”right”. Man kan dog ikke få billedet centreret, mens der stadig er tekst rundt om billedet. Kunne man ønske sig, at have en lille kommentar under billedet, kan det snildt gøres. Der skal blot tilføjes, en lille stump, i den tidligere viste kode:
[float=left][img]billedelink[/img][center][size=X]Tekst[/size][/center][/float]
Som man kan se, har jeg valgt at centrere teksten, og valgt at ændre i skriftstørrelsen. X’et skal selvfølgelig erstattes med et tal. 10 er den normale størrelse i vort forum, så hvis du skriver et tal under 10, så bliver den tekst under billedet selvfølgelig mindre end den tekst, der er i resten af forummet. Det er selvfølgelig op til en selv, om man vil gøre tekst størrelsen mindre, og om man vil centrere teksten, men det kan kun anbefales, da det ser en del bedre ud. Desuden kan man også vælge at skrive selve teksten i kursiv, med fed, eller vælge om det skal være understreget. Det gør man således:
[float=left][img]billedelink[/img][center][size=X][i]Tekst[/i][/size][/float]
I dette eksempel, har jeg skrevet det i kursiv, men det kan ændres ved at erstatte i’erne, med et ”b”, for fed, eller et ”u” for understreget tekst. Det er faktisk næsten kun fantasien, der sætter grænser. Skal man gå lidt videre, til noget mere avanceret, kunne man tilføje to billeder. Et i hvert side. Så skulle koden se sådan ud:
[float=left][img]billedelink[/img][/float][float=right][img]billedlink[/img][/float]
For ligesom at understrege hvad jeg mener, har jeg valgt at tilføje ovennævnte kode, i denne guide. Som I kan se har jeg tekst i mellem disse to billeder. Men første gang jeg satte billederne ind, var de alt for store. Det fører mig videre til det næste punkt i denne guide.
Nemlig at når man indsætter billederne, er de mange gange større end de skal være. Derfor skal man tilføje en lille kommando til koderne. Men til dette formål, skal man vide hvad det er man indsætter i koden. Derfor tager vi et lille smut ind på Google. Ved at klikke på linket, kommer man ind til en billedsøgning af Ronaldinho.
Herinde vælger jeg at tage billede nummer 2, som er det hvor både Gravesen og Ronaldinho ses. Jeg har sat det ind i forummet, og gjort som jeg tidligere har sagt. Men billedet er alt, alt for stort. Hvad gør jeg så? Jo, det er her vi skal bruge Google. Under hvert billede, står dets højde, og bredde i pixels. Det er disse pixel mål, vi nu skal bruge.
Hvis du ikke helt ved hvad jeg mener, har jeg valgt at indsætte et billede, der markerer disse pixels. Klik på billedet, som er nedenunder, og se hvad jeg mener.
Men hvad skal de så bruges til? Jo, de skal indsættes i den lille kommando, som jeg nævnte tidligere. Denne gang vil jeg vise koden, som er brugt til billedet lige oven over, men bruge linket til det billede, hvor både Gravesen og Ronaldinho er på:
[center][img width=350 height=259]http://www.voh.com.vn/data/042005/ronaldinho-114.jpg[/img][/center]
Er du i tvivl om hvad der er ”width” og hvad der er ”height”, når du finder billederne inde på google, så er ”width” altid det tal, der står først. Altså i dette tilfælde var det 350. Det næste tal, efter X’et, er selvfølgelig ”height”, hvilket er 259 i koden, som er vist ovenover.
Nu er du i hvert fald sikker på at undgå, at billedet bliver for stort. Det er selvfølgelig også muligt, at bruge den kode i float-funktionen. Så ville den se sådan ud:
[float=left][ img width=350 height=259]http://www.voh.com.vn/data/042005/ronaldinho-114.jpg[/img][/float]
Som jeg nævnte tidligere, kan man ikke centrere teksten, mens man bruger float, så derfor skal man vælge at placere billedet i en af siderne. Det var vidst alt, hvad man bør vide om hvordan man indsætter billeder i vort forum. Får du problemer eller lignende så kontakt mig.
|