Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

Κινούμενο φωτιζόμενο κείμενο

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Κινούμενο φωτιζόμενο κείμενο

Δημοσίευση από Luffy Την / Το Πεμ Δεκ 03, 2015 4:07 am

Κινούμενο φωτιζόμενο κείμενο


Σε αυτόν τον οδηγό θα μάθουμε πως να προσθέσουμε στην αρχική μας, ένα κινούμενο φωτιζόμενο κείμενο.

Για να το κάνουμε αυτό πάμε:
Πίνακας Διαχείρισης ► Εμφάνιση ► Αρχική σελίδα ► Γενικές πληροφορίες
Σιγουρεύουμε ότι το μήνυμα θα εμφανίζεται εκεί που το θέλουμε, δηλαδή στην κύρια σελίδα μας:
Κατεβαίνοντας, στο Μήνυμα στην κύρια σελίδα συμπληρώνουμε τα πεδία ως εξής:
Τίτλος μηνύματος : Ότι θέλετε
Περιεχόμενο μηνύματος : αντιγράψτε και επικολλήστε τον παρακάτω κώδικα
Κώδικας:
    <h2>
    <script language="JavaScript1.2">
    //Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
    //visit http://www.beta-cc.de
    //Visit http://www.dynamicdrive.com for this script
    var size="20"
    var message="Εδώ γράφετε το μύνημα σας.."
    var neonbasecolor="grey"
    var neontextcolor="white"
    var neontextcolor2="#FFFFFF"
    var flashspeed=100                        // speed of flashing in milliseconds
    var flashingletters=1                        // number of letters flashing in neontextcolor
    var flashingletters2=1                        // number of letters flashing in neontextcolor2 (0 to disable)
    var flashpause=0                        // the pause between flash-cycles in milliseconds

    ///No need to edit below this line/////

    var n=0
    if (document.all||document.getElementById){
    document.write('<font color="'+neonbasecolor+'">')
    for (m=0;m<message.length;m++)
    document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
    document.write('</font>')
    }
    else
    document.write(message)

    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
    return crossobj
    }

    function neon(){

    //Change all letters to base color
    if (n==0){
    for (m=0;m<message.length;m++)
    crossref(m).style.color=neonbasecolor
    }

    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor

    if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
    if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


    if (n<message.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",flashpause)
    return
    }
    }

    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()
    </script>
    </h2>

Αλλαγές που μπορείτε να κάνετε:
var size="20" : Αλλάζει το μέγεθος του κειμένου.
var message="Εδώ γράφετε το μήνυμα σας.." : Αντικαθιστάτε το Εδώ γράφετε το μήνυμά σας.. με το μήνυμα που θέλετε να εμφανίζεται στην αρχική σας.
var neonbasecolor="grey" : Το κείμενο θα έχει γκρι χρώμα.
var neontextcolor="white" : Το πρώτο φωτιζόμενο γράμμα του κινούμενου κειμένου θα έχει λευκό χρώμα.
var neontextcolor2="#FFFFFF" : Το δεύτερο φωτιζόμενο γράμμα του κινούμενου κειμένου θα έχει λευκό χρώμα.
var flashspeed=100 // speed of flashing in milliseconds : Ταχύτητα φωτιζόμενων γραμμάτων.
var flashingletters=1 : Τα γράμματα που θα φωτίζονται κατά την φωτιζόμενη κίνηση στο κείμενο.

Ακολούθως πατάμε και είμαστε έτοιμοι! cheers
Ο οδηγός γράφτηκε από Anonymos.



Luffy
Διαχειριστής

Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 1804

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!