Werken met UBB codes

Op onze site kun je heel eenvoudig basis stijlelementen toevoegen aan je bijdragen. Dit kan met de UBB code (Ultimate Bulletin Board).
Hieronder volgt een overzicht van de meest gebruikte vormen. In dit document staan de meest gebruikte mogelijkheden beschreven.

UBB haken: [xxx]
Als je UBB code gebruikt, altijd de vierkante haken gebruiken. Anders wordt de opdracht niet gelezen.

Tekst opmaken
[b]vetgedrukt noem je ook wel 'bold'[/b] wordt dan natuurlijk vetgedrukt noem je ook wel 'bold'
[i]schuingedrukt heet ook wel 'italic'[/i] wordt uiteraard schuingedrukt heet ook wel 'italic'
[u]onderstreept[/u] wordt dan onderstreept
[s]doorgestreept[/s] wordt doorgestreept
[sup]supschrift[/sup] wordt ^supschrift
[sub]supschrift[/sub] wordt _subschrift
Om een enter te zetten oftewel om op een nieuwe regel verder te gaan gebruiken we [br]

Lettertypes aanpassen
[font=Arial]Arial[/font] Arial
[font=Courier]Courier[/font] Courier
[font=Times]Times[/font] Times
[font=Verdana]Verdana[/font] Verdana

Lettertype grootte veranderen
[size=1]Lettertype grootte 1[/size] Lettertype grootte 1
[size=2]Lettertype grootte 2[/size] Lettertype grootte 2
[size=3]Lettertype grootte 3[/size] Lettertype grootte 3
[size=4]Lettertype grootte 4[/size] Lettertype grootte 4
[size=5]Lettertype grootte 5[/size] Lettertype grootte 5
[size=6]Lettertype grootte 6[/size] Lettertype grootte 6

Letters een kleur geven
[color=black]Zwart[/color]
[color=blue]Blauw[/color]
[color=red]Rood[/color]
[color=green]Groen[/color]
[color=yellow]Geel[/color]
[color=orange]Oranje[/color]
[color=brown]Bruin[/color]
[color=magenta]Fel Purper[/color]
[color=cyan]Fel Blauw[/color]
[color=lime]Fel Groen[/color]

Speciale tekens
Speciaal voor de kookliefhebbers hebben we ook opgenomen [deg], dat geeft dat gradentekentje in 180°C.
En voor de koopliefhebber: [euro] geeft €.

Links aanbrengen
Je kunt gewoon een link intypen, die wordt dan vanzelf aanklikbaar. Dat kun je zo doen:

http://www.smulweb.nl wordt http://www.smulweb.nl
www.smulweb.nl wordt www.smulweb.nl
mail@emailadres.nl wordt mail@emailadres.nl

Maar op deze manier zie je wel de hele link. Je kunt de link ook verbergen achter een woord en dat woord aanklikbaar maken.
Dat gaat zo:
[url=http://www.smulweb.nl/]Klik hier voor Smulweb[/url]
en dat wordt dan Klik hier voor Smulweb
(De link wordt dan automatisch geopend in een nieuw venster)

Uitlijning
Je kunt teksten positioneren op de pagina door ze de volgende code mee te geven:

[left]Links uitlijnen[/left]
[right]Rechts uitlijnen[/right]
[center]Centreren[/center]

Smilies
Je kunt ook smilies in je teksten zetten door middel van deze codes.

>:)	:)	:(	(cry)	:P	:o	:D	:r
:9~	:9	;)	:7	:	O	:*	}:O
\|:(	8)	:?	(8>	^)	:@	_O_	:W
^O^	:Y)	:Z	:z	;(	}:\|	:X	:O
*)	:{	O-)	*;	:Y	:N

Plaatjes
Het enige dat je hoeft te doen is de link naar je plaatje tussen [img] en [/img] te zetten. Nog makkelijker: zet de foto in je fotoboek op je eigen pagina. Als je die foto's namelijk bekijkt, dan zie je onder de foto de UBB code al staan!

Dat bekent dat [img]http://www.smulweb.nl/images/leden/webredactie/kitchenaid.jpg[/img] het volgende resultaat oplevert:

Wil je je foto uitlijnen? Combineer de UBB:
[center][img]http://www.smulweb.nl/images/leden/webredactie/kitchenaid.jpg[/img][/center] wordt dan:

Combineer de UBB:
Links
[url=www.smulweb.nl/community/?pagina=webredactie]www.smulweb.nl/community/?pagina=webredactie[/url]
Door jouw naam te veranderen in een favoriet, kom je op een andere pagina waar je dus de naam van moet weten.

Lijstjes maken
Je kunt een lijst maken met opsommingstekens, cijfers of letters.

[list]
[*] Let goed op de begin- en eindcode voor de list!
[*] Die moet je wel goed typen, anders werkt het niet.
[/list]

Dat ziet er zo uit:

Let goed op de begin- en eindcode voor de list!
Die moet je wel goed typen, anders werkt het niet.

Het maken van een lijst met cijfers of letters werkt allebei hetzelfde. Gebruik hiervoor de code [LIST=A] of [LIST=1]. In het eerste geval krijg je een lijst van A tot Z. In het tweede geval ontstaat een lijst met nummers. Hieronder een voorbeeld:
[list=1]
[*] Dus wel gewoon de * aan het begin van de items.
[*] Alleen het begin is dus anders!
[/list]

Dat wordt zo:

Dus wel gewoon de * aan het begin van de items.
Alleen het begin is dus anders!

Je kunt ook lijsten maken met:
[@]disc
[ ]square
[x]square
[#]square
[o]circle
[0]circle

Koppen
Als je in je tekst koppen aan wilt brengen, gebruik je deze ubb-codes:

[h1]H1[/h1]

H1

[h2]H2[/h2]

H2

[h3]H3[/h3]

H3

[h4]H4[/h4]

H4

Andere berichten citeren
Je kunt citaten van anderen (bijvoorbeeld die ergens op smulweb staan) opnemen op je eigen pagina. Kopieer hiervoor de te citeren tekst, plak deze in je pagina en gebruik deze UBB-code:
[QUOTE]Dit heeft dan dus iemand anders geschreven.[/QUOTE]

Het resultaat is als volgt:

Dit heeft dan dus iemand anders geschreven.

Het is dan duidelijk dat dit niet jouw tekst, maar dat van iemand anders is.

Video & Geluid
Je kan ook een video van YouTube plaatsen of een geluidsfragment.
Dit kan je doen door middel van de volgende ubb-code: In de URL zie je staan v= en de code die daar achter staat, plaats je er tussenin.

[youtube](wat achter v= staat)[/youtube] [muziek](url naar geluidsbestand)[/muziek] http://www.youtube.com/watch?v=kWUil383us4

Avatar plaatsen/veranderen
Met je paginaopmaak begin je altijd vanuit je eigen pagina te werken.

Daar klik je op "wijzigen".
Links onderaan staat persoonlijke foto en bladeren.
Klik op bladeren, klik dan je leukste foto aan.
Klik op openen.
Ga naar opslaan (onderaan deze pagina) en binnen vijf minuten komt je avatar naar voren.

Achtergrond plaatsen/veranderen

Je klikt op "wijzigen".
Rechtsbovenaan staat: uploaden achtergrondfoto.
Klik op bladeren en klik op je mooiste achtergrond plaatje/foto.
Klik op openen.
Klik daarna op wijzigen (rechtsonderaan op deze pagina).
Binnen vijf minuten komt je achtergrond naar voren.

Het is eveneens mogelijk om je achtergrond posities te geven.
Scrollen - Herhalen - positioneren.
Helemaal naar je eigen wens.

Kleur instellen voor je tekstblokjes, icoontjes etc.

Je klikt op je pagina linksbovenaan op "wijzigen".
Door op het kleur vierkantje te klikken, is het mogelijk om zelf je kleuren te bepalen voor je achtergrondjes van je tekstblokjes, icoontjes etc.
Als je op het vierkantje hebt geklikt, komt er een kleurenpalet naar voren met rechts een klein schuifbalkje.
Als je met je linkermuis het balkje verschuift, komen er andere kleuren naar voren.
Nu alleen nog je kleuren bepalen en op oké klikken.
Als je alles hebt ingesteld, onderaan op wijzigen klikken.

Tot slot:
Bij het gebruik van UBB-code wordt geen verschil gemaakt tussen hoofdletters en kleine letters.
Eigenlijk zijn er twee dingen waar je echt op moet letten:

[url] www.smulweb.nl [/url] - plaats geen spaties tussen de code en de tekst waarop je de code toepast!
[email]info@emailadres.nl[email] - de afsluitende code moet beginnen met een slash (/) ([/email])

<h1>Werken met UBB codes</h1>
Op onze site kun je heel eenvoudig basis stijlelementen toevoegen aan je bijdragen. Dit kan met de UBB code (Ultimate Bulletin Board). Hieronder volgt een overzicht van de meest gebruikte vormen. In dit document staan de meest gebruikte mogelijkheden beschreven. UBB haken: [xxx] Als je UBB code gebruikt, altijd de vierkante haken gebruiken. Anders wordt de opdracht niet gelezen. Tekst opmaken [b]vetgedrukt noem je ook wel 'bold'[/b] wordt dan natuurlijk vetgedrukt noem je ook wel 'bold' [i]schuingedrukt heet ook wel 'italic'[/i] wordt uiteraard schuingedrukt heet ook wel 'italic' [u]onderstreept[/u] wordt dan onderstreept [s]doorgestreept[/s] wordt doorgestreept [sup]supschrift[/sup] wordt supschrift [sub]supschrift[/sub] wordt subschrift Om een enter te zetten oftewel om op een nieuwe regel verder te gaan gebruiken we [br] Lettertypes aanpassen [font=Arial]Arial[/font] Arial [font=Courier]Courier[/font] Courier [font=Times]Times[/font] Times [font=Verdana]Verdana[/font] Verdana Lettertype grootte veranderen [size=1]Lettertype grootte 1[/size] Lettertype grootte 1 [size=2]Lettertype grootte 2[/size] Lettertype grootte 2 [size=3]Lettertype grootte 3[/size] Lettertype grootte 3 [size=4]Lettertype grootte 4[/size] Lettertype grootte 4 [size=5]Lettertype grootte 5[/size] Lettertype grootte 5 [size=6]Lettertype grootte 6[/size] Lettertype grootte 6 Letters een kleur geven [color=black]Zwart[/color] [color=blue]Blauw[/color] [color=red]Rood[/color] [color=green]Groen[/color] [color=yellow]Geel[/color] [color=orange]Oranje[/color] [color=brown]Bruin[/color] [color=magenta]Fel Purper[/color] [color=cyan]Fel Blauw[/color] [color=lime]Fel Groen[/color] Speciale tekens Speciaal voor de kookliefhebbers hebben we ook opgenomen [deg], dat geeft dat gradentekentje in 180°C. En voor de koopliefhebber: [euro] geeft €. 							 						 Links aanbrengen Je kunt gewoon een link intypen, die wordt dan vanzelf aanklikbaar. Dat kun je zo doen: 
<ul style="margin-left: 12px;">
<li>http://www.smulweb.nl wordt <a href="ubb.php">http://www.smulweb.nl</a></li>
<li>www.smulweb.nl wordt <a href="ubb.php">www.smulweb.nl </a></li>
<li>mail@emailadres.nl wordt <a href="mailto:#">mail@emailadres.nl</a></li>
</ul>
Maar op deze manier zie je wel de hele link. Je kunt de link ook verbergen achter een woord en dat woord aanklikbaar maken. Dat gaat zo: [url=http://www.smulweb.nl/]Klik hier voor Smulweb[/url] en dat wordt dan <a href="http://www.smulweb.nl/" target="_blank">Klik hier voor Smulweb</a> (De link wordt dan automatisch geopend in een nieuw venster) Uitlijning Je kunt teksten positioneren op de pagina door ze de volgende code mee te geven: 
[left]Links uitlijnen[/left] [right]Rechts uitlijnen[/right] [center]Centreren[/center]
 
Smilies Je kunt ook smilies in je teksten zetten door middel van deze codes. 
<table border="0" cellspacing="0">
<tbody>
<tr>
<td>>:) <img src="http://images.smulweb.nl/smilies/1.gif" border="0" alt="" /></td>
<td>:) <img src="http://images.smulweb.nl/smilies/2.gif" border="0" alt="" /></td>
<td>:( <img src="http://images.smulweb.nl/smilies/3.gif" border="0" alt="" /></td>
<td>(cry) <img src="http://images.smulweb.nl/smilies/4.gif" border="0" alt="" /></td>
<td>:P <img src="http://images.smulweb.nl/smilies/5.gif" border="0" alt="" /></td>
<td>:o <img src="http://images.smulweb.nl/smilies/6.gif" border="0" alt="" /></td>
<td>:D<img src="http://images.smulweb.nl/smilies/7.gif" border="0" alt="" /></td>
<td>:r <img src="http://images.smulweb.nl/smilies/8.gif" border="0" alt="" /></td>
</tr>
<tr>
<td>:9~ <img src="http://images.smulweb.nl/smilies/9.gif" border="0" alt="" /></td>
<td>:9 	 <img src="http://images.smulweb.nl/smilies/10.gif" border="0" alt="" /></td>
<td>;) 	 <img src="http://images.smulweb.nl/smilies/11.gif" border="0" alt="" /></td>
<td>:7 	 <img src="http://images.smulweb.nl/smilies/12.gif" border="0" alt="" /></td>
<td>: 	 <img src="http://images.smulweb.nl/smilies/13.gif" border="0" alt="" /></td>
<td>O 	 <img src="http://images.smulweb.nl/smilies/14.gif" border="0" alt="" /></td>
<td>:* 	 <img src="http://images.smulweb.nl/smilies/15.gif" border="0" alt="" /></td>
<td>}:O <img src="http://images.smulweb.nl/smilies/16.gif" border="0" alt="" /></td>
</tr>
<tr>
<td>|:( <img src="http://images.smulweb.nl/smilies/17.gif" border="0" alt="" /></td>
<td>8) 	 <img src="http://images.smulweb.nl/smilies/18.gif" border="0" alt="" /></td>
<td>:? 	 <img src="http://images.smulweb.nl/smilies/19.gif" border="0" alt="" /></td>
<td>(8> <img src="http://images.smulweb.nl/smilies/20.gif" border="0" alt="" /></td>
<td>^) 	 <img src="http://images.smulweb.nl/smilies/21.gif" border="0" alt="" /></td>
<td>:@ 	 <img src="http://images.smulweb.nl/smilies/22.gif" border="0" alt="" /></td>
<td>_O_ <img src="http://images.smulweb.nl/smilies/23.gif" border="0" alt="" /></td>
<td>:W 	 <img src="http://images.smulweb.nl/smilies/24.gif" border="0" alt="" /></td>
</tr>
<tr>
<td>^O^ <img src="http://images.smulweb.nl/smilies/25.gif" border="0" alt="" /></td>
<td>:Y) <img src="http://images.smulweb.nl/smilies/26.gif" border="0" alt="" /></td>
<td>:Z 	 <img src="http://images.smulweb.nl/smilies/27.gif" border="0" alt="" /></td>
<td>:z 	 <img src="http://images.smulweb.nl/smilies/28.gif" border="0" alt="" /></td>
<td>;( 	 <img src="http://images.smulweb.nl/smilies/29.gif" border="0" alt="" /></td>
<td>}:| <img src="http://images.smulweb.nl/smilies/30.gif" border="0" alt="" /></td>
<td>:X 	 <img src="http://images.smulweb.nl/smilies/31.gif" border="0" alt="" /></td>
<td>:O 	 <img src="http://images.smulweb.nl/smilies/32.gif" border="0" alt="" /></td>
</tr>
<tr>
<td>*) 	 <img src="http://images.smulweb.nl/smilies/33.gif" border="0" alt="" /></td>
<td>:{ 	 <img src="http://images.smulweb.nl/smilies/34.gif" border="0" alt="" /></td>
<td>O-) <img src="http://images.smulweb.nl/smilies/35.gif" border="0" alt="" /></td>
<td>*; 	 <img src="http://images.smulweb.nl/smilies/36.gif" border="0" alt="" /></td>
<td>:Y 	 <img src="http://images.smulweb.nl/smilies/37.gif" border="0" alt="" /></td>
<td>:N 	 <img src="http://images.smulweb.nl/smilies/38.gif" border="0" alt="" /></td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
 Plaatjes Het enige dat je hoeft te doen is de link naar je plaatje tussen [img] en [/img] te zetten. Nog makkelijker: zet de foto in je fotoboek op je eigen pagina. Als je die foto's namelijk bekijkt, dan zie je onder de foto de UBB code al staan! Dat bekent dat [img]http://www.smulweb.nl/images/leden/webredactie/kitchenaid.jpg[/img] het volgende resultaat oplevert: <img src="images/leden/webredactie/kitchenaid.jpg" border="0" alt="" /> Wil je je foto uitlijnen? Combineer de UBB: [center][img]http://www.smulweb.nl/images/leden/webredactie/kitchenaid.jpg[/img][/center] wordt dan: <img src="images/leden/webredactie/kitchenaid.jpg" border="0" alt="" /> Combineer de UBB: Links [url=www.smulweb.nl/community/?pagina=webredactie]www.smulweb.nl/community/?pagina=webredactie[/url] Door jouw naam te veranderen in een favoriet, kom je op een andere pagina waar je dus de naam van moet weten. Lijstjes maken Je kunt een lijst maken met opsommingstekens, cijfers of letters. [list] [*] Let goed op de begin- en eindcode voor de list! [*] Die moet je wel goed typen, anders werkt het niet. [/list] Dat ziet er zo uit: 								 
<ul style="margin-left: 12px;">
<li>Let goed op de begin- en eindcode voor de list!</li>
<li>Die moet je wel goed typen, anders werkt het niet.</li>
</ul>
 Het maken van een lijst met cijfers of letters werkt allebei hetzelfde. Gebruik hiervoor de code [LIST=A] of [LIST=1]. In het eerste geval krijg je een lijst van A tot Z. In het tweede geval ontstaat een lijst met nummers. Hieronder een voorbeeld: [list=1] [*] Dus wel gewoon de * aan het begin van de items. [*] Alleen het begin is dus anders! [/list] Dat wordt zo: 								<ol style="margin-left: 12px;">
<li>Dus wel gewoon de * aan het begin van de items.</li>
<li>Alleen het begin is dus anders!</li>
</ol> Je kunt ook lijsten maken met: [@]disc [ ]square [x]square [#]square [o]circle [0]circle Koppen Als je in je tekst koppen aan wilt brengen, gebruik je deze ubb-codes: [h1]H1[/h1]
<h1>H1</h1>
[h2]H2[/h2]
<h2>H2</h2>
 [h3]H3[/h3]
<h3>H3</h3>
 [h4]H4[/h4]
<h4>H4</h4>
 Andere berichten citeren Je kunt citaten van anderen (bijvoorbeeld die ergens op smulweb staan) opnemen op je eigen pagina. Kopieer hiervoor de te citeren tekst, plak deze in je pagina en gebruik deze UBB-code: [QUOTE]Dit heeft dan dus iemand anders geschreven.[/QUOTE] Het resultaat is als volgt:
<blockquote>Dit heeft dan dus iemand anders geschreven.</blockquote>
Het is dan duidelijk dat dit niet jouw tekst, maar dat van iemand anders is. Video & Geluid Je kan ook een video van YouTube plaatsen of een geluidsfragment. Dit kan je doen door middel van de volgende ubb-code: In de URL zie je staan v= en de code die daar achter staat, plaats je er tussenin. [youtube](wat achter v= staat)[/youtube] 							[muziek](url naar geluidsbestand)[/muziek] 							http://www.youtube.com/watch?v=kWUil383us4 							 Avatar plaatsen/veranderen  							Met je paginaopmaak begin je altijd vanuit je eigen pagina te werken. <ol style="margin-left: 25px;"> 
<li>Daar klik je op "wijzigen".</li>
<li>Links onderaan staat persoonlijke foto en bladeren.</li>
<li>Klik op bladeren, klik dan je leukste foto aan.</li>
<li>Klik op openen.</li>
<li>Ga naar opslaan (onderaan deze pagina) en binnen vijf minuten komt je avatar naar voren.</li>
  </ol> Achtergrond plaatsen/veranderen <ol style="margin-left: 25px;"> 
<li>Je klikt op "wijzigen".</li>
<li>Rechtsbovenaan staat: uploaden achtergrondfoto.</li>
<li>Klik op bladeren en klik op je mooiste achtergrond plaatje/foto.</li>
<li>Klik op openen.</li>
<li>Klik daarna op wijzigen (rechtsonderaan op deze pagina).</li>
<li>Binnen vijf minuten komt je achtergrond naar voren.</li>
</ol> Het is eveneens mogelijk om je achtergrond posities te geven. Scrollen - Herhalen - positioneren. Helemaal naar je eigen wens.   						Kleur instellen voor je tekstblokjes, icoontjes etc. <ol style="margin-left: 25px;"> 
<li>Je klikt op je pagina linksbovenaan op "wijzigen".</li>
<li>Door op het kleur vierkantje te klikken, is het mogelijk om zelf je kleuren te bepalen voor je achtergrondjes van je tekstblokjes, icoontjes etc.</li>
<li>Als je op het vierkantje hebt geklikt, komt er een kleurenpalet naar voren met rechts een klein schuifbalkje.</li>
<li>Als je met je linkermuis het balkje verschuift, komen er andere kleuren naar voren.</li>
<li>Nu alleen nog je kleuren bepalen en op oké klikken.</li>
<li>Als je alles hebt ingesteld, onderaan op wijzigen klikken.</li>
</ol> Tot slot: Bij het gebruik van UBB-code wordt geen verschil gemaakt tussen hoofdletters en kleine letters. Eigenlijk zijn er twee dingen waar je echt op moet letten: <ol style="margin-left: 25px;">
<li>[url] www.smulweb.nl [/url] - plaats geen spaties tussen de code en de tekst waarop je de code toepast!</li>
<li>[email]info@emailadres.nl[email] - de afsluitende code moet beginnen met een slash (/) ([/email]) </li>
</ol>

Werken met UBB codes

H1

H2

H3

H4

Inloggen