Stap 1.
Download de bronbestanden > uitpakken en uploaden naar je Public Dropbox folder.
Stap 2.
Download Brackets, dit is een Code editor waarmee je de bestanden kunt bewerken zodat je ook nog aan de kleuren kunt zien of je het goed doet, erg handig.
- Brackets > File > Open Folder
. > [ mf-faq ] (in je Dropbox account)
Dan druk je op index.html en ga je naar regel 100, vanaf deze regelt begint jouw content. Het bovenste gedeelte is allemaal MacFreak layout en daar heb jij niets mee te maken.
Stap 3.
Het HTML aanpassen is vrij simpel, je kunt gewoon tussen de HTML TAGS blijven en begrijpen dat wanneer je een Tag opent je deze ook weer moet afsluiten.
<.header.> (zonder de puntjes) = de Header tag openen en <./.header.> = de Header tag weer afsluiten. Op die manier werken bijna alle HTML tags.
<.section.> en <./.section.>
<.header.> en <./.header.>
<.p.> en <./.p.> staat voor Paragraaf.
<.h2.> en <./.h2.> staat voor Heading-/Kopje nummer 2
<.ul.> en <./.ul.> staat voor Un-ordered List
<.li.> en <./.li.> staat voor een List-item
http://oi49.tinypic.com/641k5u.jpg
Je kunt zoveel typen als je wilt tussen een <.li.> en <./.li.> Ook YouTube en andere onderdelen embedden is geen enkel probleem. Zoals je ziet op regel 117 en 119 sla ik gewoon een regel over, dit maakt voor HTML helemaal niets uit, al zou ik daar 50 regels blanco laten met Spaties en Enters dan zie je dat niet terug in de content. HTML leest geen 'white-space' (zoals dat heet) naar kijkt alleen maar naar de HTML tags <.li> en <./.li.> in dit geval.
Verder is het gewoon Copy-/Paste als je een nieuwe categorie wilt maken. Zie je dat ik regel 109 t/m 128 blauw heb gemaakt (selected) dat is in totaal één FAQ categorie met een Header en daaronder de items in een List.
Wil je een FAQ categorie toevoegen dan copy-/paste je regel 109 t/m 128 en plak je deze op bijv. regel 129 en je hebt een nieuwe categorie alleen moet je dan wel nog de teksten tussen de HTML tags aanpassen.
En als laatste zie je dat elke <.section.> oftewel begin van een FAQ categorie een id="faq_nummer" heeft. deze nummers moeten uniek zijn. Daarmee kun je iemand vanaf het forum direct naar de juiste FAQ categorie linken.
Door #faq_nummer achter de URL te typen kun je linkjes maken waarbij de FAQ categorie direct bovenaan de pagina staat en de lezer niet eerst naar {nummer} hoeft te scrollen.
Voorbeeld.
Als ik iemand wilt linken naar nummer 3 ( Virus & Trojan op mac ) Dan maak ik een linkje als volgt.
https://dropbox.com/account/mf-faq/index.html#faq_3
Dat is het, als je iets niet goed doet dan kleurt de tekst rood in de Code editor en weet je dat je iets (nog) niet goed hebt afgesloten of bewerkt.
Verder is het gewoon Copy-/Paste > teksten aanpassen > opslaan en uploaden naar je Dropbox Public folder dan heb je al een mooier overzicht in MacFreak stijl en mocht MacFreak ooit klaar zijn om dit toe te voegen aan de site dan geef je Admin, gewoon die mf-faq folder in een zipje en kan hij het met een paar klikken aan MacFreak toevoegen.
Gast
