Σάββατο, Μαΐου 20, 2006

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), αλλάζετε ΟΛΑ τα σύμβολα < και > με &lt; και &gt; αντίστοιχα.

Παράδειγμα

Γράφοντας αυτό:
&lt;b&gt;μαύρα γράμματα&lt;/b&gt;
βγαίνει αυτό (ο κώδικας δεν εκτελείται, εμφανίζεται όπως γράφτηκε):
<b>μαύρα γράμματα</b>
ενώ γράφοντας αυτό:
<b>μαύρα γράμματα</b>
βγαίνει αυτό (ο κώδικας εκτελείται και δίνει μαύρα γράμματα):
μαύρα γράμματα



3 Γιατί χαλάει η εμφάνιση όταν βάζω μια μεγάλη φωτογραφία;
(ΕΝΗΜΕΡΩΣΗ 18:30)

Ενα συμπλήρωμα, μετά από σχόλιο του divebomb djingle.
Μια "λέξη" με 80+ χαρακτήρες (χωρίς κενά) θα αναγκάσει το template να στείλει τους συνδέσμους της σελίδας στο κάτω μέρος της, όπως και μια πολύ μεγάλη φωτογραφία.
Υπάρχει ένας τρόπος να αποφευχθεί αυτό, μέσω stylesheet. Παράδειγμα:

0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789


Σε αυτό, έγραψα:

<div style="width:500px;overflow:auto">
ένα-πολύ-μεγάλο-κείμενο-χωρίς-κενά
</div>


Αυτό που πέτυχα είναι, εφόσον "κάτι" ξεπερνάει τα 500 pixels πλάτους που δήλωσα, αυτόματα η περιοχή μέσα στο DIV θα εμφανίσει scrollbars χωρίς να ξεπεράσει το δεδομένο πλάτος.

10 Comments:

Blogger divebomb djingle ΨΙΘΥΡΙΣΕ...

χαιρετε
υπαρχει ενα προβλημα που αφορα τα template του blogspot (και οχι μονο). μερικες φορες, μετα την προσθηκη ενος υπερσυνδεσμου στη λιστα με τα λινκ ή μετα τη δημοσιευση ενος κειμενου με φωτογραφια, το sidebar κατεβαινει κατω. Τουλαχιστον στον Explorer το sidebar δεν εμφανιζεται πλεον διπλα απο το maincontent. Ισως το εχετε δει να συμβαινει, ισως το εχετε ηδη θιξει σε καποιο προηγουμενο ποστ σας. Μια και προσφερετε βοηθεια για ευκολοτερο blogging, σκεφτηκα να το αναφερω.

20/5/06 13:49  
Blogger ---. ΨΙΘΥΡΙΣΕ...

Εκ μέρους των απανταχού άσχετων, να ΄σαι καλά!!!!

:))))

20/5/06 14:36  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

divebomb djingle, το πρόβλημα αυτό δημιουργείται όταν κάποιο στοιχείο (φωτογραφία ή λέξη) δεν "χωράει" στο πλάτος που του αναλογεί, σύμφωνα με το template.

Για παράδειγμα, αυτή η σελίδα θα "χαλάσει" επειδή η παρακάτω γραμμή δεν μπορεί να αναδιπλωθεί wrap) στην επόμενη:
01234567890123456789012345678901234567890123456789012345678901234567890123456789

Δεν υπάρχει "απόλυτη" λύση, υπάρχουν όμως διάφορα κόλπα για να διορθωθεί σχετικά αυτό (πχ να βγουν scrollbars όποτε το απαιτούμενο πλάτος είναι μεγαλύτερο από το καθορισμένο).
Προτείνω απλά τη διόρθωση της φωτογραφίας ή του στοιχείου που δεν χωράει - τα συνηθισμένα templates έχουν μέγιστο τα 500 pixels πλάτος.

20/5/06 18:24  
Blogger Katerina ante portas ΨΙΘΥΡΙΣΕ...

Alombar, μου συμβαίνει το εξής. Δίνω κανονικά τις εντολές λινκ που είναι O.k. στο αρχικό ποστ.
Όταν όμως είμαι στη σελίδα των σχολίων και ζητήσω "show original..", τότε αυτά δεν εμφανίζονται. Το ζήτημα με απασχολεί απο τη στιγμή που είδα σε άλλα sites π.χ.Μιραντολίνα Λαμπρούκος, αυτό να γίνεται.
Φαινομενικά δεν κάνω κάτι λάθος. Πως μπορεί να ελεγχθεί και να διορθωθεί;

20/5/06 18:58  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

Κατερίνα, υποψιάζομαι οτι βρήκες ένα bug του προγράμματος της blogger.
Μόλις τώρα το πρόσεξα - εσύ σίγουρα δεν έχεις κάνει κανένα λάθος. Απλά όταν γυρνάει σε "comments-mode" η σελίδα, σου αφαιρεί τους συνδέσμους.
Ψάχνω να βρω πότε συμβαίνει, μήπως το αντιμετωπίσουμε με κάποιο τρυκ.
Μπορείς πάντως να στείλεις μήνυμα "bug report" στο support της blogger.

20/5/06 19:42  
Blogger oistros ΨΙΘΥΡΙΣΕ...

Υπάρχει ένα κείμενο μου που ... αρνειται πεισματικα να δεχτεί σύνδεσμο τύπου "πατήστε εδώ για την συνέχεια". Ενώ κάνω ακριβώς αυτό που λες, το κείμενο επιμένει να εμφανίζεται ακέραιο στην πρώτη σελίδα. Υπάρχει θεραπεία .. γιατρέ μου?
:))

21/5/06 13:01  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

@oistros
Πού είναι το πρόβλημα;

Βλέπω οτι στο ποστ σου με τίτλο "Τα ... λαμόγια του Πανεπιστημίου Κρήτης" λειτουργεί μια χαρά.

Θυμίζω οτι σε κάθε ποστ που θέλεις να κρύβεται μέρος του κειμένου, πρέπει να το κρύβεις μεταξύ ενός span class="fullpost" κι ενός /span (πάντα σε Edit Html).

21/5/06 13:53  
Blogger divebomb djingle ΨΙΘΥΡΙΣΕ...

ευχαριστω πολυ για τις διευκρινισεις :-) σκεφτομαι να ανοιξω κι εγω μπλογκ το οποιο θα ασχολειται και με αυτα τα θεματα. οποτε σιγουρα θα εχω υποψη μου τα δικα σας ποστ ως πηγη εγκυρων πληροφοριων.

21/5/06 18:47  
Blogger Katerina ante portas ΨΙΘΥΡΙΣΕ...

Σε ευχαριστώ alombar για την άμεση απάντηση. Report, έστειλα, απάντηση όμως δεν έλαβα (ακόμα)!
Καλή εβδομάδα.

21/5/06 23:53  
Blogger mickey ΨΙΘΥΡΙΣΕ...

Δε μου λες, στο μυαλό μου είσαι (ή εγώ στο δικό σου);

Πριν μερικές μέρες έφτιαξα στα πρόχειρα ένα ειδικό blog για να ...ξεστραβωθούμε (σχετικοί και άσχετοι) και να λυθούν κάποιες τεχνικές απορίες. Φυσικά, γνωρίζοντας εκ των προτέρων του τεμπέλικους μπλογκορυθμούς μου, επεσήμανα πως το blog δε θα είναι τύπου "Ο Mickey σας απαντά", αλλά οι απορίες θα λύνονται από όσους είναι πρόθυμοι να το κάνουν. Φυσικά, παρά τις εξηγήσεις που έδωσα, οι περισσότεροι τα περιμένουν όλα από τον πόντικα :(

Μια και πήρες φόρα λοιπόν, θέλεις να στους στέλνω εδώ πέρα; Μπορείς και να λύνεις καμιά απορία τους εκεί - πρόσεξε μόνο μην τους τρομάξεις με technish και φύγουν κι από μένα :))

Υ.Γ. Το πρόβλημα του divebomb djingle το είχε και η Houlia παλιότερα ;)

22/5/06 05:45  

Δημοσίευση σχολίου

<< ΠΙΣΩ