Marquee Banner met Klik link.

[Helpdesk]

Hiermee kun je een bewegende afbeelding plaatsen met een klik link naar een specifiek onderwerp of website.

Voorbeeld:

Code: Selecteer alles

<marquee SCROLLDELAY="25" direction="right" LOOP="1" behavior="alternate" align="middle" scrollamount="5" width="50%" height="100%"><a href=""><img src="http://i65.tinypic.com/k4i0eb.jpg" border="0" alt="eventuele titel"></a>
</marquee>

De scrollamount bepaalt de snelheid.
Hoogte en breedte, het bestreken gebied.
50% width Eindigt in het midden.
In plaats van een afbeelding is het ook mogelijk een lopende tekst te gebruiken.

Code: Selecteer alles

<marquee SCROLLDELAY="25" LOOP="3" behavior="alternate" align="middle" scrollamount="5" width="50%" height="100%"><a href="https://helpdesk.forum2go.nl/beveiligde-cookies-en-https-t3814.html"><b><font size="2" color="blue">Stel beveiligde cookies in</font></b></a>
</marquee>

Stel beveiligde cookies in

[zoef]

Leuk!!

[Helpdesk]

Nog een
Deze pauzeert even en je kunt erop klikken.

Code: Selecteer alles

<style>
.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 10s linear infinite;
 -webkit-animation: example1 10s linear infinite;
 animation: example1 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 40%   { -moz-transform: translateX(0%); }
 60%   { -moz-transform: translateX(0%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 40%   { -webkit-transform: translateX(0%); }
 60%   { -webkit-transform: translateX(0%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 40%   { 
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%); 		
 }
 60%   { 
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
</style>

<div class="example1">
<h3><a href="https://helpdesk.forum2go.nl/beveiligde-cookies-en-https-t3814.html"><b><font size="2" color="blue">Stel beveiligde cookies in</font></b></a></h3>
</div>

[Helpdesk]

Fly-in Marquee
Komt van rechts en stopt links.

Code: Selecteer alles

<DOCTYPE>
<title>Example</title>

<Styles>	
<style>
.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: left;

 /* Apply animation to this element */	
 animation: example1 10s linear;
}
/* Move it (define the animation) */
@keyframes example1 {
 0%   { 
 transform: translateX(50%); 		
 }
 100% { 
 transform: translateX(0%); 
 }
}
</style>

<div class="example1">
<h3>Fly-in text.</h3>
</div>

Met deze term tussen de h3 haakjes kun je een kliklink maken.

Code: Selecteer alles

<h3><a href="https://xxxxxxxxxxxxxx.html"><b><font size="2" color="blue">titel</font></b></a><h3>

Voorbeeld 2

Code: Selecteer alles

<a href="https://https://helpdesk.forum2go.nl/beveiligde-cookies-en-https-t3814.html"><b><font size="2" color="blue">Stel beveiligde cookies in</font></b></a>

[Ria]

Waar kun je deze code neerzetten?

[Helpdesk]

De code moet je in het beheer invoeren onder het onderwerp.



Een gewone marquee, (zoals in het eerste bericht), mag ook in een gewoon bericht worden geplaatst.

Voorbeeld



HTML Scripts werken echter niet volledig in een gewoon bericht en horen in het beheer.