Formatering af indlæg på ubuntudanmark.dk

[NickyThomassen]

Baggrund
En grundlæggende formatering af tekst kan gøre underværker for det færdige resultat, og selvom man kommer langt med kommaer, punktummer og afsnit, så understøtter forummet en række af funktioner igennem knapperne over redigeringsvinduet. De kan hjælpe formateringen yderligere på vej, når man skriver et indlæg, og gøre indlæggende mere spændene med links, billeder og video.
Knapperne dækker over:

• Fed skrift (B-knappen)
• Kursiv skrift (i-knappen)
• Understreget skrift (u-knappen)
• Citation (Quote-knappen)
• Ingen formatering (Code-knappen)
• Lister (List- og List=-knapperne, samt [ * ]-knappen)
• Billeder (Img-knappen)
• Links (URL-knappen)
• Skriftstørrelse (Normal-knappen)
• Skriftfarve (Skriftfarve-knappen)
• Programlinks (apt-knappen)
• Youtube-videoer (youtube-knappen)

I det følgende vil jeg gennemgå de enkelte knappers brug.

Indledning
Når man skriver et indlæg og trykker på en af de nævnte knapper, så dukker der sådanne nogle sjove kasser op med noget kryptisk tekst indeni. Kasserne hedder tags og kommer altid i sæt, og ideen er at indholdet bliver behandlet af tag'sene i forhold til de enkelte tags' funktioner. Så hvis man skriver noget indeni i B-tagget, så bliver teksten fed, og skriver man noget indeni youtube-tagget, så vil forummet prøve at vise en video.

Til eksemplerne vil jeg gøre brug af en boks, der viser indholdet præcis som jeg skriver det, da forummet ellers ville fortolke eksemplerne som kode. Boksen ser sådan her ud

Kode: Vælg alt

 ...

og indholdet af boksen ser sådan ud, som det er meningen, at koderne skal se ud i redigeringsvinduet når der skrives på et indlæg.

Når knapperne bruges under indtastningen, trykkes der bare på dem, og de to tilhørende tags kommer frem ved cursoren, et på hver side. Er det fx fed skrift, så skrives det der skal vises i fed, og så rykkes cursoren forbi tagget til højre for cursoren, og der skrives videre. Det er vigtigt at tag'sene ikke overlapper hinanden, da det kan føre til uventede resultater. Det betyder ikke at man ikke kan skrive med fed og kursiv på samme tid, det skal bare gøres sådan her:

Kode: Vælg alt

[b][i]Fed og kursiv skrift[/i][/b]

Og resultatet: Fed og kursiv skrift
Det er også tilladt ikke at afslutte de to tags samtidig:

Kode: Vælg alt

[b][i]Fed og kursiv skrift[/i], og kun fed skrift[/b]

Og resultatet: Fed og kursiv skrift, og kun fed skrift
Men det her er ikke hensigtsmæssigt, og kan resultere i at tag'sene ikke virker som håbet:

Kode: Vælg alt

[b][i]Det her er ikke hensigtsmæssigt[/b][/i].

Knapperne

Fed skrift, kursiv skrift og understreget skrift
Disse tre knapper bruges på samme måde, og ændrer indholdet til den respektive funktion:

Kode: Vælg alt

[b]Fed skrift[/b], [i]efterfulgt af kursiv skrift[/i] og [u]afsluttende med understreget skrift[/u].

Og resultatet: Fed skrift, efterfulgt af kursiv skrift og afsluttende med understreget skrift.

Citationer
For at starte et indlæg med at citere et tidligere indlæg, kan der trykkes på knappen "Citér" øverst til højre i det pågældende indlæg. Det resulterer i at redigeringsvinduet åbnes, og at den citerede tekst allerede er der. Er det kun en del af den pågældende tekst der ønskes citeres, så kan den resterende tekst slettes fra redigeringsvinduet.

Redaktørerne og administratorene vil gerne understrege, at vi ikke vil se noget fusk i forbindelse med citationer, og vi beder alle om ikke at citere ud af kontekst. Vi vil ligeledes heller ikke se ændringer af citationer, ligesom vi heller ikke vil se citationer blive opfundet.

For flere detaljer omkring Quote-knappen, se venligst i den avanceret guide til BB-koder.

Ingen formatering
Ingen formatering, eller code-tagget, gengiver indholdet præcis som det står. Udover at være nyttigt til eksempler, så anbefales det også at man bruger det, hvis man kopier indhold ind fra tekstfiler, konfigurationsfiler og tilsvarende. Grunden er at code-tagget efter 13 linier laver en scroll-bar i højre side af boksen, sådan så indlægget holdes overskueligt og letlæsseligt. Et eksempel på brugen af code-tagget kunne være:

Kode: Vælg alt

[b]Eksempel med tags[/b]
                      Indskudt eksempel


Og resultatet:
Eksempel med tags
Indskudt eksempel

Lister
En liste som i starten af dette indlæg, er ganske enkelt én linie per punkt, startende med [ * ]-tagget hvis man ønsker punkter, og pakket ind i list-tags:

Kode: Vælg alt

[list]
[*] Fed skrift ([b]B[/b]-knappen)
[*] ...
Punkt uden prik
[/list]

Og resultatet:

• Fed skrift (B-knappen)
• ...
  Punkt uden prik

For nummererede lister, se venligst i den avancerede guide til BB-kode.

Billeder
Der er både mulighed for at indsætte billeder fra internettet til indlægget, eller at uploade et billede fra computeren til forummet, og så indsætte det i indlægget (omend det er en eksperimenterende funktion). For at indsætte et billede fra internettet kopieres billedets fulde sti, som ender på en filendelse for billeder (fx .jpg, .jpeg, .png, .gif), og indsættes derefter imellem tag'sene fra Img-knappen:

Kode: Vælg alt

[img]https://ubuntudanmark.dk/wp-content/uploads/2011/06/ubuntu_forum.resized.jpg[/img]

Og resultatet:


Ønsker man at indsætte to eller flere billeder i et indlæg, gøres det ved at pakke adressen for hvert billede ind i et img-tag:

Kode: Vælg alt

[img]https://ubuntudanmark.dk/wp-content/uploads/2011/06/ubuntu_forum.resized.jpg[/img]
[img]http://i298.photobucket.com/albums/mm268/christianarvai/xchat6.png[/img]


Uploader man i stedet et billede til forummet gøres det under redigeringsvinduet, ved at trykker på knappen "Gennemse...", finde billedet på computeren, markere det, trykke "Åbn" og så trykke "Tilføj filen". Gøres der ikke andet end dette, vil billedet automatisk blive vist i bunden af indlægget, men ønsker man i stedet at få vist billedet højere oppe, så kan det gøres ved at placere cursoren det ønskede sted, og så trykke på knappen "Placer inline" under redigeringsvinduet.

Kan du ikke finde knapperne "Gennemse..." og "Tilføj filen" er muligheden for at uploade billeder deaktiveret.

Det er også muligt at kombinere url-tagget med img-tagget, og dermed lave et klikbart skaleret billede, der så åbner det store. Det ser sådan her ud:

Kode: Vælg alt

[url=http://.............(alm billede)][img]http://.............(scalleret billede)[/img][/url]

Se venligst i den avancerede guide til BB-koder for detaljer omkring links.

Links
Hvis man bare ønsker at linke til en et andet indlæg eller en anden side, så kan det ganske enkelt gøres ved at kopiere URL'en (altså den samlede www-adresse) ind i indlægget. Forummet vil automatisk gøre det til et klikbart link:

Kode: Vælg alt

https://ubuntudanmark.dk

Og resultatet: https://ubuntudanmark.dk

Ønsker man i stedet at give linket et andet navn, se venligst i den avancerede guide til BB-koder.

Skriftstørrelse og -farve
Disse to knapper bruges på samme måde, nemlig ved at man fra det punkt hvor man enten vil ændre størrelsen eller farven på teksten, trykker på den pågældende knap, og derefter på sit valg. Et eksempel kunne være:

Kode: Vælg alt

[size=150]Stor skrift[/size] [color=#FF0000]efterfulgt af rød skrift i normal størrelse[/color].

Og resultatet: Stor skrift efterfulgt af rød skrift i normal størrelse.
Ligesom i eksemplet med fed og kursiv skrift, kan størrelse og farve kombineres:

Kode: Vælg alt

[size=150][color=#FF0000]Stor og rød skrift[/color][/size].

Og resultatet: Stor og rød skrift.

Det frarådes generelt at overdrive brugen af svingende skriftstørrelser og voldsomme farver, da grænsen imellem at lette læsningen og forståelsen, hurtigt skrider og faktisk gør det sværere at læse og forstå teksten, end hvis man ikke havde brugt effekterne.

Programlinks
I et forsøg på at lette supporten til Linux-baseret systemer som Ubuntu, er der blevet udviklet et lille grafisk værktøj med navnet aptURL. Formålet er at kunne placere pakkenavne som links i forums og på almindelige hjemmesider, der gør at pakkerne kan installeres ved at klikke på linket, og godkende installationen. Her i forum hedder knappen bare apt, og ved at placere et pakkenavn imellem tag'sene, opretter forummet automatisk et link:

Kode: Vælg alt

[apt]apturl[/apt]

Og resultatet: apturl

Youtube-videoer
Som noget nyt er det nu også muligt at indsætte, eller indlejre, videoer fra Youtube. Det kan desværre godt være lidt snørklet at indsætte en video, men så vidt jeg ved ligger der en teknisk begrænsning bag, og jeg kunne ikke umiddelbart finde en bedre løsning. For at indsætte en video, gøres følgende:

* Find videoen på Youtube
* Kopiér kun den del af adressen der kommer efter watch?v=
* Tryk på youtube-knappen og indsæt den kopierede del af adressen imellem de to tags
* Hvis der er et & efterfulgt af fx feature= skal & og alt efter det slettes

Så hvis adressen til videoen er
http://www.youtube.com/watch?v=CLpamukrc7A
så skal det se sådan her ud:

Kode: Vælg alt

[youtube]CLpamukrc7A[/youtube]

Men hvis der som i denne adresse
http://www.youtube.com/watch?v=TC2s8Qfslko&list=UUBE-FO9JUOghSysV9gjTeHw&index=3&feature=plcp
er et & skal det, og alt efter det, fjernes, så man kun bruger den midterste del:

Kode: Vælg alt

[youtube]pMIi2ARByEc[/youtube]

Og resultatet:


Videre læsning
Hvis du gerne vil lære mere, så har jeg også skrevet en guide der dækker resten af de tags som forummet understøtter. Den kan læses her.

God fornøjelse

[Christian.Arvai]

Det kan også laves, så man kan klikke på det scallerede billede og så få det store frem, så ser det sådan her ud:

Kode: Vælg alt

[url=http://.............(alm billede)][img]http://.............(scalleret billede)[/img][/url]

[NickyThomassen]

Det er kommet med i guiden, jeg takker

Det kunne egentlig være fedt hvis img understøttede størrelse a'la

Kode: Vælg alt

[img=150,150]piouerg.jpg[/img]

men det gør det desværre ikke for phpBB.

[Rattus Norvegicus]

http://www.phpbb.com/community/viewtopic.php?t=1696215

Dette MOD ville gøre det hele meget lettere hvad angår billedestørrelser.
(har selv installeret det på mit eget forum og brugerne er rigtigt glade for det).

[thj01]

Problemet med phpbb er slet ikke de begrænsninger der ligger i sproget, for dem kan man omgå af andre veje. Problemet er, at der ikke findes nogen ekstern editor, der fungerer med sproget. Ikke engang geany.

Helt tilbage i 2007, hvor jeg skrev en del guides, (ak ja - det var dengang det tog ½ time at få en bærbar til at virke bare nogenlunde med Ubuntu - I DON*T MISS IT!! gg) måtte jeg erkende at phpbb er rigtig god til at skrive korte tekster, og især indlæg, men SUCKS BIG TIME til at skrive guides og større dokumenter. Ikke pga koden, men pga. den manglende editor, hvor koden bliver fremstillet med farver og indskydninger ligesom ved diverse programmeringssprog.

Nedenstående er stort set umulig at få et overblik over i phpbb's indbyggede editor - og det er ikke bedre i en geany/nano/vi eller noget andet.

https://ubuntudanmark.dk/forum/posting.php?mode=edit&f=11&p=8368


Og tænk hvis den kunne eksporteres/importeres mellem XML/HTML/ODF - hvor cool kunne det være?

Løsningen er at smide den indbyggede editor a H..... til og implementere tinymc. Se DET ville gøre noget ved det, men det er jo desværre en java løsning

Men det er en god guide du har har lavet - for den er handy til at få løst de mest basale problemer

[Kurt Christensen]

hejhejhej

mig

benny

[Claus M]

Fin guide - flot arbejde.

Takker.

[NickyThomassen]

Men det er en god guide du har har lavet - for den er handy til at få løst de mest basale problemer

Fin guide - flot arbejde.

Takker.

Tak for de venlige ord
Selvom jeg tidligere har brugt alle tag'sene, så var det overraskende besværligt at få det hele med, og det tog da også en uges tid at strikke begge guides sammen, med et par timer om dagen. Men jeg er enig i at phpBB ikke er optimalt til egentlige artikler eller lange guides, der er Wordpress en del bedre egnet. Men det ville nok have virket lidt underligt, at skrive en guide om forummet i Wordpress.

Man kunne vel egentlig godt udvide forummet, men jeg tror helt ærligt ikke at det ville hjælpe særlig meget i dagligdagen. De fleste af indlæggende er korte tekstbeskeder, og der ville man komme meget længere, hvis phpBB ikke var så tung at danse med omkring tekst-formatering. Jeg kan selv HTML og det meste af PHP, så jeg er vant til den manuelle del, men hvis man ikke gider bruge tid på først at lære formatering og bare vil skrive, så har Wordpress et bedre interface. I min mening ihvertfald

[thj01]

Den burde nærmest være skrevet i wordpress, for så kan der vedlægges screenshots ... og det kan printes ud hvis man ønsker det.


phpbb er genialt til simple tekstindlæg - men SUCKS bigtime til stort set alt andet gg (og det er godt nok for det er jo beregnet til tekstindlæg gg)