BLOG-O-HELP (Σύνδεσμοι και HTML για αρχάριους)
1. Πώς μπαίνει σύνδεσμος σε σχόλιο ή σε Edit Html
Για να βάλετε κάπου ένα σύνδεσμο (link), πρέπει να γράψετε κάτι τέτοιο:
<a href="http://alombar42.blogspot.com/2006/05/blog-o-help.html">κλικ εδώ για να δείτε ένα κείμενο βοήθειας</a>
Μέσα στα εισαγωγικά είναι η διεύθυνση στην οποία κάνετε λινκ (ο "στόχος"), που μπορεί να οδηγεί σε κείμενο, εικόνα ή οτιδήποτε άλλο έχει διεύθυνση (URL) στο Ιντερνετ. Εννοείται οτι αντί για το κείμενο που έβαλα εγώ (κλικ εδώ για να δείτε ένα κείμενο βοήθειας) βάζετε ό,τι νομίζετε - αρκεί να τελειώνει με το </a>.
Γράφοντας τον παραπάνω "κώδικα", το αποτέλεσμα θα είναι αυτό:
κλικ εδώ για να δείτε ένα κείμενο βοήθειας
2. Αντιγράφοντας κώδικα HTML
Οταν θέλετε να αντιγράψετε κάποιο HTML κώδικα που βρήκατε, για να πείτε πχ σε κάποιον "γράψε αυτό τον κώδικα", αν απλώς το αντιγράψετε δεν θα πετύχετε τίποτα (ο κώδικας θα εκτελεστεί από τον browser).
Για να εμφανίζεται σαν κώδικας (να μην αποκωδικοποιηθεί δηλαδή από τον browser), αλλάζετε ΟΛΑ τα σύμβολα < και > με < και > αντίστοιχα.
Παράδειγμα
Γράφοντας αυτό:
<b>μαύρα γράμματα</b>
βγαίνει αυτό (ο κώδικας δεν εκτελείται, εμφανίζεται όπως γράφτηκε):
<b>μαύρα γράμματα</b>
ενώ γράφοντας αυτό:
<b>μαύρα γράμματα</b>
βγαίνει αυτό (ο κώδικας εκτελείται και δίνει μαύρα γράμματα):
μαύρα γράμματα
3 Γιατί χαλάει η εμφάνιση όταν βάζω μια μεγάλη φωτογραφία;
(ΕΝΗΜΕΡΩΣΗ 18:30)
Ενα συμπλήρωμα, μετά από σχόλιο του divebomb djingle.
Μια "λέξη" με 80+ χαρακτήρες (χωρίς κενά) θα αναγκάσει το template να στείλει τους συνδέσμους της σελίδας στο κάτω μέρος της, όπως και μια πολύ μεγάλη φωτογραφία.
Υπάρχει ένας τρόπος να αποφευχθεί αυτό, μέσω stylesheet. Παράδειγμα:
0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
Σε αυτό, έγραψα:
<div style="width:500px;overflow:auto">
ένα-πολύ-μεγάλο-κείμενο-χωρίς-κενά
</div>
Αυτό που πέτυχα είναι, εφόσον "κάτι" ξεπερνάει τα 500 pixels πλάτους που δήλωσα, αυτόματα η περιοχή μέσα στο DIV θα εμφανίσει scrollbars χωρίς να ξεπεράσει το δεδομένο πλάτος.
Για να βάλετε κάπου ένα σύνδεσμο (link), πρέπει να γράψετε κάτι τέτοιο:
<a href="http://alombar42.blogspot.com/2006/05/blog-o-help.html">κλικ εδώ για να δείτε ένα κείμενο βοήθειας</a>
Μέσα στα εισαγωγικά είναι η διεύθυνση στην οποία κάνετε λινκ (ο "στόχος"), που μπορεί να οδηγεί σε κείμενο, εικόνα ή οτιδήποτε άλλο έχει διεύθυνση (URL) στο Ιντερνετ. Εννοείται οτι αντί για το κείμενο που έβαλα εγώ (κλικ εδώ για να δείτε ένα κείμενο βοήθειας) βάζετε ό,τι νομίζετε - αρκεί να τελειώνει με το </a>.
Γράφοντας τον παραπάνω "κώδικα", το αποτέλεσμα θα είναι αυτό:
κλικ εδώ για να δείτε ένα κείμενο βοήθειας
2. Αντιγράφοντας κώδικα HTML
Οταν θέλετε να αντιγράψετε κάποιο HTML κώδικα που βρήκατε, για να πείτε πχ σε κάποιον "γράψε αυτό τον κώδικα", αν απλώς το αντιγράψετε δεν θα πετύχετε τίποτα (ο κώδικας θα εκτελεστεί από τον browser).
Για να εμφανίζεται σαν κώδικας (να μην αποκωδικοποιηθεί δηλαδή από τον browser), αλλάζετε ΟΛΑ τα σύμβολα < και > με < και > αντίστοιχα.
Παράδειγμα
Γράφοντας αυτό:
<b>μαύρα γράμματα</b>
βγαίνει αυτό (ο κώδικας δεν εκτελείται, εμφανίζεται όπως γράφτηκε):
<b>μαύρα γράμματα</b>
ενώ γράφοντας αυτό:
<b>μαύρα γράμματα</b>
βγαίνει αυτό (ο κώδικας εκτελείται και δίνει μαύρα γράμματα):
μαύρα γράμματα
3 Γιατί χαλάει η εμφάνιση όταν βάζω μια μεγάλη φωτογραφία;
(ΕΝΗΜΕΡΩΣΗ 18:30)
Ενα συμπλήρωμα, μετά από σχόλιο του divebomb djingle.
Μια "λέξη" με 80+ χαρακτήρες (χωρίς κενά) θα αναγκάσει το template να στείλει τους συνδέσμους της σελίδας στο κάτω μέρος της, όπως και μια πολύ μεγάλη φωτογραφία.
Υπάρχει ένας τρόπος να αποφευχθεί αυτό, μέσω stylesheet. Παράδειγμα:
0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
Σε αυτό, έγραψα:
<div style="width:500px;overflow:auto">
ένα-πολύ-μεγάλο-κείμενο-χωρίς-κενά
</div>
Αυτό που πέτυχα είναι, εφόσον "κάτι" ξεπερνάει τα 500 pixels πλάτους που δήλωσα, αυτόματα η περιοχή μέσα στο DIV θα εμφανίσει scrollbars χωρίς να ξεπεράσει το δεδομένο πλάτος.
ΥΠΟΓΡΑΦΗ: alombar42 ΣΤΙΣ 18:30
10 Comments:
χαιρετε
υπαρχει ενα προβλημα που αφορα τα template του blogspot (και οχι μονο). μερικες φορες, μετα την προσθηκη ενος υπερσυνδεσμου στη λιστα με τα λινκ ή μετα τη δημοσιευση ενος κειμενου με φωτογραφια, το sidebar κατεβαινει κατω. Τουλαχιστον στον Explorer το sidebar δεν εμφανιζεται πλεον διπλα απο το maincontent. Ισως το εχετε δει να συμβαινει, ισως το εχετε ηδη θιξει σε καποιο προηγουμενο ποστ σας. Μια και προσφερετε βοηθεια για ευκολοτερο blogging, σκεφτηκα να το αναφερω.
Εκ μέρους των απανταχού άσχετων, να ΄σαι καλά!!!!
:))))
divebomb djingle, το πρόβλημα αυτό δημιουργείται όταν κάποιο στοιχείο (φωτογραφία ή λέξη) δεν "χωράει" στο πλάτος που του αναλογεί, σύμφωνα με το template.
Για παράδειγμα, αυτή η σελίδα θα "χαλάσει" επειδή η παρακάτω γραμμή δεν μπορεί να αναδιπλωθεί wrap) στην επόμενη:
01234567890123456789012345678901234567890123456789012345678901234567890123456789
Δεν υπάρχει "απόλυτη" λύση, υπάρχουν όμως διάφορα κόλπα για να διορθωθεί σχετικά αυτό (πχ να βγουν scrollbars όποτε το απαιτούμενο πλάτος είναι μεγαλύτερο από το καθορισμένο).
Προτείνω απλά τη διόρθωση της φωτογραφίας ή του στοιχείου που δεν χωράει - τα συνηθισμένα templates έχουν μέγιστο τα 500 pixels πλάτος.
Alombar, μου συμβαίνει το εξής. Δίνω κανονικά τις εντολές λινκ που είναι O.k. στο αρχικό ποστ.
Όταν όμως είμαι στη σελίδα των σχολίων και ζητήσω "show original..", τότε αυτά δεν εμφανίζονται. Το ζήτημα με απασχολεί απο τη στιγμή που είδα σε άλλα sites π.χ.Μιραντολίνα Λαμπρούκος, αυτό να γίνεται.
Φαινομενικά δεν κάνω κάτι λάθος. Πως μπορεί να ελεγχθεί και να διορθωθεί;
Κατερίνα, υποψιάζομαι οτι βρήκες ένα bug του προγράμματος της blogger.
Μόλις τώρα το πρόσεξα - εσύ σίγουρα δεν έχεις κάνει κανένα λάθος. Απλά όταν γυρνάει σε "comments-mode" η σελίδα, σου αφαιρεί τους συνδέσμους.
Ψάχνω να βρω πότε συμβαίνει, μήπως το αντιμετωπίσουμε με κάποιο τρυκ.
Μπορείς πάντως να στείλεις μήνυμα "bug report" στο support της blogger.
Υπάρχει ένα κείμενο μου που ... αρνειται πεισματικα να δεχτεί σύνδεσμο τύπου "πατήστε εδώ για την συνέχεια". Ενώ κάνω ακριβώς αυτό που λες, το κείμενο επιμένει να εμφανίζεται ακέραιο στην πρώτη σελίδα. Υπάρχει θεραπεία .. γιατρέ μου?
:))
@oistros
Πού είναι το πρόβλημα;
Βλέπω οτι στο ποστ σου με τίτλο "Τα ... λαμόγια του Πανεπιστημίου Κρήτης" λειτουργεί μια χαρά.
Θυμίζω οτι σε κάθε ποστ που θέλεις να κρύβεται μέρος του κειμένου, πρέπει να το κρύβεις μεταξύ ενός span class="fullpost" κι ενός /span (πάντα σε Edit Html).
ευχαριστω πολυ για τις διευκρινισεις :-) σκεφτομαι να ανοιξω κι εγω μπλογκ το οποιο θα ασχολειται και με αυτα τα θεματα. οποτε σιγουρα θα εχω υποψη μου τα δικα σας ποστ ως πηγη εγκυρων πληροφοριων.
Σε ευχαριστώ alombar για την άμεση απάντηση. Report, έστειλα, απάντηση όμως δεν έλαβα (ακόμα)!
Καλή εβδομάδα.
Δε μου λες, στο μυαλό μου είσαι (ή εγώ στο δικό σου);
Πριν μερικές μέρες έφτιαξα στα πρόχειρα ένα ειδικό blog για να ...ξεστραβωθούμε (σχετικοί και άσχετοι) και να λυθούν κάποιες τεχνικές απορίες. Φυσικά, γνωρίζοντας εκ των προτέρων του τεμπέλικους μπλογκορυθμούς μου, επεσήμανα πως το blog δε θα είναι τύπου "Ο Mickey σας απαντά", αλλά οι απορίες θα λύνονται από όσους είναι πρόθυμοι να το κάνουν. Φυσικά, παρά τις εξηγήσεις που έδωσα, οι περισσότεροι τα περιμένουν όλα από τον πόντικα :(
Μια και πήρες φόρα λοιπόν, θέλεις να στους στέλνω εδώ πέρα; Μπορείς και να λύνεις καμιά απορία τους εκεί - πρόσεξε μόνο μην τους τρομάξεις με technish και φύγουν κι από μένα :))
Υ.Γ. Το πρόβλημα του divebomb djingle το είχε και η Houlia παλιότερα ;)
Δημοσίευση σχολίου
<< ΠΙΣΩ