Σελίδα 1 από 1
Blockquote bbcode
Δημοσιεύτηκε: Κυρ 1 Μάιος 2016, 21:32
από TJK
Γεια σας. Θα ήθελα να δημιουργήσω ένα διαφορετικό blockquote bbcode για τις διάφορες ανάγκες του forum. Θα ήθελα να έχει ως css το ακόλουθο:
Κώδικας: Επιλογή όλων
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
Όσο και αν προσπαθώ εδώ και λίγη ώρα, δε καταφέρνω να το περάσω.
Re: Blockquote bbcode
Δημοσιεύτηκε: Δευ 2 Μάιος 2016, 11:57
από tzampatzis
Λοιπόν, αυτό που θες δεν μπορει να γίνει με το συμβατικό τρόπο, γιατί το bbcode δε λειτουργεί όπως η HTML. Λειτουργεί με παρεμφερή τρόπο, αλλά όχι ακριβώς έτσι. Για αρχή στα quotes μου έχεις 4 σύμβολα, διπλά (άνοιγμα, κλείσιμο) και μονά (άνοιγμα κλείσιμο). Ποιά θες να χρησιμοποιείς;
Αν έχεις ένα παράδειγμα του blockquote (πώς θες να φαίνεται) θα βοηθούσε πολύ (είτε screenshot, είτε link).
Κάθε attribute που βάζεις στην αντικατάσταση html μπορεί να πάρει μόνο μια τιμη CSS, που σημαίνει ότι θα κάνεις δύο ή τρία <span> (ή <p>) για να μπορέσεις να έχεις και τα τρία CSS blocks.
Βάλε μου παρόλα αυτά ένα screenshot ή link για να δώ περίπου τι θες, μήπως το κάνουμε.
Re: Blockquote bbcode
Δημοσιεύτηκε: Δευ 2 Μάιος 2016, 12:37
από TJK
blockquote.jpg
Ας πούμε το παραπάνω αλλά με τα χρώματα που έχω δώσει στο css. Δηλαδή το άσπρο που φαίνεται το κείμενο να είναι λίγο προς γκρίζο ενώ τα πλαϊνά να είναι πορτοκαλί. Τα χρώματα μπορώ να τα αλλάξω.. το κώδικα δε μπορώ να φτιάξω.
Re: Blockquote bbcode
Δημοσιεύτηκε: Πέμ 5 Μάιος 2016, 00:43
από tzampatzis
Όσο και αν προσπάθησα δεν το κατάφερα. Ενώ μου εμφανίζει το πλαίσιο και τα χρώματα όπως λες, δεν βγάζει το συμβολο του quote μπροστά (το "). Με καμία από όσες προσπάθειες και αν έκανα.
Re: Blockquote bbcode
Δημοσιεύτηκε: Πέμ 5 Μάιος 2016, 19:41
από TJK
tzampatzis έγραψε:Όσο και αν προσπάθησα δεν το κατάφερα. Ενώ μου εμφανίζει το πλαίσιο και τα χρώματα όπως λες, δεν βγάζει το συμβολο του quote μπροστά (το "). Με καμία από όσες προσπάθειες και αν έκανα.
tzampatzis δώσε το κώδικα να το προσπαθήσω και γω. Ίσως (;) έχω καλύτερη τύχη.
Re: Blockquote bbcode
Δημοσιεύτηκε: Παρ 6 Μάιος 2016, 00:45
από tzampatzis
Ναι βέβαια.
BBCode χρήση:
HTML αντικατάσταση:
Κώδικας: Επιλογή όλων
<style>
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
</style>
<blockquote>{TEXT}</blockquote>
Γραμμή βοήθειας:
Ότι θες βάλε για να σε βοηθάει στην σύνταξη.
Εμφάνιση στη σελίδα δημοσίευσης: Όπως θες εσύ
Re: Blockquote bbcode
Δημοσιεύτηκε: Παρ 6 Μάιος 2016, 13:19
από TJK
Νομίζω το πέτυχα. Για δες:
Κώδικας: Επιλογή όλων
<style>
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
</style>
<blockquote>{TEXT}</blockquote>
Edit: Λειτουργεί στη 3.0 που το θέλω, αλλά όχι στη 3.1
Re: Blockquote bbcode
Δημοσιεύτηκε: Παρ 6 Μάιος 2016, 17:12
από tzampatzis
Σωστά. Και γω που δοκιμάζω, στην 3.1 δεν εμφανίζει τα διπλά εισαγωγικά ("). Ενώ απ' εναντίας στην 3.0 τα εμφανίζει.
Re: Blockquote bbcode
Δημοσιεύτηκε: Παρ 6 Μάιος 2016, 21:19
από TJK
Χμμ.. πάντως έβαλα και τη εντολή
πριν το
για να δώσει ένα καλό περίγραμμα στο πλαίσιο. Αλλά μου φαίνεται παράξενο να μη λειτουργεί στη 3.1 ... μήπως έχουν αλλάξει το κώδικα στο quote bbcode (που είναι το standard) ;