6 resultaten gevonden

1. De template overall_header bewerken

Beheerderspaneel  Display  Templates - Algemeen

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">  <tr>  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>  </tr>  </table>

Code:

<div class="vertical_nav">{GENERATED_NAV_BAR}</div>

• We plaatsen de variabele die de navigatiebalk genereert in een div, waaraan we de naam vertical_nav geven , zodat we deze later kunnen wijzigen vanuit de CSS-stylesheet.
  

2. Het CSS-Stylesheet bewerken

Beheerderspaneel  Display  Plaatjes en Kleuren
 Kleuren - CSS-stylesheet

Code:

div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
}

• position:absolute : Staat ons toe om de volledige navigatiebalk als een zwevend element te plaatsen.
  
• top:50px : Staat ons toe om ons blok op 50 pixels te plaatsen vanaf de linkerbovenhoek.
  
• left:5% : Staat ons toe om ons blok op 5% van de linkerkant van de pagina te plaatsen.
  

Code:

div.vertical_nav a.mainmenu {
    display:list-item;
    list-style:none;
}

• display:list-item : Stelt ons in staat de links in de navigatiebalk weer te geven als een lijst van boven naar beneden.
  
• list-style:none : Stelt ons in staat ons de stijl te verwijderen die aanvankelijk aan de lijst wordt toegewezen (bullets: •)
  

Code:

div.vertical_nav {
    background:#FFFFFF;
    border:1px solid #D0D0D0;
}

• background:#FFFFFF : stelt ons in staat om de achtergrond van het blok wit te kleuren.
  
• border:1px solid #D0D0D0 : staat ons toe om een ​​solide rand toe te voegen, één pixel dik en grijze kleur.
  

Beheerderspaneel Modules Forum widgets beheer Create a widget

Code:

<textarea id="textArea"></textarea><div>Word Length: <span id="textLength">0</span></div>
<script type="text/javascript">
jQuery('#textArea').keyup(function () {
document.getElementById('textLength').innerHTML = document.getElementById('textArea').value.split(/\s+/).length;
});
</script>

Beheerderspaneel Display Kleuren Cascading Style Sheet

Code:

#textArea {
background-color: COLORHERE;
}

1. Tekstopmaak:

Code:

[b]vetgedrukt[/b]

Code:

[i]schuingedrukt[/i]

Code:

[u]onderstreept[/u]

Code:

[strike]doorstreepte tekst[/strike]

Code:

[left]links uitgelijnd[/left]

Code:

[center]gecentreerd[/center]

Code:

[right]rechts uitgelijnd[/right]

Code:

[justify]automatisch uitvullen[/justify]

2. Plaatjes en Links:

Code:

[img]http://www.voorbeeld.com/plaatje.jpg[/img]

Code:

[url=http://www.voorbeeld.com]mijn link[/url]

Code:

[url]http://www.voorbeeld.com[/url]

Code:

[email=ik@voorbeeld.com]mijn e-mailadres[/email]

Code:

[email]ik@voorbeeld.com[/email]

3. Tekstformaat:

Code:

[size=9]lettergrootte 9[/size]

Code:

[size=12]lettergrootte 12[/size]

Code:

[size=14]lettergrootte 14[/size]

Code:

[size=16]lettergrootte 16[/size]

Code:

[size=18]lettergrootte 18[/size]

4. Tekstkleuren:

Code:

[color=black]zwarte tekst[/color]

Code:

[color=white]witte tekst[/color]

Code:

[color=blue]blauwe tekst[/color]

Code:

[color=red]rode tekst[/color]

Code:

[color=green]groene tekst[/color]

Code:

[color=yellow]gele tekst[/color]

Code:

[color=orange]oranje tekst[/color]

Code:

[color=brown]bruine tekst[/color]

Code:

[color=magenta]magenta tekst[/color]

Code:

[color=cyan]cyaan tekst[/color]

Code:

[color=limegreen]limoengroene tekst[/color]

Code:

[color=#hexadecimal][/color]

5. Font veranderen:

Code:

[font=NAAM][/font]

6. Citeren:

Code:

[quote=Gebruikersnaam]geciteerd bericht met gebruikersnaam[/quote]

Gebruiker schreef: Resultaat van het citaat

Code:

[quote]geciteerd bericht[/quote]

Resultaat van het citaat

7. Lijsten weergeven:

Code:

[list][*]Info 1[*]Info 2[/list]

• Info 1
  
• Info 2
  

Code:

[list=1][*]Info 1[*]Info 2[/list]

1. Info 1
   
2. Info 2
   

Code:

[list=a][*]Info 1[*]Info 2[/list]

1. Info 1
   
2. Info 2
   

Code:

[list=i][*]Info 1[*]Info 2[/list]

1. Info 1
   
2. Info 2
   

8. Codes weergeven:

Code:

[code][/code]

Code:

1. Resultaat

9. Tabellen maken:

Code:

[table][tr][td] Lijn 1 - Cel 1 [/td][td]Lijn 1 - Cel 2 [/td][td]Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td]Lijn 2 - Cel 2 [/td][td]Lijn 2 - Cel 3 [/td][/tr][/table]

Code:

[table border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

Code:

[table cellspacing="0" border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

9. Schuivende berichten maken:

Code:

[scroll][/scroll]

Code:

[updown][/updown]

10. Tekst effecten maken:

Code:

Résultaat 1[hr]Résultaat 2

Code:

x[sub]a+b[/sub]

Code:

2[sup]e[/sup] dag

Code:

[flipv][/flipv]

Code:

[fliph][/fliph]

Code:

[blur][/blur]

Code:

[fade][/fade]

Code:

[hide][/hide]

Code:

[spoiler][/spoiler]

Spoiler - klik om uit te klappen:

Resultaat

10. Belangrijk om te weten:

Code:

[size=18][color=red][b][/b][/color][/size]

Code:

[u][b]Info[/u][b][b][b][b][b][b][/b]