Page 1 of 1

Τρόπος χρήσης της BBCode

Posted: 29 Sep 2009, 09:55
by P4CK3R
Οδηγίες προς (νέους) ναυτιλλομένους!!!
Το παρακάτω είναι ένα άρθρο που θα προσπαθήσει βοηθήσει όλους εσάς που θέλετε να ολοκληρώσετε μια δημοσίευση και να εκμεταλλευθείτε πλήρως τις δυνατότητες που σας προσφέρει το BBCode.
Αλλά ας πάρουμε τα πράγματα από την αρχή…
  • Τι είναι το ΒΒCode;
    Το BBCode είναι μια ειδική προσθήκη της HTML. Την δυνατότητα να χρησιμοποιείς ή όχι το BBCode την παρέχει ο Γενικός Διαχειριστής του forum (Administrator). Πέρα από αυτό μπορεί ο κάθε χρήστης σε κάθε δημοσίευσή του να ενεργοποιεί ή να απενεργοποιεί την χρήση του BBCode. Η BBCode είναι παρόμοια, στη μορφή, με την HTML. Οι ετικέτες είναι μέσα σε αυτά [ ] και όχι μέσα σε αυτά < >. Επιπλέον παρέχει την δυνατότητα καλύτερου ελέγχου πάνω στο τί και πώς κάτι προβάλλεται. Στο forum μας η χρήση της BBCode έχει απλουστευθεί αφού βρίσκεται, με μορφή «κουμπιών» στη φόρμα δημοσίευσης ακριβώς πάνω από το χώρο που θέλουμε να γράψουμε το κείμενό μας. Ακόμα και με αυτή τη χρήσιμη προσθήκη είμαι σίγουρος ότι θα βρείτε αυτόν τον οδηγό αρκετά χρήσιμο!
  • Μορφοποίηση Κειμένου

    α) Πώς να δημιουργήσετε έντονο, πλάγιο και υπογραμμισμένο κείμενο:
    Η BBCode ενσωματώνει ετικέτες για να σας επιτρέπει να αλλάζετε γρήγορα τη βασική μορφή του κειμένου σας. Αυτό επιτυγχάνεται με τους ακόλουθους τρόπους:
    • Για να κάνουμε το κείμενο εντονότερο το «εσωκλείουμε» σε αυτά , π.χ.:
      [ b ] Γειά σας[ /b ]
      Θα γίνει Γειά σας
    • Για να κάνουμε το κείμενο, τώρα, υπογραμμισμένο το «εσωκλείουμε» σε αυτά , π.χ.:
      [ u ]Γειά σας[ /u ]
      Θα γίνει Γειά σας
    • Για να γίνει το κείμενο πλαγιασμένο μπαίνει μέσα σε αυτά , π.χ.:
      [ i ]Γειά σας[ /i ]
      Θα γίνει Γειά σας.
    Σε κάθε περίπτωση τα χρησιμοποιούμε χωρίς κενά μεταξύ των αγκυλών, είναι καθαρά για οπτικούς λόγους.
    β) Πώς να αλλάξετε το χρώμα και το μέγεθος του κείμενου σας:
    Για να αλλάξετε το χρώμα ή το μέγεθος του κειμένου σας μπορείτε να χρησιμοποιήσετε τις ακόλουθες ετικέτες. Να θυμάστε όμως ότι το αποτέλεσμα εξαρτάται από τί είδους φυλλομετρητή και τί σύστημα χρησιμοποιεί αυτός που τα βλέπει!!!
    • Η αλλαγή του χρώματος επιτυγχάνεται βάζοντας το κείμενό μας ανάμεσα σε αυτές τις ετικέτες [ color= ] [ /color ].
      Μπορείτε να χρησιμοποιήσετε είτε ένα ήδη αναγνωρισμένο όνομα χρώματος από το σύστημα (π.χ. “red”, “blue”, ”yellow”) ή να χρησιμοποιήσετε το δεκαεξαδικό αντίστοιχο (π.χ. “#FFFFFF”, “#000000”).

      Έτσι για να δημιουργήσετε κόκκινο κείμενο θα το γράψετε κάπως έτσι:

      [ color=red ]Καλησπέρα!!![ /color ]

      ή

      [ color = #FF0000 ]Καλησπέρα!!![ /color ]

      Και στις 2 περιπτώσεις θα βγεί… Καλησπέρα!!!
    • Η αλλαγή του μεγέθους της γραμματοσειράς γίνεται με παρόμοιο τρόπο αφού χρησιμοποιώντας τις ετικέτες [ size= ][ /size ]. Αυτή η ετικέτα είναι βασισμένη στο στυλ που έχει επιλέξει ο χρήστης αλλά η προτεινόμενη διαμόρφωση είναι μια αριθμητική αξία που αντιπροσωπεύει το μέγεθος του κειμένου ποσοστιαία, ξεκινώντας από το 50 (μικρή) και φτάνοντας στο 200 (Τεράστια).
      Για παράδειγμα:

      [ size=30 ]ΜΙΚΡΟΥΛΑ![ /size ]

      Θα τη δούμε έτσι: ΜΙΚΡΟΥΛΑ!

      αλλά και αυτό:

      [ size=200 ]ΤΕΡΑΣΤΙΑ!!![ /size ]

      Θα γίνει ΤΕΡΑΣΤΙΑ!!!
    γ) Μπορώ να συνδυάσω ετικέτες;
    Βεβαίως και μπορείς. Για παράδειγμα για να «τραβήξετε» την προσοχή του αναγνώστη μπορείτε να κάνετε αυτό:

    [ size=200 ][ color=red ][ b ]ΚΟΙΤΑ ME![ /b ][ /color ][ /size ]

    που θα φαίνεται ΚΟΙΤΑ ME!

    ΔΕΝ προτείνουμε στις δημοσιεύσεις την παρατεταμένη χρήση τέτοιας εμφάνισης!!! Οπότε χρησιμοποιήστε τα με σύνεση!!!
    Ακόμα ένα σημαντικό κομμάτι του BBCode είναι να τα εφαρμόζετε με τη σωστή σειρά.
    Ένα παράδειγμα της λανθασμένης χρήσης:

    [ b ] [ u ]Αυτό είναι ΛΑΘΟΣ!!![ /b ][ /u ]
  • Παράθεση Κειμένου σε Δημοσιεύσεις Απάντησης
    Είναι επιθυμητό όταν απαντάτε «στοχευόμενα» να παραθέτετε τα κομμάτια του κειμένου που σας ενδιαφέρουν ώστε η ανάγνωση της δημόσιας συζήτησης να γίνεται άνετα. Υπάρχουν δύο τρόποι που μπορείτε να παραθέσετε κείμενο. Ένας τρόπος είναι με σύσταση σε αυτόν που το έγραψε και ο άλλος χωρίς!
    • Όταν χρησιμοποιείτε την παράθεση «Quote» για να απαντήσετε σε μία δημοσίευση στη δημόσια συζήτηση θα παρατηρήσετε ότι το κείμενο που παραθέτετε εμπεριέχετε σε αυτές τις ετικέτες [ quote=" " ][ /quote ].
      Για παράδειγμα ένα απόσπασμα κειμένου του χρήστη «Φούφουτου» θα γραφτεί στην απάντηση έτσι:

      [ quote="Φούφουτος" ] Ανισορροπίες στο χόμπυ μας… [ /quote ]

      Το αποτέλεσμα θα είναι αυτό:
      Φούφουτος wrote:Ανισορροπίες στο χόμπυ μας…
      Να θυμάστε να βάζετε πάντα τα αγγλικά εισαγωγικά "" γιατί αλλιώς δε θα έχετε το παραπάνω απότέλεσμα!
    • Ο δεύτερος τρόπος σας επιτρέπει να παραθέτετε κάτι χωρίς να αναφέρεστε στον γράφοντα. Το μόνο που αλλάζει στις ετικέτες είναι αυτό [ quote ][ /quote ]. Όταν θα δημοσιεύσετε το κείμενό σας θα το βλέπετε απλώς μέσα στο πλαίσιο της παράθεσης, δηλαδή γράφοντας αυτό:

      [ quote ] Ανισορροπίες στο χόμπυ μας… [ /quote ]

      Θα πάρουμε αυτό:
      Ανισορροπίες στο χόμπυ μας…
  • Δημιουργώντας Λίστες

    1) Δημιουργώντας μια απλή λίστα
    Η BBCode υποστηρίζει δύο ειδών λίστες, τις απλές και τις αριθμήσιμες. Είναι, βασικά, οι ίδιες με τις αντίστοιχες σε HTML. Μια απλή λίστα εμφανίζει, το ένα μετά το άλλο, κάθε αντικείμενο που ορίσαμε με μία έναν ειδικό χαρακτήρα, στην περίπτωσή μας μια κουκίδα. Για να δημιουργήσουμε μια τέτοια λίστα χρησιμοποιούμε τις ετικέτες [ list ] και [ / list ] και ορίζουμε κάθε αντικείμενο χρησιμοποιώντας αυτό: [ * ].
    Για παράδειγμα, για να βάλουμε σε μια λίστα τα αγαπημένα μας χρώματα θα το γράψουμε κάπως έτσι:

    [ list ]
    [ * ]
    Μπλε
    [ * ] Άσπρο
    [ * ] Πορτοκαλί
    [ / list ]

    Και θα φαίνεται έτσι:
    • Μπλε
    • Άσπρο
    • Πορτοκαλί
    2) Δημιουργώντας μια αριθμήσιμη λίστα
    Ο δεύτερος τύπος λίστας, η αριθμήσιμη, σας επιτρέπει να ορίσετε τί θα μπει μπροστά από τα αντικείμενα. Για να δημιουργήσετε αυτόν τον τύπο λίστας χρησιμοποιείτε τις ετικέτες [ list = 1 ] και [ / list ] ή εναλλακτικά [ list = a ] και [ / list ] για μια αλφαβητική λίστα. Όπως και στην απλή λίστα τα αντικείμενα ορίζονται με αυτό: [ * ]. Για παράδειγμα:

    [ list=1 ]
    [ * ]
    Πήγαινε στο μαγαζί
    [ * ] Πάρε τον υπολογιστή
    [ * ] Βρες σύνδεση
    [ / list ]

    Θα εμφανίσει το παρακάτω:
    1. Πήγαινε στο μαγαζί
    2. Πάρε τον υπολογιστή
    3. Βρες σύνδεση
    Επίσης με την αλφαβητική λίστα θα μπορούσατε να χρησιμοποιήσετε αυτό:

    [ list=a ]
    [ * ]
    Πήγαινε στο μαγαζί
    [ * ] Πάρε τον υπολογιστή
    [ * ] Βρες σύνδεση
    [ / list ]

    … και θα σας έδινε αυτό:
    1. Πήγαινε στο μαγαζί
    2. Πάρε τον υπολογιστή
    3. Βρες σύνδεση
  • Δημιουργώντας Υπερ-Συνδέσεις

    1) Υπερ-Συνδέσεις προς άλλες ιστοσελίδες
    Η BBCode υποστηρίζει διάφορους τρόπους στη δημουργία υπερ-συνδέσεων
    1. Ο πιο απλός τρόπος είναι απλώς να επικολλήσετε τη διεύθυνση που θέλετε και θα εμφανιστεί όλη η διεύθυνση.
      Για παράδειγμα το "http : / / www. airsoftcrete. com" (και πάλι χωρίς τα κενά, οπτικοί λόγοι...) θα εμφανιστεί έτσι:
      http://www.airsoftcrete.com
    2. Ένας άλλος τρόπος και ποιο διαδεδομένος είναι η χρήση των ετικετών [ url ] [ / url ] όπου ανάμεσα μπαίνει η διεύθυνση της ιστοσελίδας που επιθυμούμε να παραθέσουμε στους αναγνώστες μας.
      ΠΡΟΣΟΧΗ!!! Tα πολύ μεγάλα URL όπως αυτά που δίνει κάποιες φορές το “ebay” δεν επικολλόνται σωστά και δεν εμφανίζονται ολόκληρα. Αποτέλεσμα να μην οδηγείτε ο αναγνώστης στην ιστοσελίδα που θέλετε!!! Αυτά πρέπει να μπαίνουν μέσα στις ετικέτες για να εμφανίζονται και όπως θέλουμε.
    3. Ακόμη ένας τρόπος είναι να εμφανίζεται το όνομα που θέλουμε για την υπερσύνδεση χωρίς να εμφανίζεται όλη διεύθυνση. Αυτό επιτυγχάνεται με τις ετικέτες [ url= ] [ /url ]. Ό, τι γράψετε μετά το ίσον (=) θα «συμπεριφερθεί» σαν URL. Για παράδειγμα:
      Ένα πολύ γνωστό video της ομάδας για την προστασία που μας παρέχουν τα γυαλιά θα το παραθέταμε κάπως έτσι:
      [ url = http : / / www. youtube. com / watch? v = 7PAf7ajQPOM] ΔΟΚΙΜΗ ΔΥΟ ΠΡΟΣΤΑΤΕΥΤΙΚΩΝ ΓΥΑΛΙΩΝ ΓΙΑ AIRSOFT[ / url ]
      και θα φαίνετε έτσι:
      ΔΟΚΙΜΗ ΔΥΟ ΠΡΟΣΤΑΤΕΥΤΙΚΩΝ ΓΥΑΛΙΩΝ ΓΙΑ AIRSOFT
    2) Υπερ-Συνδέσεις προς διευθύνσεις e-mail
    1. Ο πρώτος τρόπος και απλούστερος είναι η απλή εγγραφή της διεύθυνσης του ηλεκτρονικού ταχυδρομείου που θέλετε να συμπεριλάβετε στη δημοσίευσή σας.
      Δηλαδή το foufoutos @ hotmail. com θα φαίνετε έτσι: foufoutos@hotmail.com
    2. Ο δεύτερος τρόπος χρησιμοποιείται αν δεν θέλουμε να φαίνεται όλη διεύθυνση.
      Δηλαδή η σύνταξη θα είναι [ email = foufoutos @ hotmail. com ]Κος Foufoutos[ /email ] και θα εμφανίζετε στη δημοσίευσή σας έτσι:
      Κος Foufoutos
  • Εμφάνιση Εικόνων/Φωτογραφίων και Βίντεο σε Δημοσιεύσεις

    Προσθήκη Εικόνας/Φωτογραφίας ή Βίντεο
    Η BBCode ενσωματώνει μια ετικέτα για να περιλαμβάνετε εικόνες και βίντεο στις δημοσιεύσεις σας. Δύο πολύ σημαντικά θέματα που ΠΡΕΠΕΙ να έχετε κατά νου είναι τα εξής:
    • Οι Εικόνες/Φωτογραφίες που θέλετε να παρουσιάσετε στη δημοσίευσή σας ΠΡΕΠΕΙ να βρίσκονται σε κάποιον διαδικτυακό εξυπηρετητή ( http://www.photobucket.com , http://www.imageshack.us ή οποιοδήποτε άλλο!!!) και
    • Πολλοί αναγνώστες δεν θα εκτιμήσουν την παρουσία πολλών φωτογραφιών σε μία δημοσίευση μιας και δημιουργείται υπερκορεσμός και καθυστερεί το όλο σύστημά τους.
    Με δεδομένες τις παραπάνω παραδοχές απ’ όλους τους χρήστες, και για να γίνει επιτυχημένα, η εμφάνιση εικόνων, βάζουμε τον ακριβή σύνδεσμο (direct link) ανάμεσα στις ετικέτες [ img ][ / img ].

    Δηλαδή η σύνταξη θα είναι κάπως έτσι:

    [ img ] http : //i398.photobucket.com/ albums/pp66/miklouis/ AIRSOFTCRETE-240x250.jpg [ /img ]

    Για να εμφανιστεί αυτό:

    Image

    ΣΗΜΑΝΤΙΚΟ: Επειδή πολλές φορές οι εικόνες/φωτογραφίες που θέλουμε να εμφανίσουμε στις δημοσιεύσεις μας είναι πολύ μεγάλες, χρησιμοποιούμε μια άλλη ετικέτα. Η ετικέτα αυτή είναι η [ thumbnail ][/thumbnail]. Χρησιμοποιήστε την «κατά κόρων» όταν πρόκειται να ανεβάσετε πολλές ή έστω και μία φωτογραφία με πάνω από την διάσταση των 1024*768!!!
    Επί παραδείγματι:
    [ thumbnail ] http : // i398.photobucket.com/albums/pp66/miklouis/ AIRSOFTCRETE.jpg [ /thumbnail ]

    Για να δούμε αυτό:

    http://i398.photobucket.com/albums/pp66/miklouis/AIRSOFTCRETE.jpg

    Κάντε "click" πάνω του και δείτε πόσο μεγαλύτερη είναι η αρχική εικόνα...
Το παραπάνω δημοσιεύετε για να διαβαστεί από ολους τους χρήστες ώστε να εκμεταλλευθούμε όλοι τις δυνατότητες που μας δίνει η BB Code. Είναι ένας ακόμα τρόπος για να διατηρήσουμε το ευανάγνωστο των δημοσιεύσεων και την καλαισθησία ολόκληρου του forum μας.