toolbox html
TOOLBOX HTML
GELE KNOP MET LINK INVOEGEN
html-code
<div><a class="button yellow" href="http://www.rotary.nl/emmen/Test/leeg-webhare-sjabloon.dotx" title="…helptekst bij aanwijzen…" style="margin:12px 12px 12px 12px;float:left;clear:left">…tekst op de knop…</a><br clear="all"></div>
uitsluitend aanmelden via deze link:
en nergens anders…
NIEUWE KNOP
<a class="w-button button default white-skyblue" href=https://www.rotary.nl/d1590/rotarystimuleringsprijs/ style="float:right; clear:right" ><div class="w-button__title">ROTARYSTIMULERINGSPRIJS 2021...</div></a>
VIMEO/YOUTUBE-FILM RESPONSIVE
html voor vimeo:
<div style="padding-top:56.25%; position:relative; overflow:hidden; text-align:center">
<iframe src="https://player.vimeo.com/video/301937174?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:80%;height:80%; max-width:100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
tekst
html voor youtube:
<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" src=" https://www.youtube.com/embed/UtAcRxQAp50?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%; "></iframe></div>
responsive + autoplay+loop
<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" src=" https://www.youtube.com/embed/ez-PkvKr3RU?rel=0&autoplay=1&loop=1&playlist=ez-PkvKr3RU" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div>
YOUTUBE-FILMPJE INVOEGEN MET TIMED START EN AUTOPLAY MAAR ZONDER INFO OF CONTROLEPANEEL
html-code
<p class="wh-caption"><iframe width="300" height="225" style="border:1px solid #958d85;margin:0px 0px 12px 12px;float:right;clear:right" src="//www.youtube.com/embed/g2LJ1i7222c?start=15&rel=0&autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>Het filmpje is omkaderd met een 1 pixel brede lijn in Rotarygrijs en is rechts op de pagina geplaatst. De tekst – stijl 'bijschrift' – loopt er links omheen. Voor normale tekst de class veranderen in wh-normal…</p><br clear="all">
Het filmpje is omkaderd met een 1 pixel brede lijn in Rotarygrijs en is rechts op de pagina geplaatst. De tekst – stijl 'bijschrift' – loopt er links omheen. Voor normale tekst de class veranderen in wh-normal…
LICHTKRANT INVOEGEN
html-code
<style type="text/css">
.wrapper {width:500px; border:1px solid #aaa; margin:0 auto; overflow:hidden; border-radius:8px;}
.marquee{position:relative;overflow:hidden;float:left;}
.marquee span{font:40px arial, sans-serif; color:red; padding-left:10px;white-space: nowrap;display:inline;position: relative;left:0%;-moz-animation: marquee 15s infinite linear 3s;-webkit-animation: marquee 15s infinite linear 3s;-o-animation: marquee 15s infinite linear 3s;animation: marquee 15s infinite linear 3s;}
.marquee:hover span{-webkit-animation-play-state: paused;-moz-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;}
.marquee span:after {content:attr(rel); display:inline; color:red; padding-left:10px;}
@-webkit-keyframes marquee{0% {left: 0%;}100% {left: -50%;}}
@-moz-keyframes marquee{0% {left: 0%;}100% {left: -50%;}}
@-o-keyframes marquee{0% {left: 0%;}100% {left: -50%;}}
@keyframes marquee{0% {left: 0%;}100% {left: -50%;}}
</style>
<div id="info"><div class="wrapper"><div class="marquee"><span rel="…gecensureerd door de RYLA-commissie…">…gecensureerd door de RYLA-commissie…</span></div></div></div> <!-- end info -->
|
|
|
