1. Scroll Marquee

Προτεινόμενα άρθρα (marquee)

Φίλοι bloggers, στην ανάρτηση αυτή θα βρείτε έναν κώδικα marquee για τους τίτλους που θέλετε να προτείνετε στους αναγνώστες σας…είναι πολύ απλό στον χειρισμό, και στην εφαρμογή, και χρησιμεύει στους νέους bloggers που χρειάζονται τέτοια gadgets…



O ΚΩΔΙΚΑΣ : (βάλτε το κώδικα στη «ΔΙΑΤΑΞΗ» => gadget -> HTML/Javascript )


<style>

#movingtitles
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}

#movingtext
{
text-align:center;
padding:8px;
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}

#movingtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#movingtext a:hover
{
color:yellow;
text-decoration:none;
}
</style>
<div id='movingtitles'>
<div id="movingtext">
<marquee behavior='alternate' direction="left"
scrollamount="3"
onmouseover="this.stop();"
onmouseout="this.start();">

<p>
<a href="http://radiomirsini.listen2myradio.com/" target="_blank"><b>Web Radio Mirsini 1</b></a>

| <a href="http://myradiostream.com/radiomirsini" target="_blank"><b>Web Radio Myrsini 2</b></a>

| <a href="###" target="_blank"><b>... 3</b></a>

| <a href="###" target="_blank"><b>... 4</b></a>

| <a href="###" target="_blank"><b>... 5</b></a>

</p>
</marquee>
</div></div>

Αλλάζοντας το top:300px; ορίζουμε το που θα εμφανίζεται η μπάρα.
***Αλλάξτε στον κώδικα τα ακόλουθα:

a href="###"

όπου ### βάλτε τη διεύθυνση url της ανάρτησης
όπου  =>ΠΡΟΤΕΙΝΟΜΕΝΟΣ ΤΙΤΛΟΣ 1-2-3-4-5
Γράψτε τον τίτλο της ανάρτησης

scrollamount="3"

αλλάξτε τη ταχύτητα…με 4 η 5 η 6 για πιο γρήγορα