BB Code [tutorial]

Εισαγωγή

Το BBCode είναι μια ειδική παραλαγή της HTML. Η χρήση της ή η μη χρήση της ορίζετε από τον διαχειριστή του συστήματος. Μπορείτε να την απενεργοποιείτε κατά βούληση κάθε φορά που συντάσσετε ένα μήνυμα. Το BBCode είναι παρόμοιο στην δομή της με την HTML, οι εντολές της περικλείονται σε αγκύλες [ and ] αντί του < and > Και προσφέρει μεγαλύτερο έλεγχο στο τι και το πώς θα εμφανίζετε στην σελίδα. Ανάλογα με την περιβολή που χρησιμοποιείτε, θα βρείτε την επιλογή ενεργοποίησης της στην φόρμα σύνταξης ενός μηνύματος, καθώς και κουμπιά μορφοποίησης της εγγραφής σας. Ακόμα και η ύπαρξη αυτόν τον κουμπιών δεν μπορεί να αντικαταστήσει την πληρότητα του παρακάτω βοηθήματος.

Μορφωποίηση Κειμένου

Πώς να κάνω το κείμενο μου έντονο, πλάγιο και υπογραμμισμένο
Το BBCode περιλαμβάνει εντολές οι οποίες επιτρέπουν με γρήγορο τρόπο να αλλάξουμε τον βασικό χαρακτήρα του κειμένου. Αυτό το πετυχαίνουμε με τους εξής τρόπους:


Για να πετύχετε έντονο κείμενο περικλείστε το με τα

Κώδικας:

[b][/b], πχ. [b]Γειά σας[/b]

θα εμφανίζεται: Γειά σας


Για υπογραμμισμένο κείμενο χρησιμοποιήστε

Κώδικας:

[u][/u], για παράδειγμα:[u]Καλημέρα[/u]

θα εμφανίζεται: Καλημέρα


Για πλάγια γραφή

Κώδικας:

[i][/i], π.χ.Αυτό είναι [i]Καταπληκτικό![/i]

θα εμφανισθεί ως: Αυτό είναι Καταπληκτικό!



Πώς να αλλάξω το χρώμα και το μέγεθος του κειμένου
Για να επεξεργασθείτε το χρώμα και το μέγεθος του κειμένου χρησιμοποιήστε τις ακόλουθες εντολές. Να έχετε υπόψη ότι η τελική εμφάνιση εξαρτάται και από το λειτουργικό και το πρόγραμμα περιήγησης που χρησιμοποιείτε:
Όπως προαναφέραμε για να χρωματίσετε ή να αλλάξετε το μέγεθος του κειμένου περικλείστε το με τις ανάλογες εντολές

Κώδικας:

[color=][/color]

Μπορείτε να χρησιμοποιήσετε ένα χρώμα με την τυποποιημένη ονομασία του (Αγγλικά red, blue, yellow, κλπ.) ή σε δεκαεξαδική μορφή π.χ. #FFFFFF, #000000. Για παράδειγμα εάν θέλετε κόκκινο κείμενο συντάξτε με τον ακόλουθο τρόπο:

Κώδικας:

[color=red]Γεια σας![/color] ή [color=#FF0000]Γεια σας![/color]

και τα δύο θα εμφανίσουν: Γεια σας!


Ο ορισμός μεγέθους της γραμματοσειράς γίνεται με παρόμοιο τρόπο χρησιμοποιώντας τις εντολές

Κώδικας:

[size=][/size]

Η εντολή εξαρτάται από την δομή του συστήματος, όμως η προτεινόμενη μέθοδος είναι να ορίζετε αριθμητικό μέγεθος που αντιστοιχεί σε εικονοστοιχεία, αρχίζοντας με το 1 (τόσο μικρό που δεν γίνετε ορατό στην οθόνη) μέχρι το 29 (πολύ μεγάλο μέγεθος). Παράδειγμα:

Κώδικας:

[size=9]ΜΙΚΡΟ[/size]

εμφανίζετε ως: ΜΙΚΡΟ


και αντίστοιχα:

Κώδικας:

[size=24]ΜΕΓΑΛΟ![/size]

εμφανίζεται: ΜΕΓΑΛΟ!



Μπορώ να συνδυάσω τις εντολές;
Βεβαίως, για παράδειγμα μπορείτε να γράψετε:

Κώδικας:

[size=18][color=red][b]ΠΡΟΣΟΧΗ![/b][/color][/size]

εμφανίζεται: ΠΡΟΣΟΧΗ!

Δεν συνιστούμε την αλόγιστη χρήση του άνω παραδείγματος για να μην επιβαρύνετε την αναγνωσιμότητα του κειμένου σας! Να θυμάστε πως πάντα, οι εντολές πρέπει να τερματίζονται σωστά. Για παράδειγμα, η παρακάτω σύνταξη είναι εσφαλμένη:

Κώδικας:

[b][u]Λάθος σύνταξης[/b][/u]

Παράθεση κειμένου σε απάντηση μηνύματος
Υπάρχουν δύο τύποι παράθεσης, με αναφορά και χωρίς.
Όταν ενεργοποιείτε την εντολή παράθεσης κειμένου σε μια απάντηση σας θα προσέξατε ότι το κείμενο σας στο παράθυρο του μηνύματος εσωκλείστηκε σε

Κώδικας:

[quote=""][/quote] πλαίσιο.

Με αυτόν τον τρόπο είναι δυνατό να κάνουμε την παράθεση με αναφορά σε πρόσωπο ή ότι άλλο θέλετε εσείς! Ως παράδειγμα, για να παραθέσουμε ένα μικρό κομμάτι κείμενου - Ο Κος Κανένας έγραψε - θα γράψετε:

Κώδικας:

[quote=" Κος Κανένας "]Το κείμενο που έγραψε ο Κος Κανένας τοποθετείται εδώ[/quote]

και θα εμφανισθεί ως:

Κος Κανένας έγραψε:Το κείμενο που έγραψε ο Κος Κανένας τοποθετείται εδώ

Να θυμάστε πως πάντα πρέπει να συμπεριλαμβάνετε τα " " γύρω από το όνομα της παράθεσης, δεν είναι προαιρετικά!


Ο δεύτερος τύπος είναι να παραθέτουμε το κείμενο ως έχει. Και επιτυγχάνετε με τις

Κώδικας:

[quote][/quote] εντολές.

Το κείμενο που έγραψε ο Κος Κανένας τοποθετείται εδώ

Εμφάνιση κώδικα ή σταθερού-πλάτους κείμενο
Εάν θέλετε να εμφανίσετε κώδικα ή οτιδήποτε χρειάζεται σταθερό πλάτος π.χ. Courier γραμματοσειρά πρέπει να περικλείσετε το κείμενο σας με την εντολή

Κώδικας:

[code][/code]

π.χ.

Κώδικας:

[code]echo "Αυτό είναι ένα τμήμα κώδικα";[/code]

Όλες οι εντολές που χρησιμοποιήσατε, ενδιάμεσα της εντολής

Κώδικας:

[code][/code]

εμφανίζονται στην οθόνη αναλλοίωτες.

Δημιουργία λίστας

Δημιουργία λίστας χωρίς αρίθμηση
Το BBCode υποστηρίζει δύο τύπους λίστας με αρίθμηση ή με κουκκίδες. Οι εντολές αυτές είναι πανομοιότυπες με τις αντίστοιχες εντολές της HTML. Μια λίστα με κουκκίδες εμφανίζει τις γραμμές του κειμένου την μία κάτω από την άλλη έχοντας μπροστά της μια κουκκίδα. Η δημιουργία της επιτυγχάνεται με την εντολή

Κώδικας:

[list][/list]

διαχωρίζοντας το κάθε τμήμα της λίστας με το [*]. Ως παράδειγμα, θέλουμε μια λίστα με τα αγαπημένα μας χρώματα:

Κώδικας:

[list]
[*]Κόκκινο
[*]Μπλε
[*]Κίτρινο
[/list]

Θα εμφανίζεται ως εξής:

• Κόκκινο
  
• Μπλε
  
• Κίτρινο
  

Δημιουργία λίστας με αρίθμηση
Ο δεύτερος τύπος αρίθμησης σου δίνει τον έλεγχο στο τι εμφανίζεται στην αρχή της γραμμής της λίστας. Οι εντολή που χρησιμοποιούμε είναι η

Κώδικας:

[list=1][/list]

για να έχουμε αριθμητικό πρόθεμα ή αντίστοιχα

Κώδικας:

[list=a][/list]

για να έχουμε αλφαβητικό πρόθεμα. Χρησιμοποιούμε όπως και στην λίστα χωρίς αρίθμηση τις εντολές [*]για να ορίσουμε τα τμήματα του κειμένου τα οποία δημιουργούν την λίστα. Για παράδειγμα:

Κώδικας:

[list=1]
[*]Να πληρώσω τον λογαριασμό
[*]Να αγοράσω γάλα του παιδιού
[*]Να πετάξω τον υπολογιστή μου
[/list]

θα εμφανίσει το ακόλουθο:

1. Να πληρώσω τον λογαριασμό
   
2. Να αγοράσω γάλα του παιδιού
   
3. Να πετάξω τον υπολογιστή μου
   

Κώδικας:

[list=a]
[*] Να πληρώσω τον λογαριασμό
[*] Να αγοράσω γάλα του παιδιού
[*] Να πετάξω τον υπολογιστή μου
[/list]

παράγει

1. Να πληρώσω τον λογαριασμό
   
2. Να αγοράσω γάλα του παιδιού
   
3. Να πετάξω τον υπολογιστή μου
   

Δημιουργία Συνδέσμων

Σύνδεσμος για άλλη διεύθυνση
Ο BBCode της phpBB υποστηρίζει διάφορους τρόπους δημιουργίας συνδέσμων (URLs).
Ο πρώτος από αυτούς χρησιμοποιεί τις εντολές

Κώδικας:

[url=][/url]

, οτιδήποτε και αν πληκτρολογήσετε μετά το = θα το αναγκάσει να συμπεριφέρεται ως σύνδεσμος (URL). Ως παράδειγμα, για να δημιουργήσουμε σύνδεσμο για το phpBB.com χρησιμοποιούμε:

Κώδικας:

[url=http://www.phpbb.com/]Επισκεφτείτε την ομάδα phpBB![/url]

Αυτή η γραμμή θα εμφανιστεί ως Επισκεφτείτε την ομάδα phpBB!
Θα προσέξετε ότι ο σύνδεσμος ανοίγει ένα νέο παράθυρο, με αυτόν τον τρόπο ο χρήστης μπορεί να συνεχίσει την περιήγηση του στο Forum εφόσον το επιθυμεί.
Εάν θέλετε ο σύνδεσμος να εμφανίζετε πλήρης συντακτικά, απλά γράψτε:

Κώδικας:

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

Αυτή η γραμμή θα εμφανιστεί ως, http://www.phpbb.com/

Επιπρόσθετα οι δυνατότητες του phpBB προσφέρουν μια δυνατότητα η οποία ονομάζετε Magic Links, με αυτήν την δυνατότητα μπορούμε να μετατρέψουμε τις συντακτικά σωστά γραμμένες τοποθεσίες σε σύνδεσμο (URL) χωρίς να χρειάζεται να ορίζουμε επιπλέον εντολές ούτε καν το πρόθεμα http://. Για παράδειγμα γράφοντας

Κώδικας:

www.phpbb.com

μέσα στο μήνυμα σας αυτόματα σας οδηγεί στη διεύθυνση www.phpbb.com ως σύνδεσμος διαβάζοντας το μήνυμα σας.
Η δυνατότητα αυτή εφαρμόζετε με τον ίδιο ακριβός τρόπο και για τις email διευθύνσεις, για παράδειγμα:

Κώδικας:

[email]no_one@domain.gr[/email]

το οποίο εμφανίζει no_one@domain.gr ή απλά γράψτε

Κώδικας:

no_one@domain.gr

στο μήνυμα σας το οποίο θα μετατρέπετε αυτόματα σε σύνδεσμο όταν διαβάζετε το μήνυμα σας.
Όπως με όλες τις εντολές του BBCode μπορείτε να πλαισιώσετε τον σύνδεσμό σας με εικόνα συνδυάζοντας τις εντολές μεταξύ τους χρησιμοποιώντας την εντολή

Κώδικας:

[img][/img] (αναλύετε εκτενέστερα παρακάτω), [b][/b], κλπ.

Να θυμάστε πάντα να τερματίζετε τις εντολές σας, όπως επισημάναμε και παραπάνω. Όπως και με τις εντολές μορφοποίησης, φροντίζετε για την ορθή ακολουθία των εντολών [αρχή] και [τέλος], για παράδειγμα:

Κώδικας:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

δεν είναι σωστή.

Εμφάνιση εικόνων στα μηνύματα σας

Προσθήκη εικόνας στο μήνυμα σας
Το BBCode της phpBB ενσωματώνει εντολή για να μπορείτε να συμπεριλάβετε μια εικόνα σε ένα μήνυμα σας. Όμως, πρέπει να θυμάστε δύο σημαντικά πράγματα, πολύ χρήστες δεν επιθυμούν την εμφάνιση πολλών εικόνων στριμωγμένες σ' ένα μήνυμα, και το δεύτερο να υπάρχει αυτή η εικόνα ήδη σε κάποια τοποθεσία του διαδικτύου (δεν μπορεί να χρησιμοποιηθεί μια εικόνα αποθηκευμένη τοπικά στο μηχάνημα σας, εκτός και εάν είναι διακομιστής!). Για να την εμφανίσετε λοιπόν την εικόνα πρέπει να περικλείσετε την διεύθυνση (URL) η οποία αντιστοιχεί στην εικόνα με την εντολή

Κώδικας:

[img][/img]

Για παράδειγμα:

Κώδικας:

[img]http://staff.forumup.gr/templates/subSilver/images/logo_phpBB_med.gif[/img]

Εμφανίζεται ως:


Όπως θα παρατηρήσατε στο τμήμα της URL παραπάνω, μπορείτε να κάνετε την εικόνα ενεργό σύνδεσμο

Κώδικας:

[url][/url]

εάν το επιθυμείτε, π.χ.

Κώδικας:

[url=http://www.phpbb.com/][img]http://staff.forumup.gr/templates/subSilver/images/logo_phpBB_med.gif[/img][/url]

παράγει:







Πηγή: http://staff.forumup.gr/faq.php?mode=bbcode&mforum=staff
Επεξεργασία από Admin.