*

Αποστολέας Θέμα: Οδηγός Χρήσης ΒΒcode  (Αναγνώστηκε 2045 φορές)

Ares

  • Επισκέπτης
Οδηγός Χρήσης ΒΒcode
« στις: Ιανουάριος 24, 2013, 12:11:38 πμ »
Παρακάτω παραθέτω μερικά παραδείγματα για τον τρόπο που χρησιμοποιούνται τα bbcode στο forum. Στην πράξη, δεν χρειάζεται να τα θυμάστε απέξω. Απλά χρησιμοποιήστε τα  κουμπάκια πάνω από το πλαίσιο όπου γράφετε και θα παραχθούν αυτόματα.

____________________________________________________________________
1. Μορφοποίηση Κειμένου
____________________________________________________________________

Έντονα γράμματα (bold)
Κώδικας: [Επιλογή]
[b]Κείμενο[/b]'Εξοδος: Κείμενο

Υπογράμμιση (Underline)
Κώδικας: [Επιλογή]
[u]Κείμενο[/u]'Εξοδος: Κείμενο

Πλάγια γράμματα (Italics)
Κώδικας: [Επιλογή]
[i]Κείμενο[/i]'Εξοδος: Κείμενο

Διαγραμμένο κείμενο
Κώδικας: [Επιλογή]
[s]Κείμενο[/s]'Εξοδος: Κείμενο

Επιλογή γραμματοσειράς
Κώδικας: [Επιλογή]
[font=times new roman]Κείμενο[/font]'Εξοδος: Κείμενο

Μέγεθος γραμματοσειράς
Κώδικας: [Επιλογή]
[size=14pt]Κείμενο[/size]'Εξοδος: Κείμενο

Χρώμα γραμματοσειράς
Κώδικας: [Επιλογή]
[color=brown]Κείμενο[/color]'Εξοδος: Κείμενο




____________________________________________________________________
2. Μορφοποίηση Παραγράφου
____________________________________________________________________


Στοίχιση αριστερά
Κώδικας: [Επιλογή]
[left]Κείμενο[/left]'Εξοδος:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Στοίχιση δεξιά
Κώδικας: [Επιλογή]
[right]Κείμενο[/right]'Εξοδος:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Στοίχιση στο κέντρο
Κώδικας: [Επιλογή]
[center]Κείμενο[/center]'Εξοδος:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Εισαγωγή μη ταξινομημένης λίστας
Κώδικας: [Επιλογή]
[list]
[*]Lorem
[*]ipsum
[*]dolor
[/list]
'Εξοδος:
  • Lorem
  • ipsum
  • dolor

Εισαγωγή ταξινομημένης λίστας
Κώδικας: [Επιλογή]
[list type=decimal]
[li]Lorem[/li]
[li]ipsum [/li]
[li]dolor[/li]
[/list]
'Εξοδος:
  • Lorem
  • ipsum
  • dolor




____________________________________________________________________
3. Εργαλεία Κειμένου
____________________________________________________________________

Χρήση μορφοποίησης τύπου «code»

'Εξοδος:
Κώδικας: [Επιλογή]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Η χρήση του code είναι πρακτικά απαραίτητη, όταν δημοσιεύουμε το αποτέλεσμα μιας εντολής στο τερματικό, ή το περιεχόμενο ενός log κλπ, για δύο λόγους: α) είναι ποιο ευανάγνωστο το κείμενο και β) περιορίζεται το μέγιστο μήκος τού κειμένου, με την αυτόματη χρήση τής λειτουργίας «κύλισης».

Παράθεση κειμένου (Quote)
Κώδικας: [Επιλογή]
[quote]Κείμενο[/quote]'Εξοδος:
Παράθεση
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "

Απόκρυψη Κειμένου (Spoiler)
Κώδικας: [Επιλογή]
[spoiler]Κείμενο[/spoiler]'Εξοδος:
Spoiler
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "

Απόκρυψη Κειμένου με τίτλο (Spoiler)
Κώδικας: [Επιλογή]
[spoiler=Τίτλος]Κείμενο[/spoiler]'Εξοδος:
Τίτλος
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "




____________________________________________________________________
4. Εργαλεία εισαγωγής εικόνων, βίντεο, συνδέσμων
____________________________________________________________________

Εισαγωγή συνδέσμου με περιγραφή τής επιλογής μας
Κώδικας: [Επιλογή]
[url=http://linuxmint.gr]περιγραφή συνδέσμου[/url]'Εξοδος: περιγραφή συνδέσμου

Εισαγωγή εικόνας
Κώδικας: [Επιλογή]
[img]διεύθυνση εικονας[/img]'Εξοδος:


Εισαγωγή εικόνας με  σύνδεσμο
Κώδικας: [Επιλογή]
[url=διεύθυνση συνδέσμου][img]διεύθυνση εικόνας[/img][/url]'Εξοδος:


Εισαγωγή εικόνας με  thumbnail
Κώδικας: [Επιλογή]
[url=διεύθυνση εικόνας στο κανονικό μέγεθος][img]διεύθυνση thumbnail[/img][/url]'Εξοδος:


Εισαγωγή βίντεο
Κώδικας: [Επιλογή]
διεύθυνση βίντεο στο youtube'Εξοδος:





____________________________________________________________________
5. Συνδυασμός διαφόρων bbcode μεταξύ τους.
____________________________________________________________________

Μπορούμε επίσης να συνδυάσουμε διάφορα bbcodes. Μερικά παραδείγματα:

Επιλογή γραμματοσειράς, χρώματος και μεγέθους)
Κώδικας: [Επιλογή]
[color=maroon][size=12pt][font=times new roman]Κείμενο[/font][/size][/color]'Εξοδος: Κείμενο

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

Στοίχιση εικόνας στο κέντρο
Κώδικας: [Επιλογή]
[center][IMG]διεύθυνση εικόνας[/img][/center]Έξοδος:
« Τελευταία τροποποίηση: Νοέμβριος 28, 2013, 03:28:51 μμ by Στέλιος »

 

Τελευταία θέματα