Typewriter Text

Κείμενα γραφομηχανής (script)

      Φίλοι bloggers, το gadget που σας δίνω σήμερα, είναι κώδικας css+html+script, για να γράψετε κείμενα, με μορφή γραφομηχανής…Το κείμενο που θα παρουσιάζεται είναι κεντραρισμένο , και παρουσιάζεται υπό μορφήν sticker….

Τον κώδικα θα τον βάλετε σαν gadget => HTML/Javascript : (επίσης μπορείτε να τον τοποθετήσετε στο πηγαίο κώδικα του προτύπου του blog σας, μέσα στο “ header “ ….)

 <style type='text/css'>
#TyperMachineId{
 POSITION:absolute;
 WIDTH:800px;
 HEIGHT:15px;
 MARGIN:-10px auto;
 BACKGROUND:none
;
border-bottom: 1px solid ;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
 PADDING:5px;
 FONT:normal normal 14px verdana;
 COLOR:#000000;
 TEXT-ALIGN:center;
 OVERFLOW:hidden;
}
</style>
<a href='' style='text-decoration:none;' title='sticker'>
<div id='TyperMachineId'></div>
</a>
<script language='javascript'>
TyperMachine_CursorPos = 0;
TyperMachine_Phrase = 0;
function TyperMachine(){
Text = new Array(
'<= ΚΕΙΜΕΝΟ ΠΡΩΤΟ =>', 
'Εδώ βάλτε το 2ο κείμενο',
'Εδώ βάλτε το 3ο κείμενο', 
'Εδώ βάλτε το 4ο κείμενο', 
'Εδώ το τελικό κείμενο !!!'
);
Time = 80;
TyperMachineId.innerHTML = Text[ TyperMachine_Phrase ].substring( 0, TyperMachine_CursorPos );
if( TyperMachine_CursorPos++ == Text[ TyperMachine_Phrase ].length ) 

 { TyperMachine_CursorPos = -1; Time=2000;TyperMachine_Phrase++; 

if(TyperMachine_Phrase==Text.length){TyperMachine_Phrase=0;} }
setTimeout( 'TyperMachine()', Time );
}
TyperMachine();
</script>

***Αλλάξτε τα εξης (εαν δεν σας βολεύουν)
POSITION:absolute …βάλτε relative εάν δεν σας βολεύει στο blog
WIDTH:800px; (βάλτε το πλάτος που θέλετε)
…και οπωσδήποτε, βάλτε τα δικά σας κείμενα,