Simple SlideShow

Mega Menu

PullDown menu(exei HTML)

3D icon menu

Τρίτη 17 Νοεμβρίου 2015

Typewriter Text


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


Κείμενα γραφομηχανής (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; (βάλτε το πλάτος που θέλετε)
…και οπωσδήποτε, βάλτε τα δικά σας κείμενα,

Page Navigation

3D Text

O KΩΔΙΚΑΣ HTML:

3D Text ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ

Marquee Text-Icons

Thomasgrm.Blogger.gr

FlashVortex Banner

Tab Widget

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1

Tab Widget 2

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 4

Carousel POST SLIDER

Slideshow

  • ΑΛΟΝΗΣΟΣ-1

    ΑΛΟΝΗΣΟΣ-1

  • ΑΛΟΝΗΣΟΣ-4

    ΑΛΟΝΗΣΟΣ-4

  • ΑΛΟΝΗΣΟΣ-5

    ΑΛΟΝΗΣΟΣ-5

  • ΑΛΟΝΗΣΟΣ-11

    ΑΛΟΝΗΣΟΣ-11

  • ΣΚΙΑΘΟΣ-22

    ΣΚΙΑΘΟΣ-22

  • ΣΚΙΑΘΟΣ-23

    ΣΚΙΑΘΟΣ-23

  • ΣΚΙΑΘΟΣ-1

    ΣΚΙΑΘΟΣ-1

  • ΣΚΙΑΘΟΣ-4

    ΣΚΙΑΘΟΣ-4

  • ΣΚΙΑΘΟΣ-20

    ΣΚΙΑΘΟΣ-20

- See more at: http://gadgetsforblogs1.blogspot.gr/2015/01/slideshow-with-thumbnails.html#more

BACKGROUND SLIDER

Menu Posts Vertical - ACCORDION MENU

!
r
g
.
r
e
g
g
o
l
b
.
m
r
g
s
a
m
o
h
t