- Μηνύματα
- 2.791
- Reaction score
- 1
Με αφορμή το θέμα που άνοιξε ο Cinemusic, δημιουργήθηκαν νέα bbcodes έτσι ώστε να είναι εφικτή η ένθεση εικόνων στα κείμενά σας με τρόπο "τυπογραφικό", δηλαδή το κείμενο να ρέει δίπλα από τη φωτογραφία. Η ένθεση αυτή αφορά μόνον συνημμένα αρχεία. Οι εξωτερικές εικόνες (μέσω του tag) εξακολουθούν να λειτουργούν όπως γνωρίζετε.
[ATTACHL]9781[/ATTACHL]Συνεπώς, για να κάνετε χρήση των νέων χαρακτηριστικών μορφοποίησης, θα πρέπει προηγουμένως να έχετε επισυνάψει ένα τουλάχιστον αρχείο εικόνας. Η διαδικασία έχει ως εξής:
[B]1)[/B] Κάνετε κλικ στο εικονίδιο των συνημμένων (συνδετήρας) και επιλέγετε την εικόνα που επιθυμείτε.
[B]2)[/B] Ο editor θα εισάγει στο κείμενό σας (στο σημείο του κέρσορα) τον κώδικα: [B][noparse][ATTACH]1234[/ATTACH][/noparse][/B] (στη θέση του "1234" θα εμφανιστεί ο κωδικός/id του δικού σας συνημμένου).
[B]3)[/B] Προσθέτετε στο τέλος των λέξεων ATTACH (και των δύο) το γράμμα που αντιστοιχεί στην επιθυμητή στοίχιση: [B]L[/B], [B]R[/B] ή [B]F[/B]
[ATTACHR]9783[/ATTACHR]Η λειτουργία των επιθεμάτων έχει ως εξής:
[LIST]
[*]To επίθεμα [B]L[/B] (εκ του "Left"), στοιχίζει την εικόνα αριστερά και το κείμενο ρέει δεξιά της. Το μέγιστο πλάτος που μπορεί να έχει αυτή η εικόνα είναι το μισό του μέγιστου πλάτους που μπορεί να έχει οποιαδήποτε εικόνα στην πλατφόρμα και αυτό είναι 800px. Συνεπώς, οι στοιχισμένες εικόνες δεν μπορούν να ξεπεράσουν τα 400px.
[*]To επίθεμα [B]R[/B] (εκ του "Right"), στοιχίζει τη εικόνα δεξιά και το κείμενο ρέει αριστερά της. Το πλάτος της έχει τον ίδιο περιορισμό όπως και στην περίπτωση του 'L'.
[*]To επίθεμα [B]F[/B] (εκ του "Full"), δεν στοιχίζει την εικόνα αλλά σας επιτρέπει την ένθεσή της χωρίς τον παραπάνω περιορισμό μεγέθους, δηλαδή 800px. Η μορφοποίησή της είναι η ίδια όπως εάν χρησιμοποιούσατε το κουμπάκι του [img]. Το bbcode αυτό προστέθηκε αφενός για να κάνει ευκολότερη την ένθεση συνημμένου σε πλήρες μέγεθος, αφετέρου για την υποστήριξη του rollover effect που θα εξηγήσω στη συνέχεια.
[/LIST]
[U]Παραδείγματα[/U]
Ένθεση εικόνας αριστερά
[CODE][noparse][ATTACHL]9781[/ATTACHL]Συνεπώς, για να κάνετε χρήση των νέων χαρακτηριστικών...[/noparse][/CODE]
Ένθεση εικόνας δεξιά
[CODE][noparse][ATTACHR]9783[/ATTACHR]Η λειτουργία των επιθεμάτων έχει ως εξής:[/noparse][/CODE]
Ένθεση εικόνας σε πλήρες μέγεθος (αριστερή στοίχιση)
[CODE]Κείμενο....
[noparse][ATTACHF]nnnn[/ATTACHF]
Συνέχεια κειμένου...[/noparse][/CODE]
Ένθεση εικόνας σε πλήρες μέγεθος (στοίχιση στο κέντρο)
[CODE]Κείμενο....
[noparse][center][ATTACHF]nnnn[/ATTACHF][/center]
Συνέχεια κειμένου...[/noparse][/CODE]
[U]Παρατηρήσεις[/U]
[LIST]
[*]Το "σκέτο" [noparse][ATTACH]nnnn[/ATTACH][/noparse] (δηλαδή χωρίς επίθεμα) εξακολουθεί να υποστηρίζεται, και έχει τις εξής διαφορές:
[LIST=1]
[*]Επιτρέπει την ένθεση του συνημμένου σε οποιοδήποτε σημείο του κειμένου (σαν να ήταν κείμενο)
[*]Το μέγεθος της ένθεσης είναι το ίδιο με αυτού του thumbnail, δηλαδή 100px max
[*]Μόνο μία γραμμή κειμένου στοιχίζεται με το κάτω άκρο της
[*]Με κλικ επάνω του, ανοίγει την εικόνα σε νέο tab/παράθυρο, όπως ακριβώς και τα thumbnails
[/LIST]
[*]Το μέγιστο πλάτος εικόνας που υποστηρίζεται από το σύστημα είναι 800px. Είτε αυτή είναι συνημμένη, είτε εξωτερικός σύνδεσμος.
[*]Το μέγιστο πλάτος εικόνας που υποστηρίζεται από τα [ATTACHL] και [ATTACHR] είναι το μισό του προηγούμενου, ήτοι 400px.
[*]Δεν γίνεται διάκριση μεταξύ κεφαλαίων και πεζών στο όνομα του bbcode.
[*]Προσπαθήστε να μη χρησιμοποιείτε μεγαλύτερο πλάτος από όσο πραγματικά χρειάζεται. Μπορεί στο δικό σας monitor να φαίνεται ωραία μια μεγάλη φωτογραφία αλλά σε μικρότερη ανάλυση τα πράγματα αλλάζουν. Επίσης, μπορεί το θέμα σας να μπει στην πρώτη σελίδα και εκεί τα περιθώρια είναι πολύ μικρότερα από ότι στο χώρο των μηνυμάτων.
[*]Ρυθμίστε τα συνημμένα που πρόκειται να χρησιμοποιηθούν για μορφοποίηση, έτσι ώστε να έχουν το ίδιο πλάτος. Το κείμενό σας θα είναι πολύ καλύτερο. Αν κάποιο συνημμένο είναι μεγαλύτερο, δοκιμάστε να το στοιχίσετε στην αντίθετη μεριά.
[*]Χρησιμοποιείτε πάντα το "Preview" για να βεβαιωθείτε πως όλα έχουν καλώς.
[/LIST]
[SIZE="3"][B]Image Rollover[/B][/SIZE]
Το "image rollover" είναι το εφφέ κατά το οποίο μία εικόνα αλλάζει όσο το mouse είναι πάνω από την περιοχή που καταλαμβάνει, και επανέρχεται όταν το mouse απομακρυνθεί.
Το εφφέ αυτό χρησιμοποιείται κατά κόρον στο Web, κυρίως σε μενού. Όταν, για παράδειγμα, ο χρήστης τοποθετεί το mouse πάνω από μία επιλογή, αυτή φωτίζεται, κλπ.
Πολλές φορές, στην κατηγορία των προβολέων, δείχνουμε συγκριτικά screenshots από δύο προβολείς. Μέχρι σήμερα, ο μόνος τρόπος ήταν η ένθεση των screenshots, το ένα κάτω από το άλλο. Τώρα, πλέον, υπάρχει και η δυνατότητα να το δείχνουμε - κυριολεκτικά - το ένα πάνω στο άλλο!
Το εφφέ μπορεί να χρησιμοποιηθεί και σε άλλες κατηγορίες όπου μπορεί εύκολα και αποτελεσματικά να δώσει την αίσθηση του "πριν και μετά". Φαντάζομαι πως θα χρησιμοποιηθεί και από την ΔΟΘ...
[U]Πως λειτουργεί[/U]
Ο τρόπος είναι απλός. Αρκεί μετά το πρώτο [attach?] να εισάγετε το '=' και κατόπιν τον αριθμό (id) του συνημμένου που θέλετε να εμφανιστεί σε κατάσταση mouse over.
Παράδειγμα:
Το πρώτο μου συνημμένο έχει id [B]9781[/B], το δεύτερο [B]9783[/B]. Συνεπώς, με τον κώδικα [B][noparse][attachf=9783]9781[/attachf][/noparse][/B], έχω το εφφέ που ακολουθεί:
[CENTER][attachf=9783]9781[/attachf][/CENTER]
(Τοποθετείστε το mouse πάνω από την εικόνα. Δεν χρειάζεται να κάνετε κλικ. ϊσως χρειαστεί να περιμένετε ορισμένα δευτερόλεπτα για να φορτωθεί η δεύτερη εικόνα)
[U]Παρατηρήσεις[/U]
[LIST]
[*]Αν και οι δύο εικόνες του rollover είναι δυνατόν να έχουν διαφορετικές διαστάσεις, είναι ευνόητο πως θα πρέπει να έχουν τις ίδιες.
[*]Την πρώτη φορά που ο χρήστης θα περάσει το ποντίκι του πάνω από την πρώτη εικόνα, θα χρειαστεί να περιμένει μέχρι η δεύτερη να φορτωθεί. Το πόσο, εξαρτάται από το μέγεθος, τη σύνδεση που έχει, την κατάσταση του server μας, κλπ. Είναι σχεδόν ο ίδιος χρόνος που θα χρειαζόταν ούτως ή άλλως η εικόνα αν ήταν εμφανής στη σελίδα. Μετά την πρώτη εμφάνιση, η εναλλαγή θα είναι αστραπιαία.
[*]Το rollover υποστηρίζεται από όλα τα επιθέματα του [attach] (L, R, και F)
[/LIST]
[ATTACHL]9781[/ATTACHL]Συνεπώς, για να κάνετε χρήση των νέων χαρακτηριστικών μορφοποίησης, θα πρέπει προηγουμένως να έχετε επισυνάψει ένα τουλάχιστον αρχείο εικόνας. Η διαδικασία έχει ως εξής:
[B]1)[/B] Κάνετε κλικ στο εικονίδιο των συνημμένων (συνδετήρας) και επιλέγετε την εικόνα που επιθυμείτε.
[B]2)[/B] Ο editor θα εισάγει στο κείμενό σας (στο σημείο του κέρσορα) τον κώδικα: [B][noparse][ATTACH]1234[/ATTACH][/noparse][/B] (στη θέση του "1234" θα εμφανιστεί ο κωδικός/id του δικού σας συνημμένου).
[B]3)[/B] Προσθέτετε στο τέλος των λέξεων ATTACH (και των δύο) το γράμμα που αντιστοιχεί στην επιθυμητή στοίχιση: [B]L[/B], [B]R[/B] ή [B]F[/B]
[ATTACHR]9783[/ATTACHR]Η λειτουργία των επιθεμάτων έχει ως εξής:
[LIST]
[*]To επίθεμα [B]L[/B] (εκ του "Left"), στοιχίζει την εικόνα αριστερά και το κείμενο ρέει δεξιά της. Το μέγιστο πλάτος που μπορεί να έχει αυτή η εικόνα είναι το μισό του μέγιστου πλάτους που μπορεί να έχει οποιαδήποτε εικόνα στην πλατφόρμα και αυτό είναι 800px. Συνεπώς, οι στοιχισμένες εικόνες δεν μπορούν να ξεπεράσουν τα 400px.
[*]To επίθεμα [B]R[/B] (εκ του "Right"), στοιχίζει τη εικόνα δεξιά και το κείμενο ρέει αριστερά της. Το πλάτος της έχει τον ίδιο περιορισμό όπως και στην περίπτωση του 'L'.
[*]To επίθεμα [B]F[/B] (εκ του "Full"), δεν στοιχίζει την εικόνα αλλά σας επιτρέπει την ένθεσή της χωρίς τον παραπάνω περιορισμό μεγέθους, δηλαδή 800px. Η μορφοποίησή της είναι η ίδια όπως εάν χρησιμοποιούσατε το κουμπάκι του [img]. Το bbcode αυτό προστέθηκε αφενός για να κάνει ευκολότερη την ένθεση συνημμένου σε πλήρες μέγεθος, αφετέρου για την υποστήριξη του rollover effect που θα εξηγήσω στη συνέχεια.
[/LIST]
[U]Παραδείγματα[/U]
Ένθεση εικόνας αριστερά
[CODE][noparse][ATTACHL]9781[/ATTACHL]Συνεπώς, για να κάνετε χρήση των νέων χαρακτηριστικών...[/noparse][/CODE]
Ένθεση εικόνας δεξιά
[CODE][noparse][ATTACHR]9783[/ATTACHR]Η λειτουργία των επιθεμάτων έχει ως εξής:[/noparse][/CODE]
Ένθεση εικόνας σε πλήρες μέγεθος (αριστερή στοίχιση)
[CODE]Κείμενο....
[noparse][ATTACHF]nnnn[/ATTACHF]
Συνέχεια κειμένου...[/noparse][/CODE]
Ένθεση εικόνας σε πλήρες μέγεθος (στοίχιση στο κέντρο)
[CODE]Κείμενο....
[noparse][center][ATTACHF]nnnn[/ATTACHF][/center]
Συνέχεια κειμένου...[/noparse][/CODE]
[U]Παρατηρήσεις[/U]
[LIST]
[*]Το "σκέτο" [noparse][ATTACH]nnnn[/ATTACH][/noparse] (δηλαδή χωρίς επίθεμα) εξακολουθεί να υποστηρίζεται, και έχει τις εξής διαφορές:
[LIST=1]
[*]Επιτρέπει την ένθεση του συνημμένου σε οποιοδήποτε σημείο του κειμένου (σαν να ήταν κείμενο)
[*]Το μέγεθος της ένθεσης είναι το ίδιο με αυτού του thumbnail, δηλαδή 100px max
[*]Μόνο μία γραμμή κειμένου στοιχίζεται με το κάτω άκρο της
[*]Με κλικ επάνω του, ανοίγει την εικόνα σε νέο tab/παράθυρο, όπως ακριβώς και τα thumbnails
[/LIST]
[*]Το μέγιστο πλάτος εικόνας που υποστηρίζεται από το σύστημα είναι 800px. Είτε αυτή είναι συνημμένη, είτε εξωτερικός σύνδεσμος.
[*]Το μέγιστο πλάτος εικόνας που υποστηρίζεται από τα [ATTACHL] και [ATTACHR] είναι το μισό του προηγούμενου, ήτοι 400px.
[*]Δεν γίνεται διάκριση μεταξύ κεφαλαίων και πεζών στο όνομα του bbcode.
[*]Προσπαθήστε να μη χρησιμοποιείτε μεγαλύτερο πλάτος από όσο πραγματικά χρειάζεται. Μπορεί στο δικό σας monitor να φαίνεται ωραία μια μεγάλη φωτογραφία αλλά σε μικρότερη ανάλυση τα πράγματα αλλάζουν. Επίσης, μπορεί το θέμα σας να μπει στην πρώτη σελίδα και εκεί τα περιθώρια είναι πολύ μικρότερα από ότι στο χώρο των μηνυμάτων.
[*]Ρυθμίστε τα συνημμένα που πρόκειται να χρησιμοποιηθούν για μορφοποίηση, έτσι ώστε να έχουν το ίδιο πλάτος. Το κείμενό σας θα είναι πολύ καλύτερο. Αν κάποιο συνημμένο είναι μεγαλύτερο, δοκιμάστε να το στοιχίσετε στην αντίθετη μεριά.
[*]Χρησιμοποιείτε πάντα το "Preview" για να βεβαιωθείτε πως όλα έχουν καλώς.
[/LIST]
[SIZE="3"][B]Image Rollover[/B][/SIZE]
Το "image rollover" είναι το εφφέ κατά το οποίο μία εικόνα αλλάζει όσο το mouse είναι πάνω από την περιοχή που καταλαμβάνει, και επανέρχεται όταν το mouse απομακρυνθεί.
Το εφφέ αυτό χρησιμοποιείται κατά κόρον στο Web, κυρίως σε μενού. Όταν, για παράδειγμα, ο χρήστης τοποθετεί το mouse πάνω από μία επιλογή, αυτή φωτίζεται, κλπ.
Πολλές φορές, στην κατηγορία των προβολέων, δείχνουμε συγκριτικά screenshots από δύο προβολείς. Μέχρι σήμερα, ο μόνος τρόπος ήταν η ένθεση των screenshots, το ένα κάτω από το άλλο. Τώρα, πλέον, υπάρχει και η δυνατότητα να το δείχνουμε - κυριολεκτικά - το ένα πάνω στο άλλο!
Το εφφέ μπορεί να χρησιμοποιηθεί και σε άλλες κατηγορίες όπου μπορεί εύκολα και αποτελεσματικά να δώσει την αίσθηση του "πριν και μετά". Φαντάζομαι πως θα χρησιμοποιηθεί και από την ΔΟΘ...
[U]Πως λειτουργεί[/U]
Ο τρόπος είναι απλός. Αρκεί μετά το πρώτο [attach?] να εισάγετε το '=' και κατόπιν τον αριθμό (id) του συνημμένου που θέλετε να εμφανιστεί σε κατάσταση mouse over.
Παράδειγμα:
Το πρώτο μου συνημμένο έχει id [B]9781[/B], το δεύτερο [B]9783[/B]. Συνεπώς, με τον κώδικα [B][noparse][attachf=9783]9781[/attachf][/noparse][/B], έχω το εφφέ που ακολουθεί:
[CENTER][attachf=9783]9781[/attachf][/CENTER]
(Τοποθετείστε το mouse πάνω από την εικόνα. Δεν χρειάζεται να κάνετε κλικ. ϊσως χρειαστεί να περιμένετε ορισμένα δευτερόλεπτα για να φορτωθεί η δεύτερη εικόνα)
[U]Παρατηρήσεις[/U]
[LIST]
[*]Αν και οι δύο εικόνες του rollover είναι δυνατόν να έχουν διαφορετικές διαστάσεις, είναι ευνόητο πως θα πρέπει να έχουν τις ίδιες.
[*]Την πρώτη φορά που ο χρήστης θα περάσει το ποντίκι του πάνω από την πρώτη εικόνα, θα χρειαστεί να περιμένει μέχρι η δεύτερη να φορτωθεί. Το πόσο, εξαρτάται από το μέγεθος, τη σύνδεση που έχει, την κατάσταση του server μας, κλπ. Είναι σχεδόν ο ίδιος χρόνος που θα χρειαζόταν ούτως ή άλλως η εικόνα αν ήταν εμφανής στη σελίδα. Μετά την πρώτη εμφάνιση, η εναλλαγή θα είναι αστραπιαία.
[*]Το rollover υποστηρίζεται από όλα τα επιθέματα του [attach] (L, R, και F)
[/LIST]
cool_4: για την εφαρμογή)
