- Kalleankafansite
- Hjälp
- BBCode-guide
BBCode-guide
- Introduktion
- Vad är BBCode?
BBCode är en speciell version av HTML. Om du kan använda BBCode eller inte bestäms av administratören (du kan också hindra användningen av BBCode i ett specifikt meddelande). BBCode i sig är snarlikt HTML, taggar är omgärdade/inneslutna i hakparanteser [ och ] i stället för < och > och BBCode ger större kontroll över hur vad och hur någonting visas. Beroende på mallen du använder så kanske du upptäcker att lägga till BBCode till dina inlägg har gjorts mycket enklare genom ett klickningsbart gränssnitt ovanför textrutan i inläggsformuläret. Även om det nya BBcode interfacet är mycket användbart kommer du nog att finna följande guide praktisk.
- Textformatering
- Hur man skapar fetstilad, kursiv och understruken text
BBCode innehåller taggar som låter dig snabbt byta grundstil på din text. Detta görs på följande sätt:
- För att göra en bit text till fet, inneslut den med [b][/b], t.ex.
[b]Hej[/b]
som blir Hej- För understruken text använd [u][/u], t.ex.:
[u]God morgon[/u]
som blir God morgon- För att kursivera text använd [i][/i], t.ex.
Detta är [i]suveränt![/i]
som blir Detta är suveränt!- För att göra en bit text till fet, inneslut den med [b][/b], t.ex.
- Hur man ändrar färgen eller storleken på texten
För att ändra färgen eller storleken på din text kan följande taggar användas. Kom ihåg att det kommer att se olika ut beroende på webbläsare och operativsystem:
- För att ändra färgen på text innesluter du den med [color=][/color]. Du kan antingen ange ett namn på en färg (t.ex. red, blue, yellow, osv.) eller det hexadecimala värdet för en färg, t.ex. #FFFFFF, #000000. För att skapa röd text gör du till exempel så här:
[color=red]Hej![/color]
eller
[color=#FF0000]Hej![/color]
Båda kommer att bli Hej!- För att ändra textstorleken används [size=][/size]. Denna tagg är beroende av forumstilen användaren har valt men det rekommenderade formatet är ett numerisk värde som representerar textstorleken i procent, från 20 (väldigt litet) till 200 (väldigt stort). Till exempel:
[size=30]LITET[/size]
blir i normala fall LITET
medan:
[size=200]STORT![/size]
blir STORT!- För att ändra färgen på text innesluter du den med [color=][/color]. Du kan antingen ange ett namn på en färg (t.ex. red, blue, yellow, osv.) eller det hexadecimala värdet för en färg, t.ex. #FFFFFF, #000000. För att skapa röd text gör du till exempel så här:
- Kan jag kombinera formateringstaggar?
Självklart! För att dra till dig uppmärksamhet kan du till exempel skriva:
[size=200][color=red][b]TITTA PÅ MIG![/b][/color][/size]
vilket kommer bli TITTA PÅ MIG!
Vi rekommenderar dock inte att du använder mycket text som ser ut på det här viset! Kom ihåg att det är upp till dig, författaren, att försäkra dig om att taggar stängs korrekt. Till exempel är följande felaktigt:
[b][u]Detta är felaktigt[/b][/u]
- Citering och utskrift av förbestämd formatering
- Citering av text i svar
Det finns två sätt du kan citera text, med eller utan en hänvisning.
- När du använder citeringsfunktionen för att svara på ett inlägg så kommer du att upptäcka att inläggstexten läggs till i meddelanderutan inneslutet i [quote=""][/quote]. Denna metod låter dig citera med hänvisning till en person eller vad du nu väljer att sätta dit! Till exempel, för att citera en bit av Herr Blobbys text skulle du skriva:
[quote="Mr. Blobby"]Texten Herr Blobby skrev ska stå här[/quote]
Den resulterande utskriften kommer automatiskt att lägga till “Herr Blobby skrev:” före texten. Kom ihåg att du måste inkludera citattecken "" runt namnet du citerar, de är inte valfria.- Den andra metoden låter dig citera någonting utan hänvisning. För att använda detta inneslut texten i [quote][/quote]-taggar. När du visar meddelandet kommer texten visas inom en citeringsruta.
- När du använder citeringsfunktionen för att svara på ett inlägg så kommer du att upptäcka att inläggstexten läggs till i meddelanderutan inneslutet i [quote=""][/quote]. Denna metod låter dig citera med hänvisning till en person eller vad du nu väljer att sätta dit! Till exempel, för att citera en bit av Herr Blobbys text skulle du skriva:
- Utskrift av förbestämd bredd på text
Om du vill skriva ut en bit kod eller någonting annat som kräver fixerad bredd, t.ex. Couriertypsnittet så innesluter du den texten i [code][/code]-taggar, t.ex.
[code]echo "Detta är lite kod";[/code]
All formatering som används inom [code][/code]-taggar bibehålls när du senare visar den. Framhävning av PHP-syntaxen kan aktiveras genom [code=php][/code] och rekommenderas för PHP-kodexempel eftersom att det ökar läsbarheten.
- Skapa listor
- Skapa en oordnad lista
BBCode stödjer två typer av listor, oordnade och ordnade. De är i huvudsak likadana som sina HTML-motsvarigheter. En oordnad lista skriver ut varje post i listan efter varandra indraget med ett kultecken. För att skapa en oordnad lista använder du [list][/list] och definierar varje post i listan med [*]. Till exempel för att lista dina favoritfärger kan du använda:
[list]
[*]Röd
[*]Blå
[*]Gul
[/list]
Detta skulle skapa följande lista:- Röd
- Blå
- Gul
- Skapa en ordnad lista
Den andra typen av lista, ordnad lista, ger dig kontroll över vad som skrivs ut före varje post. För att skapa en ordnad lista använder du [list=1][/list] för att skapa en numrerad lista eller alternativt [list=a][/list] för en alfabetisk lista. Som med oordnade listor definieras listposter med [*]. Till exempel:
[list=1]
[*]Gå till affären
[*]Köp en ny dator
[*]Svär åt datorn när den kraschar
[/list]
resulterar i följande:- Gå till affären
- Köp en ny dator
- Svär åt datorn när den kraschar
[list=a]
[*]Det första möjliga svaret
[*]Det andra möjliga svaret
[*]Det tredje möjliga svaret
[/list]
som resulterar i- Det första möjliga svaret
- Det andra möjliga svaret
- Det tredje möjliga svaret
- Skapa länkar
- Länka till en annan webbplats
phpBB BBCode stödjer flera sätt för att skapa URI:er (Uniform Resource Indicators) mer kända som URL:er.
- Det första av dessa sätt använder [url=][/url]-taggen, vad du än skriver in efter =-tecknet kommer att göra att innehållet av den taggen att blir till en URL. Till exempel för att länka till phpBB.com kan du använda:
[url=http://www.phpbb.com/]Besök phpBB![/url]
Detta skulle skapa följande länk, Besök phpBB! Observera att länken öppnas i samma ruta eller i en ny ruta beroende på användarens webbläsarinställningar.- Om du vill att URL:en själv ska visas som länk kan du använda:
[url]http://www.phpbb.com/[/url]
Detta skulle skapa följande länk, http://www.phpbb.com/- Dessutom finns en funktion i phpBB som kallas magiska länkar som automatiskt gör om alla giltiga URL:er till länkar utan att du behöver skriva några taggar eller ens det inledande http://. Pröva till exempel att skriva www.phpbb.com i ditt meddelande, detta kommer automatiskt resultera i att www.phpbb.com skrivs ut när du visar meddelandet.
- Samma sak gäller e-postadresser, du kan antingen ange en adress explicit genom:
Som med alla BBCode-taggar kan du innesluta URL:er runt andra taggar som till exempel [img][/img] (se nästa post), [b][/b], osv. Som med formateringstaggar är det upp till dig att försäkra dig om att taggar öppnas och stängs i rätt ordning, till exempel:
[email]no.one@domain.adr[/email]
som kommer att resultera i no.one@domain.adr eller så kan du helt enkelt skriva no.one@domain.adr i ditt meddelande och det kommer automatiskt konverteras till en e-postlänk.
[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]
är inte korrekt och kan leda till att ditt inlägg tas bort så var försiktig.- Det första av dessa sätt använder [url=][/url]-taggen, vad du än skriver in efter =-tecknet kommer att göra att innehållet av den taggen att blir till en URL. Till exempel för att länka till phpBB.com kan du använda:
- Visa bilder i inlägg
- Lägg till en bild i ett inlägg
phpBB BBCode innehåller en tagg för att infoga bilder i dina inlägg. Två väldigt viktiga saker att komma ihåg när denna tagg används är: många användare uppskattar inte många bilder i inlägg och för det andra så måste bilden redan finnas på Internet (den kan alltså inte finnas enbart på din dator, såvida din dator inte är en webbserver!). För att visa en bild innesluter du URL:en till bilden med [img][/img]-taggar. Till exempel:
[img]https://i.servimg.com/u/f31/14/41/92/25/logi310.png[/img]
Som noterat i URL-delen ovan kan du innesluta en bild i en [url][/url]-tagg om du så önskar, t.ex.
[url=https://kafs.123.st/][img]https://i.servimg.com/u/f31/14/41/92/25/logi310.png[/img][/url]
som skulle resultera i:
- Frames creation
- Create a frame in a message
The BBCode to insert a frame in a message is identical to the tags used in HTML. To create a frame, you need to start by creating a frame 'table' then insert a 'tr' lign. This lign can contain one or several cells 'td', well as a frame can contain several 'tr' ligns.
- For an example, to create a two ligns and three columns frame, you need to proceed as following :
- Kod:
[table][tr][td] Lign 1 - Cell 1 [/td] [td] Lign 1 - Cell 2 [/td] [td] Lign - Cell 3 [/td][/tr] [tr][td] Lign 2 - Cell 1 [/td] [td] Lign 2 - Cell 2 [/td] [td] Lign 2 - Cell 3 [/td][/tr][/table]
Lign 1 - Cell 1 Lign 1 - Cell 2 Lign 1 - Cell 3 Lign 2 - Cell 1 Lign 2 - Cell 2 Lign 2 - Cell 3 - You can also add arguments in the BBcode 'table'. These last ones are identical as those used for HTML. You can for an exemple add a bound to the frame above thanks to the 'border' attribute.
- Kod:
[table border=1] [tr][td] Lign 1 - Cell 1 [/td] [td] Lign 1 - Cell 2 [/td] [td] Lign 1 - Cell 3 [/td][/tr] [tr][td] Lign 2 - Cell 1 [/td] [td] Lign 2 - Cell 2 [/td] [td] Lign 2 - Cell 3 [/td][/tr][/table]
Lign 1 - Cell 1 Lign 1 - Cell 2 Lign 1 - Cell 3 Lign 2 - Cell 1 Lign 2 - Cell 2 Lign 2 - Cell 3
Other available attributes are for an example: cellspacing, cellpadding, width, etc.
- For an example, to create a two ligns and three columns frame, you need to proceed as following :
- Message scrolling
- Make a message scroll horizontally
If you wish to make a text scroll horizontally, you need to use the following BBcode :
- Kod:
[scroll]My message[/scroll]
- Make a message scroll vertically
The second way to make a text scroll is vertically, with the following BBcode :
- Kod:
[updown]My message[/updown]
- Appearance BBcodes
- Insert a lign
If you wish to aerate your message by inserting ligns, you can use this BBcode :
- Kod:
My first message[hr]My second message
My first message
My second message- Put in index or in exposure
If you wish to put text in index or exposure (useful for maths), two BBcodes are proposed :
- First method, to put in index :
- Kod:
x[sub]a+b[/sub]
- Second method, for the exposure :
- Kod:
2[sup]nd[/sup] day
- First method, to put in index :
- Texteffekter
De här BBKoderna gör att texten i ditt inlägg får en rolig effekt.
- Den första BBKoden ger en lodrät, spegelvänd effekt på texten:
[flipv]Lodrät, spegelvänd text[/flipv]
Resultat: Lodrät, spegelvänd text- Den andra BBKoden ger en vågrät, spegelvänd effekt på texten:
[fliph]Vågrät, spegelvänd text[/fliph]
Resultat: Vågrät, spegelvänd text- Den tredje BBKoden ger en suddig effekt på texten:
[blur]Suddig text[/blur]
Resultat: Suddig text- Den fjärde BBKoden ger en bleknande effekt på texten:
[fade]Bleknande text[/fade]
Resultat: Bleknande text- Den första BBKoden ger en lodrät, spegelvänd effekt på texten:
- Misc BBcodes
- Få ett slumptal
Om du vill få ett slumptal beroende på ett interwall, kan du använda följande BBKod:
- First utilization case, the interval is specified at minimum and maximum :
[rand]50,100[/rand]
Resultat:- Random number (50,100) : 82
- Second utilization case, the interval is specified at its maximum :
[rand]50[/rand]
Result:- Random number (1,50) : 6
- First utilization case, the interval is specified at minimum and maximum :
- Andra frågor
- Kan jag lägga till mina egna taggar?
Tyvärr inte.
- Lägg till en flash animation i ett inlägg
Det finns två metoder att lägga till en flash animation i ett meddelande.
- Första metoden med flash BBcode:
[flash(200,40)]https://illiweb.com/fa/i/forumotion.swf[/flash]
Resultat:- Andra metoden med embed-flash BBcode:
Glöm inte att ändra flash animationens höjd och bredd genom att ändra siffrorna i BBCoden.
[embed-flash(200,40)]https://illiweb.com/fa/i/forumotion.swf[/embed-flash]
Resultat:- Första metoden med flash BBcode:
- Lägg till en video i ett inlägg
Du kan posta filmer i ditt inlägg som kommer från dessa två sidor:
- Den första sidan är Youtube. Du måste kopiera koden till videon genom att klicka på Bädda in på en videosida på Youtube. Sedan måste du göra detta:
[youtube]Kod till videon[/youtube]- Den andra sidan är Dailymotion. Du måste kopiera koden till videon genom att klicka på Embed på en videosida på Dailymotion. Sedan måste du göra detta:
[dailymotion]Kod till videon[/dailymotion]- Den första sidan är Youtube. Du måste kopiera koden till videon genom att klicka på Bädda in på en videosida på Youtube. Sedan måste du göra detta:
|
|
|