Tobbe Arnesson
Ny medlem
Guide: Hur man formaterar foruminlägg
Hoj!
Här kommer en liten skola i hur man åstadkommer olika saker i ett foruminlägg.
I alla guider här under;
"http:" har ersatts av "http." för att inte happy ska göra länkar av länkarna.
Styrkoder ska skrivas inom []-parenteser ([Alt Gr] + [8] resp. [9] på PC). I exemplen har istället {}-parenteser använts. Annars syns inte blocken av styrkoder.
Använd Förhandsgranska!
Innehåll:
1. Bädda in en film från YouTube
2. Skapa en klickbar länk
3. Formatera text
4. Länka in bilder
5. Teckengrafik
6. Citera text
7. Avgränsande linje
8. Skapa en tabell
1. Bädda in en film från YouTube (ersätt {} med [] och "http." mot "http:")
1) Ta adressen till filmen: http.//www.youtube.com/watch?v=Laej9THHuoI
2) Hacka bort "watch?": http.//www.youtube.com/v=Laej9THHuoI
3) Ersätt '=' med '/': http.//www.youtube.com/v/Laej9THHuoI
4) Kapsla in det hela med {video}{/video}: {video}http.//www.youtube.com/v/Laej9THHuoI{/video}
Resultat:
Ett alternativ till att modifiera adressen är att ta adressen ur embedlänken men det tycker iaf. jag är pyssligare;
Radera sedan allt utom en av länkarna: http.//www.youtube.com/v/s-mOy8VUEBk
Sen får man sätta dit {video}-taggarna runt adressen som "vanligt".
Med Vimeo måste man göra på annat vis, antingen tar man adressen ur embed-länken eller så ändrar man filmens adress. Om adressen är: http.//vimeo.com/7201979 lägger man till "moogaloop.swf?clip_id=" för nuffrorna så det blir: http.//vimeo.com/moogaloop.swf?clip_id=7201979. Sen använder man {video}{/video} runt adressen precis som med YouTube.
PinkBike: Antingen adressen från embed-länken eller
ändra "video" till "v" så http.//www.pinkbike.com/video/95363/ blir http.//www.pinkbike.com/v/95363/
Använd förhandsgranska tills du får det rätt, filmen ska synas i förhandsgranskningen och inte bara en vit tom ruta.
2. Skapa en klickbar länk (ersätt {} med [] och "http." mot "http:")
För att göra t.ex. länken www.happymtb.org/ klickbar skriver man bara "http.//" framför så sköter forumet det helt automagiskt: http.//www.happymtb.org/ = http://www.happymtb.org/
Vill man göra en text eller bara enstaka ord som länkar använder man {url=}{/url} runt texten som ska vara klickbar. Exempelvis: {url=http.//www.happymtb.org/}Denna text är en länk{/url}. = Denna text är en länk.
3. Formatera text (ersätt {} med [])
{b}fetstil{/b} = fetstil (b = bold)
{i}kursiv{/i} = kursiv (i = italic)
{u}understruken{/u} = understruken (u = underlined)
{center}centrerad{/center} =
4. Länka in bilder (ersätt {} med [] och "http." mot "http:")
{img}http.//happymtb.org/bilder/veckobilder/08_Roxy_i_Verbier---Foto_Tobbe_Arnesson.JPG{/img} =
Tänk på att en del webbservrar nekar inläkning från andra sidor. I de fallen kommer inte bilden visas eller så visas en "Ingen bildstöld, tack"-bild istället. Detta kommer inte synas i förhandsgranskningen då bilden redan ligger sparad i din webbläsares cache. Ett sätt att dubbelkolla är att starta en annan webbläsare och kolla så bilden syns.
5. Teckengrafik (ersätt {} med [])
Ibland vill man att alla tecken ska vara lika breda, som när man ska försöka förklara något med tecken. T.ex.:
För att åstadkomma detta använder man taggarna {pre}{/pre} runt sin textmassa. Den är dock lite dum och tar bort alla inledande mellanslag, så börja alltid med t.ex. en punkt så blir det bra.
Utan pre-taggen skulle oavanstående se ut så här:
-------- __@ __@ __@ __@ __~@
----- _`\<,_ _`\<,_ _`\<,_ _`\<,_ _`\<,_
---- (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
6. Citera text (ersätt {} med [])
Om man klipp-o-klistrar en textmassa från någon annanstans kan man med fördel lägga {quote}{/quote} runt texten:
7. Avgränsande linje (ersätt {} med [])
{hr} skapar en rak linje, som avgränsaren här under:
8. Skapa en tabell (ersätt {} med [])
Tabeller är snyggt men är ett elände att formatera. Man kan inte ha några uppluckrande mellanslag eller radbryt i dem då det påverkar utseendet.
{table}{/table} anger början och slutet på hela tabellen.
{tr}{/tr} anger början och slutet på en rad i tabellen.
{td}{/td} anger början och slutet på en kolumn i en rad.
{table}{tr}{td}Rad 1, kolumn 1{/td}{td}Rad 1, kolumn 2{/td}{td}Rad 1, kolumn 3{/td}{/tr}{tr}{td}Rad 2, kolumn 1{/td}{td}Rad 2, kolumn 2{/td}{td}Rad 2, kolumn 3{/td}{/tr}{tr}{td}Rad 3, kolumn 1{/td}{td}Rad 3, kolumn 2{/td}{td}Rad 3, kolumn 3{/td}{/tr}{/table}
Som synes är det inte helt lätt att läsa koden för en tabell, men det skapar ett lättläst resultat:
Blandar man sedan in lite mer formatering blir det riktigt bra, som den här deltagarlistan från Kinnekulleriden 2008:
Koden ser ut så här:
{table}{tr}{td}{b}Nickname{/b}{/td}{td}{b}Avreseort{/b}{/td}{td}{b}Samåkningsinfo{/b}{/td}{td}{b}Dagar{/b}{/td}{/tr} {tr}{td}{b}0-9{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/259}42Hz{/url}{/td}{td}Ludvika{/td}{td}the_TnT{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}E{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/3846}Eknor{/url}{/td}{td}Örebro{/td}{td}2-3 platser{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}F{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2}feffemannen{/url}{/td}{td}Göteborg{/td}{td}1-2 platser{/td}{td}- - 7 -{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2174}Floodland{/url}{/td}{td}Borås{/td}{td}?{/td}{td}- 6 7 -{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/714}Fredrik Larsson{/url} & föräldrar{/td}{td}Göteborg{/td}{td}Mor & far{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}I{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/140}iMats{/url} & bror{/td}{td}Vetlanda{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}J{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2643}johan44{/url}{/td}{td}Bromma{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/4014}JoMenSåAtt{/url}{/td}{td}Karlstad{/td}{td}Tiki{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/1}jomper{/url}{/td}{td}Stockholm{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/5494}JPL{/url}{/td}{td}Skövde{/td}{td}Fullt{/td}{td}5 6 7 8{/td}{/tr} {tr}{td}{b}K{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/6123}Kiwi{/url}{/td}{td}På plats{/td}{td}-{/td}{td}?{/td}{/tr} {tr}{td}{b}L{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/3310}Linus{/url} & Cissi{/td}{td}Mariestad{/td}{td}Pendlar{/td}{td}- 6 7 -{/td}{/tr} {tr}{td}{b}M{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/850}Malina{/url}{/td}{td}Stockholm{/td}{td}jomper{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}R{/b}{/td}{/tr} {tr}{td}Ryddan{/td}{td}Ludvika{/td}{td}the_TnT{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}T{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/67}the_TnT{/url}{/td}{td}Ludvika{/td}{td}1-2 platser{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/4646}Tiki{/url}{/td}{td}Karlstad{/td}{td}?{/td}{td}- - 7 8{/td}{/tr} {/table}
Lättläst va? :D
Edit: La till Vimeo och Pinkbike under videoavsnittet.
Här kommer en liten skola i hur man åstadkommer olika saker i ett foruminlägg.
I alla guider här under;
"http:" har ersatts av "http." för att inte happy ska göra länkar av länkarna.
Styrkoder ska skrivas inom []-parenteser ([Alt Gr] + [8] resp. [9] på PC). I exemplen har istället {}-parenteser använts. Annars syns inte blocken av styrkoder.
Använd Förhandsgranska!
Innehåll:
1. Bädda in en film från YouTube
2. Skapa en klickbar länk
3. Formatera text
4. Länka in bilder
5. Teckengrafik
6. Citera text
7. Avgränsande linje
8. Skapa en tabell
1. Bädda in en film från YouTube (ersätt {} med [] och "http." mot "http:")
1) Ta adressen till filmen: http.//www.youtube.com/watch?v=Laej9THHuoI
2) Hacka bort "watch?": http.//www.youtube.com/v=Laej9THHuoI
3) Ersätt '=' med '/': http.//www.youtube.com/v/Laej9THHuoI
4) Kapsla in det hela med {video}{/video}: {video}http.//www.youtube.com/v/Laej9THHuoI{/video}
Resultat:
Ett alternativ till att modifiera adressen är att ta adressen ur embedlänken men det tycker iaf. jag är pyssligare;
Radera sedan allt utom en av länkarna: http.//www.youtube.com/v/s-mOy8VUEBk
Sen får man sätta dit {video}-taggarna runt adressen som "vanligt".
Med Vimeo måste man göra på annat vis, antingen tar man adressen ur embed-länken eller så ändrar man filmens adress. Om adressen är: http.//vimeo.com/7201979 lägger man till "moogaloop.swf?clip_id=" för nuffrorna så det blir: http.//vimeo.com/moogaloop.swf?clip_id=7201979. Sen använder man {video}{/video} runt adressen precis som med YouTube.
PinkBike: Antingen adressen från embed-länken eller
ändra "video" till "v" så http.//www.pinkbike.com/video/95363/ blir http.//www.pinkbike.com/v/95363/
Använd förhandsgranska tills du får det rätt, filmen ska synas i förhandsgranskningen och inte bara en vit tom ruta.
2. Skapa en klickbar länk (ersätt {} med [] och "http." mot "http:")
För att göra t.ex. länken www.happymtb.org/ klickbar skriver man bara "http.//" framför så sköter forumet det helt automagiskt: http.//www.happymtb.org/ = http://www.happymtb.org/
Vill man göra en text eller bara enstaka ord som länkar använder man {url=}{/url} runt texten som ska vara klickbar. Exempelvis: {url=http.//www.happymtb.org/}Denna text är en länk{/url}. = Denna text är en länk.
3. Formatera text (ersätt {} med [])
{b}fetstil{/b} = fetstil (b = bold)
{i}kursiv{/i} = kursiv (i = italic)
{u}understruken{/u} = understruken (u = underlined)
{center}centrerad{/center} =
centrerad
4. Länka in bilder (ersätt {} med [] och "http." mot "http:")
{img}http.//happymtb.org/bilder/veckobilder/08_Roxy_i_Verbier---Foto_Tobbe_Arnesson.JPG{/img} =
Tänk på att en del webbservrar nekar inläkning från andra sidor. I de fallen kommer inte bilden visas eller så visas en "Ingen bildstöld, tack"-bild istället. Detta kommer inte synas i förhandsgranskningen då bilden redan ligger sparad i din webbläsares cache. Ett sätt att dubbelkolla är att starta en annan webbläsare och kolla så bilden syns.
5. Teckengrafik (ersätt {} med [])
Ibland vill man att alla tecken ska vara lika breda, som när man ska försöka förklara något med tecken. T.ex.:
-------- __@ __@ __@ __@ __~@ ----- _`\<,_ _`\<,_ _`\<,_ _`\<,_ _`\<,_ ---- (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
För att åstadkomma detta använder man taggarna {pre}{/pre} runt sin textmassa. Den är dock lite dum och tar bort alla inledande mellanslag, så börja alltid med t.ex. en punkt så blir det bra.
Utan pre-taggen skulle oavanstående se ut så här:
-------- __@ __@ __@ __@ __~@
----- _`\<,_ _`\<,_ _`\<,_ _`\<,_ _`\<,_
---- (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*) (*)/ (*)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
6. Citera text (ersätt {} med [])
Om man klipp-o-klistrar en textmassa från någon annanstans kan man med fördel lägga {quote}{/quote} runt texten:
7. Avgränsande linje (ersätt {} med [])
{hr} skapar en rak linje, som avgränsaren här under:
8. Skapa en tabell (ersätt {} med [])
Tabeller är snyggt men är ett elände att formatera. Man kan inte ha några uppluckrande mellanslag eller radbryt i dem då det påverkar utseendet.
{table}{/table} anger början och slutet på hela tabellen.
{tr}{/tr} anger början och slutet på en rad i tabellen.
{td}{/td} anger början och slutet på en kolumn i en rad.
{table}{tr}{td}Rad 1, kolumn 1{/td}{td}Rad 1, kolumn 2{/td}{td}Rad 1, kolumn 3{/td}{/tr}{tr}{td}Rad 2, kolumn 1{/td}{td}Rad 2, kolumn 2{/td}{td}Rad 2, kolumn 3{/td}{/tr}{tr}{td}Rad 3, kolumn 1{/td}{td}Rad 3, kolumn 2{/td}{td}Rad 3, kolumn 3{/td}{/tr}{/table}
Som synes är det inte helt lätt att läsa koden för en tabell, men det skapar ett lättläst resultat:
| Rad 1, kolumn 1. Lite mer text. | Rad 1, kolumn 2 | Rad 1, kolumn 3 |
| Rad 2, kolumn 1 | Rad 2, kolumn 2 | Rad 2, kolumn 3. Trallala. |
| Rad 3, kolumn 1 | Rad 3, kolumn 2. Oj, lite mer. | Rad 3, kolumn 3 |
Blandar man sedan in lite mer formatering blir det riktigt bra, som den här deltagarlistan från Kinnekulleriden 2008:
| Nickname | Avreseort | Samåkningsinfo | Dagar |
| 0-9 | |||
| 42Hz | Ludvika | the_TnT | - - 7 8 |
| E | |||
| Eknor | Örebro | 2-3 platser | - - 7 8 |
| F | |||
| feffemannen | Göteborg | 1-2 platser | - - 7 - |
| Floodland | Borås | ? | - 6 7 - |
| Fredrik Larsson & föräldrar | Göteborg | Mor & far | - - 7 8 |
| I | |||
| iMats & bror | Vetlanda | Egen bil | - - 7 8 |
| J | |||
| johan44 | Bromma | Egen bil | - - 7 8 |
| JoMenSåAtt | Karlstad | Tiki | - - 7 8 |
| jomper | Stockholm | Egen bil | - - 7 8 |
| JPL | Skövde | Fullt | 5 6 7 8 |
| K | |||
| Kiwi | På plats | - | ? |
| L | |||
| Linus & Cissi | Mariestad | Pendlar | - 6 7 - |
| M | |||
| Malina | Stockholm | jomper | - - 7 8 |
| R | |||
| Ryddan | Ludvika | the_TnT | - - 7 8 |
| T | |||
| the_TnT | Ludvika | 1-2 platser | - - 7 8 |
| Tiki | Karlstad | ? | - - 7 8 |
Koden ser ut så här:
{table}{tr}{td}{b}Nickname{/b}{/td}{td}{b}Avreseort{/b}{/td}{td}{b}Samåkningsinfo{/b}{/td}{td}{b}Dagar{/b}{/td}{/tr} {tr}{td}{b}0-9{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/259}42Hz{/url}{/td}{td}Ludvika{/td}{td}the_TnT{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}E{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/3846}Eknor{/url}{/td}{td}Örebro{/td}{td}2-3 platser{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}F{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2}feffemannen{/url}{/td}{td}Göteborg{/td}{td}1-2 platser{/td}{td}- - 7 -{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2174}Floodland{/url}{/td}{td}Borås{/td}{td}?{/td}{td}- 6 7 -{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/714}Fredrik Larsson{/url} & föräldrar{/td}{td}Göteborg{/td}{td}Mor & far{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}I{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/140}iMats{/url} & bror{/td}{td}Vetlanda{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}J{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/2643}johan44{/url}{/td}{td}Bromma{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/4014}JoMenSåAtt{/url}{/td}{td}Karlstad{/td}{td}Tiki{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/1}jomper{/url}{/td}{td}Stockholm{/td}{td}Egen bil{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/5494}JPL{/url}{/td}{td}Skövde{/td}{td}Fullt{/td}{td}5 6 7 8{/td}{/tr} {tr}{td}{b}K{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/6123}Kiwi{/url}{/td}{td}På plats{/td}{td}-{/td}{td}?{/td}{/tr} {tr}{td}{b}L{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/3310}Linus{/url} & Cissi{/td}{td}Mariestad{/td}{td}Pendlar{/td}{td}- 6 7 -{/td}{/tr} {tr}{td}{b}M{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/850}Malina{/url}{/td}{td}Stockholm{/td}{td}jomper{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}R{/b}{/td}{/tr} {tr}{td}Ryddan{/td}{td}Ludvika{/td}{td}the_TnT{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{b}T{/b}{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/67}the_TnT{/url}{/td}{td}Ludvika{/td}{td}1-2 platser{/td}{td}- - 7 8{/td}{/tr} {tr}{td}{url=http://happymtb.org/forum/profile.php/1/4646}Tiki{/url}{/td}{td}Karlstad{/td}{td}?{/td}{td}- - 7 8{/td}{/tr} {/table}
Lättläst va? :D
Edit: La till Vimeo och Pinkbike under videoavsnittet.
Senast redigerad av en moderator:
