Στυλ στα πλαίσια και το κείμενο των alt και title

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
philos
Δημοσιεύσεις: 264
Εγγραφή: 30 Αύγ 2007 23:32

Στυλ στα πλαίσια και το κείμενο των alt και title

Δημοσίευση από philos » 17 Μάιος 2011 19:23

Δεν ξέρω αν έπρεπε να βάλω το θέμα στο forum της HTML, υποθέτω ότι είναι θέμα CSS.

Λοιπόν, θέλω να μορφοποιήσω το κείμενο και τα πλαίσια εμφάνισης των alt="ΚΕΙΜΕΝΟ" και title="ΚΕΙΜΕΝΟ" της σελίδας μου. Ξέρετε με ποιον τρόπο μπορώ να το κάνω αυτό;

Πάρτε ως παράδειγμα τα alt και title του http://www.e-steki.gr/
Δοκιμάστε να ακουμπήσετε τον δείκτη του ποντικιού στον αριθμό (Χ) του "Αυτή τη στιγμή μαζί με εσάς απολαμβάνουν το e-steki άλλα Χ άτομα" που είναι στον header και θα καταλάβετε τι εννοώ. Το πλαίσιο είναι μαύρο με ελαφρό transparent, χωρίς γωνίες και το κείμενο έχει διάφορες μορφοποιήσεις...
Πως γίνεται αυτό;

-petros

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Στυλ στα πλαίσια και το κείμενο των alt και title

Δημοσίευση από fafos » 17 Μάιος 2011 19:32

psaxe gia css tooltip h ajax tooltip ston googlh
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
philos
Δημοσιεύσεις: 264
Εγγραφή: 30 Αύγ 2007 23:32

Στυλ στα πλαίσια και το κείμενο των alt και title

Δημοσίευση από philos » 17 Μάιος 2011 20:30

Βρήκα το SuperNote
http://www.twinhelix.com/dhtml/supernote/

... αλλά δεν ξέρω πως να το εγκαταστήσω. Όποιος έχει χρόνο, ας ασχοληθεί λίγο να με βοηθήσει. :)

Οι οδηγίες αν κατάλαβα καλά είναι οι παρακάτω:
edit: οκ τα κατάφερα να βρω άκρη!


<!--

************************** USAGE INSTRUCTIONS **************************

Notes are embedded in your document as normal HTML footnotes.

To show a note, the triggering element must have a CLASS attribute
of one of these forms:
OBJECTNAME-hover-NOTENAME
OBJECTNAME-click-NOTENAME
"hover" type notes will appear on mouseover of their trigger,
while "click" notes will appear when the trigger is clicked.

This trigger must match a note which has an ID attribute of this form:
OBJECTNAME-note-NOTENAME

In both these cases OBJECTNAME is the name of your SuperNote object,
and NOTENAME is a unique name for a given note.

If you want, your note can also have a CLASS attribute containing either
or both a positional or behavioural "type" for your note, like so:
CLASS="snp-POSITIONTYPE"
CLASS="snb-BEHAVIOURTYPE"
CLASS="snp-POSITIONTYPE snb-BEHAVIOURTYPE"

where the 'types' control how your note is hidden and positioned.
Default POSITION types are:
* 'normal' does not adjust the note position via script at all.
* 'mouseoffset' will offset the note from the mouse position when shown.
* 'mousetrack' will make the note follow behind the mouse as it moves.
* 'triggeroffset' will offset the note from its trigger when shown.
Default BEHAVIOUR types are:
* 'pinned' will show normally, but not hide until manually closed.

You can define your own custom types in the core script; see its source for
more details and instructions.

In this example I have also used some "fallback" links with NAME="" and
HREF="#NAME" attributes on the links, so non-JS/CSS supporting browsers can
navigate to/from the notes easily.
You can remove these if you want as they are entirely optional.

-->

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης