YaBB.nl

Log in of registreer jezelf.

Login met gebruikersnaam, wachtwoord en sessielengte
Geavanceerd zoeken  
Pagina's: [1]   Omlaag

Auteur Topic: Platinum Templates FAQ  (gelezen 7771 keer)

spikecity

  • Gast
Platinum Templates FAQ
« Gepost op: 19 oktober 2002, om 12:08:52 »

Hoe verander ik de kleuren in Platinum ?

Antwoord:

De kleurinstellingen worden in YaBB op twee plaatsen ingesteld.
Ten eerste in de map YaBBData/Styles in je html deel van je board en vervolgens eveneens in de board instellingen en kleuren in het admin center.

Waarom op twee plaatsen ?

Een van de redenen is dat YaBB altijd heeft geprobeerd downwards compatible te blijven met oude browsers die geen CSS (Cascading Style Sheets) ondersteunen waardoor er ook kleurinstellingen in het admin center staan.
Een tweede reden is omdat er een aantal opties van derden zijn geïntegreerd (zoals YaBB Chat) die nog geen CSS ondersteunen.

Bijna alle moderne browsers ondersteunen style sheets en dus zullen deze instellingen de admin center instellingen voor een groot deel overheersen.
(Behalve chat)

De kleuren van elke template (de bestandsnaam van de html is gelijk aan die van de css) kan je in elke freeware CSS editor eenvoudig aanpassen aan je eigen smaak.
Het gaat iets te ver in dit verhaal om precies uit te gaan leggen wat alles in een CSS betekent, maar hierover is genoeg te vinden op het net.

De overige kleuren zijn in het admin center in te stellen.

Platinum heeft hiervoor boven elke kleur deel een handig tooltje (de color calculator) en door hierop te klikken krijg je een nieuw venstertje waarin je een kleur kunt kiezen waarna het juiste hexgetal wordt weergegeven.

Gelogd

spikecity

  • Gast
Re:Platinum Templates FAQ
« Reactie #1 Gepost op: 19 oktober 2002, om 12:38:47 »

Hoe weet ik welke kleur waar in het board zit ?

Antwoord:

Dat is altijd een aardige vraag want er zijn nogal wat instellingen.

Gelukkig zijn in de meegeleverde stylesheets de diverse instellingen al redelijk gescheiden en kan je door even goed naar de .class te kijken wel begrijpen welke kleuren dit zijn.

Trouwens.... CSS gaat veel verder als alleen de boardkleuren... ook de font type, grootte, stijl en versiering worden hier gedefinieerd.

Een paar lastige maar veel gebruikte classes zijn:

.titlebg
Achtergrondkleur van de titelbalk

.text1
Kleur van de niet gelinkte fonts generaal in het board
(bijv. de agreement tekst)

.catbg
Achtergrondkleur van een categorie menubalk

.windowbg
Achtergrondkleur van de linker statuskolom in en de samenvattingskolom in board index en message index
Verder in de thread achtergrond van alle oneven berichten.

.windowbg2
Achtergrondkleur van de rechter statuskolom, de Onderwerp kolom in board index en message index
Verder in de lichte achtergrond in de meeste tabellen
en de even berichten in de threads

.windowbg3
Donkere achtergrond kleur alleen gebruikt in Chat en De notificatievensters, redelijk zeldzaam dus.

.hr
De kleur van de hr tag in berichten

.quote
De kleur en font instellingen van een quote in een bericht

.code
De kleur en fontinstellingen van een code stuk in een bericht

.boarddesc
De font instellingen van de board omschrijving in de board index.
 
.admin
De font en kleur instellingen van een Administrator her en der in het board.

.mod
De font en kleur instellingen van een Moderator her en der in het board.

.globmod
De font en kleur instellingen van een Global Moderator her en der in het board.

.user
De font en kleur instellingen van een normale gebruiker her en der in het board.

.imgbg
Font en kleurinstellingen van tekst bij icons (niet het menu)

.imgcatbg
Font en kleurinstellingen van tekst in een categoriebalk

.imgtitlebg
Font en kleurinstellingen van tekst in een titelbalk

.imgwindowbg
Font en kleurinstellingen van tekst in een vakken met de windowsbg als achtergrond (behalve board omschrijving)

.imgmenu
Font en kleurinstellingen van tekst in het top menu
« Laatst bewerkt op: 19 oktober 2002, om 12:40:47 door Spikecity »
Gelogd

spikecity

  • Gast
Re:Platinum Templates FAQ
« Reactie #2 Gepost op: 19 oktober 2002, om 13:04:26 »

Wat zijn yabb tags en hoe gebruik ik ze ?

De <yabb tags> (tag betekent label) zijn letterlijk markeerpunten in de template bestanden, die verder volledig in standaard html geschreven zijn.
Met behulp van de <yabb tag> labels kan je in een html pagina dus aangeven waar bepaalde onderdelen van het board moeten verschijnen.

Wat zijn de voorwaarden voor een template ?
Eigenlijk simpelweg het feit dat het een html pagina moet zijn met de standaard opbouw, dus:
<html>
<head>
</head>
<body>
</body>
</html>
en dat de bestandsextentie .html moet zijn om herkend te worden als template in de Templates dir.

Je kunt met deze gegevens dus in je favoriete html programma een standaard opzet van een template maken en hier in de html code editor zelf de <yabb tag> labels op de gewenste plek toevoegen (niet in het opmaakscherm daar ze anders als tekst verschijnen).

Hieronder een lijst van alle Platinum yabb tags met omschrijving en eventuele voorbeelden van hoe toe te passen.

<yabb uname>       de gebruikersnaam
<yabb im>       de IM berichtenregel
<yabb menu>       het horizontale top menu
<yabb main>       het board zelf
<yabb copyright>    het copyright bericht (als je deze tag verwijderd werkt het board niet meer)
<yabb news>       alternatieve balk ipv de nieuwsfader
<yabb title>       Pagina titel
<yabb position>    boomstructuur van het pad naar de huidige lokatie waar je je bevindt
<yabb boardname>    de forumnaam
<yabb time>       de forum tijd(zie instellingen in profiel voor verschil tov van servertijd)
<yabb vmenu>       vertikale versie van <yabb menu>
<yabb language>    horizontale set met taal selectievlaggen
<yabb vlanguage>    horizontale set met taal selectievlaggen
<yabb images>       html pad naar de /Images directory
<yabb boardurl>    html pad naar /YaBB
<yabb stylesheet>   Laad een extern stylesheet met dezelfde bestandsnaam uit YaBBData/Styles
<yabb startjava>   Startlabel voor een extern java script uit YaBBData/Java
<yabb endjava>      Eindlabel voor een extern java script uit YaBBData/Java

Voorbeelden van het gebruik van sommige tags.

<img src="<yabb images>/mylogo.gif"> wordt omgezet in<img src="http://yoursite.com/YaBBData/Images/mylogo.gif">

Op deze manier kan je dus plaatjes zie je upload in YaBBData/Images zeer snel toevoegen aan je template.

<yabb startjava>chat.js<yabb endjava> voegt het script chat.js script toe uit de url http://yoursite.com/YaBBData/Java/.

Op deze manier kan je ook simpel je eigen javascript toevoegen aan je template.
Denk hierbij bijv aan een statistics script of een counter of zoals bij www.spikecity.net de tijd onderin de browser statusbalk.
voorbeeld van die laatste is <yabb startjava>spiketime.js<yabb endjava>, waarbij het javascriptje in de map YaBBData/Java staat.

<yabb stylesheet> geplaatst in bijv default.html voegt default.css toe gevonden in http://yoursite.com/YaBBData/Styles/.

Verplichte tags in de <head></head> sectie om alles van platinum te laten werken zijn:
<yabb stylesheet>
Anders werken de font/kleur instellingen niet

<yabb startjava>template.js<yabb endjava>
Anders werkt browser detectie niet

<yabb startjava>chat.js<yabb endjava>
Anders werkt YaBB Chat niet.

Verplichte tag in de <body></body> sectie:

<yabb copyright>
Anders werkt het board niet en wordt je voor illegale gebruiker uitgemaakt.
« Laatst bewerkt op: 19 oktober 2002, om 13:07:10 door Spikecity »
Gelogd
Pagina's: [1]   Omhoog
 

Pagina opgebouwd in 0.062 seconden met 19 queries.