Pagina 1 van 1

Marquee Banner met Klik link.

Geplaatst: 23 jan 2018, 13:13
door 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


Geplaatst: 24 jan 2018, 13:04
door zoef
Leuk!! :grin:

Geplaatst: 29 jan 2018, 14:54
door 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>

Fly-in Marquee

Geplaatst: 29 jan 2018, 15:06
door 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>

Geplaatst: 29 jan 2018, 21:09
door Ria
Waar kun je deze code neerzetten?

Geplaatst: 29 jan 2018, 21:31
door Helpdesk
De code moet je in het beheer invoeren onder het onderwerp.

Afbeelding

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.