Bloggen met seniorennet.be
Valentin effect waarbij hartjes over de gehele pagina neervallen.
Met behulp van het hierna volgende javascript kan u figuurtjes zoals hartjes, lipjes, roosjes... over uw blogpagina laten neerkomen.
Het script werkt in Internet Explorer11, Mozilla Firefox en Google Chrome, wanneer dit aangebracht wordt in een blog bij blog.seniorennet.be en of op webpagina's zonder doctype declaratie.
U kan het script aanbrengen in de body van de blog,
- hetzij bij Uitzicht (design) wijzigen blog - of -
- hetzij via Personaliseer in de Broncode van een item Vrije Tekst/HTML.
Het Valentin effect ziet u dan zowel op de blogpagina, als op gastenboek pagina.
Kiest u ervoor om het script in de Broncode van een blogbericht te plakken, dan vallen de figuurtjes enkel op de blogpagina neer, waarin zich het betreffende blogbericht bevindt.
Werkwijze voor het aanbrengen van het javascript met rood hart figuurtje
- Selecteer het volledige javascript (tot en met het eind van het script), zodat het helemaal in blauwe achtergrond staat
- Rechtsklik (klik met de rechtermuisknop) in het geselecteerde script en kies voor Kopieren
Kies één van de 3 mogelijkheden hierna:
Optie 1) het javascript in de body van de blog opmaak plakken
Log in in uw blog of ga naar de Administratie pagina (klik op: Admin.)
en klik op Uitzicht (design) wijzigen blog
Scroll naar beneden tot u komt bij Geavanceerd - uitzicht aanpassen
Scroll in het opmaakvenster naar beneden tot juist boven de sluittag </body>
Rechtsklik met de muisknop en kies voor Plakken
Klik onderaan op Wijzigen en Bekijk blog
- of -
Optie 2) het javascript in de zijkolom van de blog plaatsen
- Log in, ga naar Personaliseer en klik op het pijltje bij Vrije tekst/HTML
- Klik in de editor van het item Vrije tekst/html op Gereedschap >> Broncode >> Rechtsklik met de muisknop in het Broncode venster en kies voor Plakken of gebruik de toetsencombinatie Ctrl+V (Ctrl+V = plakken) en klik op Oké
- Typ in het vak bij Label als titel "Javascript sneeuw"
- Klik op Toevoegen >> Bekijk blog
- of -
Optie 3) het javascript onderaan in een blogbericht plakken
Hou er rekening mee dat bij Keuze3 het Valentin effect enkel werkt op de blogpagina, waarin het betreffende blogbericht met script zich bevindt. Noteer ook goed in welk blogbericht u het script aanbrengt, zodat u het later gemakkelijk terug vindt.
- Log in en klik op Toevoegen of Wijzigen al naargelang u het script in een nieuw of in een bestaand bericht wilt plakken
- Bij gebruik van een nieuw bericht, typ minstens een teken of punt
- Klik op Gereedschap >> Broncode
- Rechtsklik met de muisknop in het Broncode venster, onderaan de reeds aanwezige codes en kies voor Plakken of gebruik de toetsencombinatie Ctrl+V (Ctrl+V = plakken) en klik op Oké
- Klik op Toevoegen of Wijzigen >> Bekijk blog
Voldoet het hartjeseffect niet helemaal aan uw wensen, dan kan u het script aanpassen naar uw eigen inzicht.
Zo kan u bij voorbeeld in het script bij:
var no=15, // aantal figuurtjes
het cijfer 15 vervangen door 20 of een hoger of lager aantal hartjes
Hetzelfde kan u doen voor de snelheid en het verder bewegen van de figuurtjes bij:
speed=30, // vertragings snelheid
slider=50, // bewegen van de figuurtjes van links naar rechts ( in pixels )
fallmax=8, // maximale snelheid van vallen
wind=0; // wel of geen invloed van zijwind (1 0f 0 )
Wenst u echter een ander valentijn figuurtje te gebruiken
Zorg dan eerst voor een URL voor het figuurtje, door het gifbestandje van de harde schijf te uploaden naar uw blog of een andere uploader van uw keuze.
Meer uitleg hierover op: blog.seniorennet.be/blogtips
Kopieer vervolgens de URL van het geüploadde gifbestandje.
Zoek in het script hierna naar:
fallg[0]=new Array("URL-van-hartje",25,28,1);
fallg[1]=new Array("URL-van-hartje",25,28,1);
fallg[2]=new Array("URL-van-hartje",25,28,1);
en vervang daarin telkens URL-van-hartje door de URL van uw gifplaatje
De grootte van het gifplaatje, hier 25,28 kan u eveneens aanpassen
aan de grootte van uw plaatje
Heel belangrijk: Laat in het script de aanhalingstekens langs weerszijden van de URL staan
Hierna een voorbeeld van een valentijn effect met golden hartjes
In onderstaand script werd de URL van een gouden hartje aangebracht, dat voordien in een blogbericht via "Overige bijlagen van harte schijf" geüpload werd naar seniorennet, om alzo een URL voor het hartjesbestand te bekomen.