Hieronder bij "Inhoud" kan je kiezen. Maak je voor het eerst een blog? Lees dan best vanaf onderaan naar boven. Mijn berichten beginnen onderaan. Veel leesplezier!
Tip bij uploaden van PPS of PPSX naar de beschikbare webruimte bij uw provider
Klik op het plaatje daarna op "Openen"" dubbelklik op het pps bestand en terug op "Openen" De pps start gemakkelijk en snel
Tip bij het uploaden van een powerpoint bestand naar de beschikbare webruimte bij uw provider
Wanneer je een powerpoint bestand upload naar uw beschikbare webruimte, die uw provider je als abonneee ter beschikking stelt en vervolgens via een aanklikbaar plaatje met verwijzing naar de URL van de pps op uw blog laat openen, dan start de pps niet automatisch, maar opent de powerpointvoorstelling in het programma powerpoint 2007 zelf, indien dit programma op uw pc geïnstalleerd staat.
Comprimeer je de pps naar een zip bestand en upload je dit zip bestand naar uw webruimte, dan kan je de URL van dit zip bestand gebruiken om uw powerpoint via een aanklikbaar plaatje te laten openen. Op die wijze opent de pps niet in het programma powerpoint 2007
De bezoeker klikt dan op het plaatje, daarna op "Openen", waarna het zipbestand opent. Bij dubbelklikken op de pps bestandsnaam en vervolgens op "Openen" start dan automatisch de powerpointvoorstelling in de viewer.
Doe de test en klik op het plaatje of op de aanklikbare tekst "klik hier" hieronder en deel me bij "Reageer" uw bevinding mee?
KLIK HIER of op het plaatje in de linkerbovenhoek van dit bericht, voor het bekijken van mijn PPS, gemaakt met het programma powerpoint 2003 "Lieve lach, fijne dag"
Voor het bekijken van een PPSX , die gemaakt is met het nieuwe programma powerpoint 2007, KLIK HIER en geniet van "Valentine's day".
Kan je geen PPSX openen, omdat het programma 2007 niet op uw pc geinstalleerd is, lees even dit blogbericht
na een klik op het plaatje, kom je bij "MediaFire" terecht even geduld en vervolgen klikken op
Click here to start download
--------------------------------------- Bovenstaande powerpoint heb ik omgezet in een .wmv video
Klik op de startpijl, om de video te starten Mocht de video niet starten, klik opnieuw even op de startpijl.
Ter informatie: Indien enkel de muziek afspeelt bij een zwart beeld. Schuif even met de rechterschuiflat zachtjes op en neer Lukt het nog niet, doe even de ActiveX test klik in de linkerkolom op de link "Test ActiveX Installatie"
Dezelfde video kan je bekijken in breedbeeld, 720 x 480 pixels Klik op de poezelijn ---------------------- Om een pps presentatie met DVD speler op TV te kunnen bekijken, dient de pps eerst omgezet te worden in een video formaat, en vervolgens in een DVD formaat Een DVD formaat kan je dan branden met o.a. Nero Express.
---*---*---*---*---*---*---*---*---*---
Omwille van de bestandsgrootte van een *.avi video, die veel groter is dan een *.wmv video, toon ik hier enkel *.wmv video Uiteraard is de beeld- en geluidskwaliteit bij *.avi video veel beter.
Bezoek je ook even mijn nieuwe blog http://blog.seniorennet.be/powerpointcrea daar kan je allerlei powerpoints vinden, die omgezet zijn naar video in verschillende grootten
Klik hiernaast op het hondje voor het bekijken van een *.mwv video van 1024 x 768 pixels groot (5,79 MB)
Kan je geen *.rar bestand openen, Klik op de muis. (6,63 MB) De video speelt dan af in Windows Media Player.
Voor het bekijken van een Flash (*.swf) -KLIK HIER Bestandsgrootte 15,59 MB (480x360 - 320x256 pixels)
Op deze zelfgemaakte foto heb ik animatie gifplaatjes geplaatst
* animatie gifplaatjes & tekst plaatsen * * op een achtergrondafbeelding *
* * * * * * * * * * * *
Hoe kan je te werk gaan en wat heb je nodig?
Het internetadres (ook URL genoemd) van een foto De URL van één of meerdere bewegende animatie gifplaatjes, die uiteraard kleiner van afmeting zijn dan de foto zelf. Een foto of gifplaatjes van de harde schijf kan je niet rechtstreeks gebruiken, deze moeten eerst een URL krijgen, door ze up te loaden naar een Free Hosting Provider. Adressen vind je in de zijkolom van dit blog (Voor uitleg KLIK HIER of HIER)
Hoe kan je bewegende gifplaatjes of tekst op een foto plaatsen? dat gebeurt met behulp van een tabel
Klik in de editor boven het tekstvenster op de icoontje "tabel aanmaken" (het figuurtje met de tabel, v.l.n.r. is dat het 25 ste icoontje) Vul in bij AFMETINGEN: Rijen: 1 Kolommen: 1 Breedte: het aantal pixels dat je foto breed is Hoogte: het aantal pixels dat je foto hoog is. De breedte en hoogte van een foto kan je te weten komen, wanneer je met de rechtermuisknop op de foto klikt en vervolgens op eigenschappen. (Uitleg vind je HIER)
Bij Achtergrond kan je uiterst rechts een vinkje klikken en vervolgens bij LOKATIE de URL van je foto plakken, maar nadat je geklikt hebt op IS GOED ZO, verschijnt de URL in de code foutief, deze functie werkt helaas niet. Ook kan je de functie Bladeren niet gebruiken, want deze werkt ook niet.
Vul in bij Celmarge: 0 Celafstand: 6 Het getal kan naar eigen wens later in de BRONTEKST nog steeds gewijzigd worden
Vul in bij Randen: 1 Indien we hier het cijfer 0 typen, kan je de tabel niet zien, dus wijzig best later in de BRONTEKST het cijfer border="1" in "0", van zodra de foto in de tabel staat.
Klik vervolgens op: IS GOED ZO, zodat de tabel verschijnt in het bericht.
Wanneer je nu een vinkje klikt in de editor achter het woord BRONTEKST, kan je de html-code van de tabel zien staan. Deze ziet er zo uit:
Bij jou zal geen 400 en 281 in de html-code staan, maar wel een ander getal, al naar gelang de afmetingen van je foto. Bij background vind je een foutieve URL, selecteer dus in de code de foutieve URL en plak in de plaats daarvan de URL van je foto. De html-code voor het weergeven van animatie gifplaatjes en tekst op de foto (zie verder in dit bericht) dien je te plakken tussen <TD> en </TD> Van zodra de foto te zien is in het bericht, kan je in de code bij border het cijfer 0 typen i.p.v. 1
---------- 2 de mogelijkheid ----------
Maar je kan ook zonder gebruik te maken van de icoon "tabel aanmaken", als volgt te werk gaan:
Ik gebruik en plak voor het aanmaken van een tabel, steeds rechtstreeks in de BRONTEKST van het bericht de hier onderstaande html-code: Met deze html-code staat ook de tabel in het midden van een bericht.
<P ALIGN="CENTER"> <TABLE cellSpacing="0" cellPadding="8" height="332" width="491" align="center" background="URL_FOTO" border="0"> <TBODY> <TR> <TD> Plak hier de html-code voor de weergave van één of meerdere plaatjes of typ hier je tekst <TD> <TR></TBODY></TABLE> </P>
Vervang in de html-code de woorden URL_FOTO door de URL van je eigen foto Vul in bij HEIGHT="..." de hoogte van je foto uitgedrukt in pixels bij WIDTH="..." de breedte van je foto
Plaats tussen <TD> en </TD> de html-code voor de weergave van een bewegend gifplaatje of typ daar tekst of een lichtkrant, zoals je zelf wilt
De html-code voor het plaatsen van een bewegend plaatje op de foto is: <IMG src="hierdeURLvanhetbewegendplaatje">
Wil je het bewegend plaatje in de rechterzijde van de foto, gebruik dan deze code <IMG src="hierdeURLvan hetbewegendplaatje" align="right">
Met onderstaande html-code kan je het bewegend gifplaatje centreren in de foto <center><IMG src="hierdeURLvanhetbewegendplaatje"></center>
Om een andere lijn te nemen typ: <BR>
ZEER BELANGRIJK: HTML dient steeds geplakt of aangepast te worden in de bron van een bericht, dus eerst BRONTEKST aanvinken, alvorens HTML te plakken. Daarna mag je het vinkje terug wegklikken, zodat je het resultaat kan zien.
------------ Voorbeeld ------------
Een voorbeeld van een aangepaste html-code:
Bekijk hieronder de html-code van de kinderfoto met vlinder, spin en lieveheersbeestje en plak de code maar eens gerust in de BRONTEKST van een bericht. Uiteraard is het niet de bedoeling dat je de foto op je blog laat staan en mijn URL's gaat gebruiken, maar wel om het resultaat te bekijken en daarna te verwijderen
TEKST kan je gewoon typen bovenop de achtergrondfoto, je dient er geen BRONTEKST voor aan te vinken, ook het lettertype, de kleur en grootte kan gewijzigd worden in het gewone typvenster.
► klik op bovenstaande URL of klik hierna op een button u komt dan op de site van flamingtext terecht. ► Klik op de gewenste button, die je wilt aanmaken, vervolgens op de button met de gewenste kleur
► Typ de text die op de button dient te staan (zie nr1) ► Klik op het pijltje bij FONT en duidt in het uitklapvenster, het gewenste lettertype aan (zie 2) ► Selecteer het getal bij FONT SIZE en typ in plaats daarvan een kleinere of grotere waarde, al naar gelang de door u gewenste lettergrootte.(zie3) ► Klik op het pijltje onder TEXT JUSTIFICATION en bepaal waar de tekst op de button dient te staan: links, rechts of gecentreerd ► Klik bij TEXT COLOR op de bestaande kleur en kies in de kleurkiezer, die opent, de gewenste kleur voor uw titel (zie 4) ► Klik vervolgens op ADD TEXT (zie 5)
► Wacht even geduldig, de button wordt nu aangemaakt (zie voorbeeld hierna)
► Rechtsklik vervolgens op de button en ► kies voor AFBEELDING OPSLAAN ALS.... ► Duid op uw harde schijf de gewenste map aan, waar je de button wilt bewaren
► De aangemaakte button staat nu op uw harde schijf.
Wens je een aanklikbare button op uw blog of in een gastenboek te plaatsen met link naar een blog of site, dan dient het plaatje eerst een plaats op internet te krijgen, zodat het over een internetadres (ook URL genoemd) beschikt. Een URL aanmaken, kan je doen door het plaatje vanaf uw harde schijf te uploaden naar internet, hetzij naar uw blog (via PERSONALISEER > FOTO) of hetzij naar een free file hosting provider, zoals Imageshack of Photobucket.com of Plaatjesupload.nl of Google page creator of naar uw beschikbare webruimte bij uw provider Voor uitleg, klik hierboven op de onderstreepte link van de gekozen provider. Deze button heb ik geüpload naar imageshack:
De url van mijn button ziet er zo uit: http://img261.imageshack.us/img261/4904/1317249f303503b46fd04c0wd2.gif
Vervolgens dient de URL van de button in een html code ingebracht te worden en geplakt in het BRONTEKSTvak van een bericht op de blog of gastenboek.
Werkwijze:
► Kies één van de twee hieronderstaande html codes en ► vervang in de code, voordat u hier de code kopieert, de tekst PLAK_HIER_URL_BLOG door de URL van uw blog. ► Selecteer vervolgens de tekst PLAK_HIER_URL BUTTON en plak in de plaats ervan de URL van de door U gewenste button. ► Klik daarna pas op de knop Selecteer en Kopieer en ► plak de code in het BRONTEKSTvak van een bericht, dus eerst BRONTEKST aanvinken en pas daarna de code plakken
of u kan het ook zo:
► Klik op de knop Selecteer en kopieer van één van de twee hieronderstaande html codes Maak uw keuze: - Wens je dat de huidige blog waarop de button staat, sluit, wanneer de nieuw aangeklikte blog opent, (zie button hierboven) gebruik dan de hieronderstaande code:
- Wens je dat de huidige blog ook nog open blijft staan, wanneer de nieuw aangeklikte blog opent, gebruik de hieronderstaande html code:
► Ga naar de plaats waar u de aanklikbare button wilt plaatsen
Voor de blogs van seniorennet of bloggen.be:
► Vink eerst in de editor boven het tekstvak BRONTEKST aan, door een vinkje te klikken in het vierkantje achter het woord BRONTEKST. (zie uitleg KLIK HIER) ► Plak daarna één van de twee hierbovenstaande html codes ► Selecteer in de code, de tekst PLAK_HIER_URL_BLOG en plak in de plaats ervan de url van uw blog ► Selecteer de tekst PLAK_HIER_URL_BUTTON en plak in de plaats ervan de url van uw button. ► Klik het vinkje terug weg achter het woord BRONTEKST, zodat je in het gewone tekstvenster terecht komt, waarbij je de button ziet staan ► Klik vervolgens op TOEVOEGEN
Zie voorbeeld: Bij gebruik van de 1 ste code, sluit dit blog, wanneer blog fotovreugde opent klik op het aanblikbare plaatje: Bij gebruik v/d 2de code: klik op de button: blijft dit blog ook open staan, wanneer mijn blog fotovreugde opent.
Ter informatie: Wil je slagen: Voeg in de html code geen spatie, aanhalingstekens of haakjes toe en verwijder er ook geen. Voordat u de hierbovenstaande html code selecteert en kopieert, kan je de url van uw button en de URL van uw blog reeds in de code op dit blog aanbrengen, zodat je alles tegelijk kan selecteren en kopieren en je enkel nog de volledige code dient te plakken. Zo loop je minder het risico dat iets fout gebeurt.
In gastenboeken van seniorennet of bloggen.be, waarin BRONTEKST niet kan aangevinkt worden, mag je de html code zomaar plakken in het gewone tekstvenster. Het resultaat ziet je dan pas nadat het bericht is opgeslaan
Nieuwe bloggers kunnen als welkomsgeschenk, op aanvraag via email op dit blog, een button met daarop de titel van hun blog en de code voor het plaatsen van hun aanklikbare button met link naar hun blog bekomen
Deze buttons heb ik voor eigen gebruik in gastenboeken gemaakt, je mag ze eveneens gebruiken om te linken naar mijn blog zonnegroeten of blogtips, maar deze kunnen ook gemaakt worden in andere vormen en kleuren.
De 5 hier bovenstaande buttons zijn gemaakt methttp://www.flamingtext.com/buttons/ Wens je één van deze vorman aan te maken, klik op de hier bovenstaande link en scroll daar naar beneden.
--------------------------------------------------------- In de rechterkolom van dit blog, vind je ook nog allerlei links naar interessante sites, waarmee je op een gemakkelijke wijze buttons kan maken
Klik hiervoor in de rechterkolom van dit blog op één van de URL's onder "MAAK JE BUTTON OF BANNER" --------------------------------------------------------- De 2 hier onderstaande buttons zijn gemaakt met webbouwKlik Hier
UItleg over het aanmaken van een button met flamingtext, vind je in voorgaande en onderstaande blogberichten
------------------stap 2------------------
Een button kan je pas in een gastenboek of op de blog plaatsen, nadat deze eerst over een internetadres (=URL) beschikt. Nadat je dus de button hebt aangemaakt met één van voornoemde of een andere website, dien je te zorgen voor een interenetadres (URL) voor uw plaatje
Zo'n URL kan je bekomen, door het bestandje vanaf de harde schijf te uploaden naar internet. Dit kan je doen met behulp van bvb ImageShack, Photobucket, Plaatjesupload.nl of een andere Free File Hosting Provider (allerlei adressen kan je vinden en aanklikken in de rechterkolom van dit blog onder "Free File Hosting Providers".)
Zodra de button over een URL beschikt, kan je de button plaatsen met behulp van een html code, waarin je de URL toevoegt. Onthoud goed: HTML codes dienen geplakt in de BRON van een bericht.
De code voor het weergeven van een button, ziet er zo uit: <img src="hier_URL_VAN_BUTTON">
Maar meestal wordt een aanklikbare button geplaatst, waarbij de blog of site opent waar naar verwezen wordt, wanneer op het plaatje geklikt wordt.
Om een aanklikbare button te bekomen, wordt in de html code bijkomend een verwijzing gemaakt naar het blog of de site, die dient te openen.
Hieronder vind je de html code voor het plaatsen van een aanklikbare button
In de code dient de hiernavolgende tekst te worden vervangen: URL_van_LINK door de URL van uw blog URL_van_PLAATJE door de URL van uw button of plaatje
Zoals reeds gezegd, dient een html code in de BRON van een bericht geplakt te worden. Wanneer je dus met de avanceerder editor werkt, dien je VOORALEER de code te plakken EERST in de editor boven het typvenster, een vinkje te klikken in het vierkantje achter het woord BRONTEKST, zodat uw gewone tekstvenster verandert in een brontekstvenster. Wie met de nieuwe editor werkt, dient in de editor op de knop HTML te klikken
Wil je de button in een gastenboek bij seniorennet of bloggen.be plaatsen, dan dien je bij gastenboeken, die gebruik maken van de geavanceerde standaard editor, eerst in de editor boven het typvenster (zoals hierboven reeds geschreven) een vinkje te klikken in het vierkantje achter het woord BRONTEKST, alvorens de html-code te plakken. Na het plakken van de code kan je het vinkje achter het woord BRONTEKST terug wegklikken, zodat je terug in het gewone tekstvenster (typvenster) terechtkomt, waarin je de button kan zien staan en verder nog tekst kan bijtypen, alvorens het bericht toe te voegen.
Klik op onderstaande plaatje en vervang YOUR NAME door uw tekst Klik daarna op GO en wacht even geduldig tot uw tekst verschijnt Je kan het plaatje zo meteen opslaan op uw harde schijf, door met de rechtermuisknop op het plaatje te klikken en vervolgens op OPSLAAN als
Ben je niet tevreden over het resultaat, keer terug en klik op MORE OPTIONS dan krijg je het hiernavolgens scherm te zien
Vul uw tekst in bij TEXT STRING Vul de grootte van uw letters in bij FONT SIZE Duid met het pijltje bij FONT het gewenste lettertype aan Klik op de kleur om een ander tekstkleur aan te duiden Vink TRANSPARENT aan, indien je een tekst wilt zonder zwarte achtergrond Vink BLUE FLAME aan indien je blauwe vlammen wilt Klik vervolgens op CREATE LOGO en wacht geduldig tot uw tekst verschijnt Klik vervolgens met de rechtermuisknop op de tekst vervolgens op AFBEELDING OPSLAAN ALS en oplaan op uw harde schijf
Klik ook eens onder ANIMATIONS op FIRE BLUE of FIRE RED voor andere mogelijkheden met vlammende tekst Zie voorbeelden hieronder:
Ter informatie: Wanneer je een gifplaatje in de zijkolom toevoegt vanaf de harde schijf, via PERSONALISEER ► FOTO. VERWIJDER het VINKJE bij VERKLEINEN, zoniet beweegt het plaatje niet meer en is de achtergrond zwart
HTML-code - plaatsen van gewone button met verwijzing naar blog of site
Dacht jij ook al eens aan een
* gewone button met link *
zoals in de volgende voorbeelden:
Hieronder vindt je de html-code die je kan plakken in de brontekst van een bericht of gewoon in een gastenboek indien geen brontekst kan aangevinkt worden. Zet dus een vinkje boven het tekstvak, na het woord "brontekst" indien aanwezig, en kopieer en plak de hierna volgende html-code:
Vergeet niet: in de html code de URL: http://blog.seniorennet.be/zonnegroeten (dit is mijn URL) te vervangen door de URL (het adres) van je eigen blog en de tekst "Welkom" te vervangen door een andere tekst, indien je dat wenst. Alle aanhalingstekens en haakjes in de code moeten aanwezig blijven! Lukt het je niet al te best, dan kan je het ook even uitproberen met de generator van IEZIE.
TYP JE GRAAG EEN PAAR WOORDJES ONDER ELKAAR IN DEZELFDE BUTTON
plaats dan de html-code van hierboven in de brontekst van een bericht en verwijder daarna het vinkje bij brontekst, zodat je de button ziet, klik vervolgens een paar keer langzaam en zachtjes op de tekst van de button, tot je de cursor ziet bewegen in de tekst van je button en pas de tekst aan naar je eigen keuze. Zet daarna terug een vinkje bij "brontekst", zodat je de gewijzigde html-code kan bekijken en kopieer deze code. Je code is dan gereed voor gebruik.
De html-code van deze button
ziet er als volgt uit:
Dit blogbericht is aan updaten toe en wordt weldra bijgewerkt
Wat is Picasa? Picasa is een software van Google waarmee je afbeeldingen op je computer kan opsporen, verplaatsen, herbenoemen en bewerken. Deze software kan gratis worden gedownload KLIK EN LEES HIER maar ook HIER
Wat is Picasa Web Album? Picasa Web Album laat je toe foto's op internet te zetten. KLIK EN LEES HIER Voorwaarde is wel dat je over een gmailadres beschikt. Voor aanvraag tot Picasa Web Album, klik je zich aanmelden hier: http://picasaweb.google.com/
Heb je een gmailadres (= emailadres bij google) en derhalve dus ook een googleaccount?
Zo ja! dan kan je gebruik maken van: Picasa Web Albums, KLIK EN LEES HIER De toegang tot Picasa Web Albums kan je aanvragen: KLIK HIER
Van zodra je toegang krijgt tot de Picasa Web Albums kan je een album aanmaken en deze op internet openbaar publiceren of enkel laten bekijken door degene die de URL kennen.
Deze album heeft dus een internetadres (URL genoemd) De URL van een album kan je aflezen of kopieren in de adresbalk van je browser (bvb Internet Explorer).
Een aangemaakt Picasa Web Album kan je op je blog laten bekijken op één van de hiernavolgende manieren
1) met behulp van dezelfde code als voor het plaatsen van - Een aanklikbaar plaatje
KLIK en lees HIER bij voorbeeld: <a href="URLvanALBUM" target="_blank"> <IMG src="URLplaatje" border="0"></a>
Voorbeeld:
of 2) met behulp van dezelfde code als voor het plaatsen van - Een aanklikbare titel
Plak de code in de BRONTEKST van uw bericht. Bekijk hiernaast het resultaat, klik op de foto
----------------------------------------
Hieronder vind je nog een mogelijkheid, waarop de album kan worden weergegeven De grootte van de weergegeven foto's hangt uiteraard af van het aantal pixels van de geüploadde foto
Met behulp van de free hosting provider www.picturetrail.com kan je foto's van je harde schijf uploaden naar internet, waardoor de plaatjes een internetadres krijgen. Je kan de plaatjes bekijken in een album, maar ook leuke slideshows creëren op je blog. Bekijk hieronder één van de vele
* PHOTO FLICKS *
--- FLOATING PICS ---
------ Bij een klik op de miniatuur wordt de foto vergroot weergegeven. De foto's kan je eveneens in willekeurige volgorde automatisch na elkaar vergroot bekijken, wanneer AUTO aangevinkt staat.
Alles gebeurt snel, gemakkelijk en is vrij eenvoudig. Je dient je wel eerst te registreren Klik hiervoor op Free Signup en vul bij Signup for free je gebruikersnaam, wachtwoord, naam, emailadres, postcode, geboortedatum en geslacht in en klik vervolgens op Submit Registration.
Eenmaal geregistreerd, kan je steeds inloggen met je gebruikersnaam en paswoord. Dat kan je doen door te klikken op Login (rechts naast Free Signup) Vul vervolgens uw gebruikersnaam en wachtwoord in en klik op Login.
Via een klik op de knop "UPLOAD PIX" (UPLOAD PHOTOS) kan je foto's van je harde schijf uploaden naar je album in Picturetrail.
Wens je nog de oude uploader te gebruiken, Klik dan op "USE OLD UPLOADER" Klik bij UPLOAD up to 5 images at a time, op het pijltje naast 5 en duid aan hoeveel plaatjes je wilt uploaden. Klik vervolgens op BLADEREN en duid de plaatjes op de harde schijf aan Klik vervolgens onderaan op UPLOAD PICS NOW en wacht tot de volgende pagina verschijnt
(De URL van de geüploadde plaatjes kan je te weten komen door bovenaan te klikken op de knop "Images URLs" De URL van iedere foto vind je bij "Direct Image Link")
Klik vervolgens bovenaan op de knop MANAGE PHOTOS, dan kom je op de pagina Manage Photos terecht, waar je album staat.
Wens je alsnog één of andere geüploadde photo terug te verwijderen, klik in de desbetreffende album op "Edit" en kies voor "Delete Photos" Klik een vinkje in het vak bij "Select to Delete" achter de foto die je wenst te verwijderen en klik vervolgens erboven op de knop "Delete Selected Images"
Wanneer je in de rechterzijde op de link "CREATE A PHOTO FLICK" klikt, krijg je verschillende leuke slideshows aangeboden, waaruit je kan kiezen. Je dient enkel de photo flick (het voorbeeldplaatje) van je keuze aan te klikken.
--------------------------------------------------------- Om een Photo Flick slideshow van uw foto's te maken: -------------------------------------------------------- Klik op ADD PHOTOS Vervolgens kom je op de pagina met de door jou gekozen slideshow "Photo Flick - ..., terecht, waarin je de gewenste foto's of plaatjes kan selecteren die je wilt laten opnemen in de slideshow, bij een eenvoudige klik op de gewenste foto. Klik onderaan op Add Selected Photos De slideshow wordt nu zichtbaar
Om de Photo Flick slideshow aan te passen Klik op CUSTOMIZE FLICK
Onder FILMSTRIP bij Size, kan je de grootte van de slideshow aanduiden. Bij Borders kan je aanstippen, welke boord je wilt voor uw slideshow. Bij background kan je uit verschillende achtergronden kiezen Bij Speed de snelheid waarop de beelden op elkaar dienen te volgen
Onder FLICK DESIGNS kan je nog steeds een andere keuze voor uw slideshow maken, welke bovenaan in beeld verschijnt
Vind je uw slideshow goed, klik dan op de knop SAVE (GET CODE)
Je kan nu uw slideshow een naam geven in het vak bij Name your Flick Klik vervolgens op SAVE & GET CODE
On de code van de slideshow te kopieren, welke je nodig hebt om uw slideshow te kunnen plaatsen op uw blog of webpagina Klik op Copy Posting Code, hierdoor wordt de code in het venster eronder geselecteerd en gekopieerd. of Selecteer de code door er even met de linkermuisknop op te klikken en druk op de Controltoets en klik vervolgens op de lettertoets c, terwijl je de Controlttoets ingedrukt houdt (Ctrl+c = kopieren)
Je dient nu enkel nog de code te plakken in de BRONTEKST van een bericht, waar je de slideshow wilt plaatsen.
Voor de blogs bij seniorennet en www.bloggen.be, log in, klik op "Bericht toevoegen", klik eerst een spatie in het tekstvak en klik vervolgens in de editor erboven een vinkje in het lege vierkantje bij BRONTEKST, plak pas daarna de code door met de Control toets ingedrukt te klikken op de letter v. (Ctrl-v) Daarna mag je het vinkje bij BRONTEKST terug wegklikken. In het tekstvak ziet je niets verschijnen. Pas na klikken op TOEVOEGEN, kan je de slideshow bekijken op je blog. Klik hiervoor op BEKIJK BLOG. ----
---- MAGNIFIER ---- Klik eens op een foto van onze poes, dan kan je onze kater met een vergrootglas bekijken.
Klik maar even op een plaatje in de kubus! En klik dan opnieuw!
De knoppenonder de slideshow kan je verwijderen door in de code de verwijzingen (wat hierna in mijn voorbeeld in het rood staat) te deleten of door eenvoudigweg in het gewone tekstvak de knoppen te selecteren en op de delete toets te drukken
Hierna vind je mijn Photo Flick slideshow --- FILMSTRIP ---, waarbij onderaan geen knop naar "Picturetrail" en "Get Your Own" voorkomt
---
In mijn code, zie hierna heb ik wat in het rood staat gedeleted:
Plaats je graag een Image Slideshow op je blog! Aantal foto's, afmeting, achtergrondkleur, lettertype, wisselduur is aanpasbaar
Zorg eerst dat alle plaatjes of foto's dezelfde afmetingen hebben. Upload ze vervolgens naar internet, zodat ieder plaatje een internetadres bekomt. Dat kan je doen door ze te uploaden naar internet, bvb. naar je eigen blog via Bericht Toevoegen of naar je eigen webruimte die je provider je gratis ter beschikking stelt (Telenet, Belgacom Skynet, Scarlet) of naar een Free Hosting Provider zoals Imageshack, Photobucket e.a. (zie Free Hosting Providers in zijkant blog)
----------------- stap 1 ---------------------- Voeg een nieuw bericht toe, Typ de titel Bij INHOUD VAN UW BERICHT klik een paar spaties of typ een tekst Vink boven het typvenster in de editor BRONTEKST aan. Klik op de knop SELECTEER en KOPIEEER en plak het script in de BRON van uw bericht
---------------- stap 2 -------------------------
Vervang in het hier onderstaande script: URL_FOTO_01 door de url van je 1de foto URL_FOTO_02 door de url van je 2de foto URL_FOTO_03 door de url van je 3de foto en ga zo verder tot de laatste URL_FOTO_10 (dat kan je best zo: kopieer de URL (internetadres) van je eerste foto SELECTEER in het hieronderstaande script URL_FOTO_01 klik met de rechtermuisknop op de geselecteerde tekst en klik op PLAKKEN. Op deze wijze staat de URL goed geplaatst tussen de beide aanhalingstekens)
Dit script is gemaakt voor het invoegen van 10 foto's Wil je minder of meer foto's toevoegen dat kan door in het script te verwijderen of toe te voegen <option value="URL_FOTO_10">10
Vervang het aantal pixels bij Width="..." en Height="..." door het aantal pixels van je eigen plaatje of foto
Indien gewenst kan je na ieder cijfer (01 02 03 04...) een korte beschrijving toevoegen
De achtergrondkleur kan door een ander kleur worden vervangen door in het script bij bgColor="..." de kleurcode #D8D8D8 te vervangen door een andere kleurcode van uw keuze. (Voor het bepalen van de kleurcode: klik in de editor op T (tekstkleur) of zie Kleurkiezers in zijkant blog)
Wanneer het onderstaande gedeelte van het script is aangepast, klik op "SELECTEER EN COPIEER" en PLAK het script onder het hierbovend script eveneens in de BRONTEKST (Klik & LEES HIER) van je bericht.
Van zodra je het vinkje in het vierkantje achter BRONTEKST terug verwijdert, kan je de eerste foto v/d slideshow bekijken. De slideshow speelt af, zodra je het bericht hebt toegevoegd.
Deze foto's zijn mijn eigendom, alle rechten voorbehouden
Maak je graag ook een slideshow van je plaatjes. Zorg eerst dat al de plaatjes dezelfde afmetingen hebben en elk over een internetadres beschikken Vervang in het script "URLfoto1" "URL_foto2" "URL_foto3" "URL_foto4" "URL_foto5" door de URL van 5 plaatjes. Vervang in het script 5 maal de URL van mijn blog door de URL van je blog. Vergeet ook niet wat lager in het script nogmaals de "URL_foto1" te vervangen door de URL van het eerste plaatje Pas in het script de hoogte en breedte aan en vervang het aantal pixels bij height="223" en Width="335" door het aantal pixels van je plaatjes. Verwijder of plaats geen bijkomende spaties, aanhalingstekens of haakjes in het script. Klik daarna op de knop SELECTEER EN COPIEER. Voeg een BERICHT TOE, plaats eerst een tekst of klik een paar spaties en Vink daarnaBRONTEKST aan en plak het javascript in de bron(tekst) van het bericht.
Aanklikbare miniatuurfoto's met verwijzing naar ware grootte en korte toelichting
Maak je eigen fotoalbum Klik op een plaatje
Athene Versailles klik op het plaatje in herinnering
* Meerdere miniatuur plaatjes * met link naar ware grootte van afbeeld. en korte beschrijving
Een bericht vol foto's, die elk één voor één aanklikbaar zijn, en in ware grootte kunnen bekeken worden, vind ik wel mooi! Je kan zelfs ook nog bijkomende uitleg te lezen geven, beweeg en hou maar eens je muisknop boven een foto, zo kan je een korte toelichting lezen.
Voor het maken van zo'n album dient zowel het miniatuurplaatje als de grote foto over een apart eigen internetadres te beschikken.
Om één aanklikbaar miniatuurplaatje met verwijzing naar de ware grootte van de foto en een korte beschrijving of toelichting te plaatsen, kan je gebruik maken van de hiernavolgende code.
<A href="URL_grote_foto" target="_blank"> <IMG alt="klik op de foto" src="URL kleine foto" border="0"></A>
Vervang in bovenstaande code: URL_grote_foto door de URL van je grote foto, URL_kleine_foto door de URL van de miniatuurfoto klik op de foto door een korte toelichting naar eigen keuze.
en plak de code in de bron van een bericht. (in de editor boven het typvenster eerst een vinkje klikken achter het woord "BRONTEKST" en pas daarna de code plakken)
WERKWIJZE: STAP VOOR STAP
- Selecteer en kopieer de hierbovenstaande code - Voeg een bericht toe op uw blog (Klik op "Toevoegen") - Typ de titel in het vak boven het tekstvenster bij "Titel van het bericht" - Typ in het tekstvenster een punt of klik een spatie, indien je geen tekst wenst toe te voegen, dit is nodig, opdat straks het bericht wordt toegevoegd. - Klik een vinkje in de editor boven het tekstvenster (typvenster) achter het woord "BRONTEKST", zodat je in het brontekstvenster (of brontekstvak) terecht komt, waar html codes dienen te worden geplakt. - Plak de code in het brontekstvenster. - Vervang in de code: URL_grote_foto door de URL van je grote foto, URL_kleine_foto door de URL van de miniatuurfoto klik op de foto door een korte toelichting naar eigen keuze.
Zie een voorbeeld, van een aangepaste code:
<A href="http://img105.imageshack.us/img105/90464u5v2qf7.gif" target="_blank"> <IMG alt="kasteel van Versailles" src="http://img110.imageshack.us/img110/fuvi8v7sxgjo.gif" border="0"></A>
- Wens je de aanklikbare foto te centreren. Typ voor deze code: <center> en na de code </center> - Klik het vinkje achter het woord "BRONTEKST" terug weg, zodat je terug in het normale tekstvenster terecht komt. - De miniatuurfoto is nu zichtbaar, je kan eventueel nog tekst toevoegen. - Om het bericht op te slaan, klik op "TOEVOEGEN"
Meerdere aanklikbare miniatuurfoto's met verwijzing naar de foto in ware grootte en een korte toelichting, kan je plaatsen door telkens de hierbovenstaande code te herhalen zoals op de hiernavolgende wijze te zien is.
Zie onderstaand voorbeeld voor het plaatsen van bij voorbeeld 4 aanklikbare miniatuurfoto's in het midden van een bericht (2 naast en 2 onder elkaar):
<CENTER> <A href="URL grote foto1" target="_blank"> <IMG alt="klik op de foto" src="URL kleine foto1" border="0"></A> <A href="URL grote foto2" target="_blank"> <IMG alt="klik op de foto" src="URL kleine foto2" border="0"></A> <BR><BR> <A href="URL grote foto3" target="_blank"> <IMG alt="klik op de foto" src="URL kleine foto3" border="0"></A> <A href="URL grote foto4" target="_blank"> <IMG alt="klik op de foto" src="URL kleine foto4" border="0"></A> </CENTER>
Zelfde werkwijze als voor het plaatsen van één foto
- Selecteer en kopieer de hierbovenstaande code - Vink boven het tekstvenster het woord BRONTEKST aan - Plak bovenstaande code in het brontekstvenster v/h bericht - Vervang telkens in de hierbovenstaande html code: "URL grote foto" door de URL van de grote foto "URL kleine foto" door de URL van de kleine foto "klik op de foto" door een toelichting naar eigen keus.
Opgelet: Verwijder of voeg in de code geen bijkomende haakjes, aanhalingstekens of spaties toe.
Na de html te hebben aangepast, kan je in de editor het vinkje achter het woord: "BRONTEKST" terug wegklikken, zodat de foto's of plaatjes zichtbaar worden, daarna kan het bericht verder worden afgewerkt naar uw keuze en ook nog tekst worden toegevoegd. Indien je meer ruimte tussen de foto's wilt, kan je tussen de foto's spaties klikken of wens je de foto's onder elkaar, klik op de enter toets.
Ter informatie: <BR> in de code, betekent een andere lijn nemen Telkens je in het brontekstvenster <br> typt, wordt dus een bijkomende andere lijn toegevoegd
Een achtergrondfiguur toevoegen aan een blogbericht
Een achtergrondafbeelding in een bericht toevoegen
Zoals te zien is in dit bloggericht Met behulp van een tabel kan een achtergrondfiguur toegevoegd worden in een bericht.
Voorwaarde is wel dat het ACHTERGRONDPLAATJE over een INTERNETADRES (URL) beschikt.
► Klik op BERICHT TOEVOEGEN en ► VINK in de editor boven het tekstvenster BRONTEKST aan. ► Kopieer de hier onderstaande html code en ► plak deze in het brontekstvenster van uw blogbericht. ► Vervang in de code: typ hier URL van achtergrondplaatje door de URL van uw achtergrondplaatje. ► De randdikte van uw tabel kan je aanpassen, door in de code bij BORDER="4" de cijfer te vervangen, door een hoger of lager getal, al naargelang je eigen keuze. Zijn eveneens aanpasbaar: cellSpacing (=plaats tussen 2 cellen) cellPadding (=plaats tussen tekst en tabel) bgColor (= de achtergrondkleur) borderColor (= de randkleur) height (= de hoogte van de tabel) width (= de breedte van de tabel). ► vink daarna het vinkje terug weg achter het woord BRONTEKST ► je kan nu uw tekst typen
----------------------------------------------
<CENTER> <TABLE CellPadding="10" CellSpacing="3" bgColor="#ffffff" borderColor="#ff0000" background="typ hier URL van achtergrondplaatje" border="4" width="100%" height="20"> <TBODY> <TR> <TD> Typ hier uw tekst al dan niet met BRONTEKST aangevinkt of plak hier in het BRONTEKST de code voor het weergeven van uw plaatje </TD> </TR></TBODY></TABLE></CENTER>
---------------------------------------------- Wil je LIEVER GEEN RAND rond uw blogbericht met achtergrondfiguur Vervang dan in bovenstaande code: border="4" door border="0" of gebruik i.p.v. bovenstaande, de hieronderstaande html code en plak deze in de BRONTEKST van uw blogbericht
<CENTER> <TABLE CellPadding="10" CellSpacing="1" background="plak hier URL van achtergrondplaatje" border="0" width="100%" height="30"> <TBODY> <TR> <TD> Typ hier uw tekst al dan niet met BRONTEKST aangevinkt of plak hier in het BRONTEKST de code voor het weergeven van uw plaatje </TD> </TR></TBODY></TABLE></CENTER>
Randen rond een blogbericht, een afbeelding of tekst plaatsen, kan je doen door middel van tabellen: Tabellen kan je in dit blog maken op twee verschillende wijzen: - hetzij met behulp van de editor boven het tekstvak - hetzij in de brontekst van een bericht met behulp van html codes
Hieronder vind je enige html codes, waarbij je de breedte, hoogte, kleur, dikte en de achtergrond kan aanpassen aan eigen wensen op ieder ogenblik je dit wenst
► Kopieer de html code, ► Vink BRONTEKST aan, want html codes dienen geplakt in het brontekstvak (Klik hiervoor een vinkje in de editor boven het tekstvenster in het vakje na het woord BRONTEKST) ►plak de code op de plaats waar je de rand of de tabel wilt hebben
Voor het plaatsen van een rand rondom het blogbericht plak de code bovenaan links in het lege bron-tekstvak
Voor het plaatsen van een rand rond een bepaalde tekst of afbeelding - plak de code op de plaats waar de afbeelding of de tekst dient te verschijnen - of plak het eerste gedeelte van de html code tot en met <TD> vóór het begin van uw bestaande tekst of inhoud en beëindig de inhoud met de rest van de html code, te beginnen vanaf </TD>
►De kleur en de dikte v/d rand v/d tabel kan je naar eigen wens aanpassen
Voor het wijzigen van de kleur v/d rand van de tabel: vervang de kleurcode bij borderColor="#ff6699" door een andere kleurcode voorbeeld: borderColor="#cc0000"
Bestaat de rand (border) uit 2 verschillende kleuren, bij voorbeeld borderColorLight=#ff6699 en borderColorDark=#cc6666 wijzig ook daar de kleurcodes naar eigen wens (ter info: de ingestelde kleur bij borderColorLight en borderColorDark wordt niet in alle browsers weergegeven.)
kleurcodes vind je in de editor boven het gewone tekstvenster
Voor het wijzigen van de kleur van de achtergrond: vervang in de html code de kleurcode bij bgColor=#ffffcc door een andere kleurcode naar keus. Bij voorbeeld: bgColor="#ffccff"
De dikte v/d rand van de tabel kan je aanpassen door de waarde (het getal) te wijzigen bij border=5 Wanneer border=0 ingevuld wordt, is de rand niet zichtbaar Hoe hoger het getal hoe dikker de rand
De breedte van de tabel kan je aanpassen door de waarde van het aantal pixels (het getal) te verhogen of te verlagen bij WIDTH: 160px; Bij voorbeeld: WIDTH: 280px;
De breedte kan ook aangegeven worden in procenten: vervang in dit geval dan px door % bij voorbeeld: WIDTH: 80%; of bij voorbeeld WIDTH: 100%;
De hoogte v/d tabel kan je op dezelfde manier wijzigen als de breedte maar dan bij: HEIGHT: 50px
► Verwijder het vinkje bij BRONTEKST, zodat je terug in het gewone tekstvenster terecht komt. Je ziet nu uw tabel staan. ► Typ de inhoud van uw blogbericht in de tabel, waar mijn tekst staat ► Voor het plaatsen van html codes om een plaatje weer te geven, dien je uiteraard terug de BRONTEKST aan te vinken en de code voor de afbeelding te plakken, binnen <TD> en </TD> De hieronderstaande code is bedoeld, voor een transparante achtergrond en rand zonder kleur
TYP OF PLAK HIER DE INHOUD
<TABLE style="WIDTH: 160px; HEIGHT: 50px" border=1> <TBODY> <TR> <TD>TYP OF PLAK HIER DE INHOUD</TD> </TR> </TBODY> </TABLE>
Wenst u de rand met tekst of afbeelding te centreren: - plak vóór de html code <center> en na de code </center>
Met de hieronderstaande code bekom je een gekleurde rand en een gekleurde achtergrond
TYP OF PLAK HIER DE INHOUD
<center> <TABLE style="WIDTH: 180px; HEIGHT: 70px" borderColor=#ff6699 cellSpacing=4 cellPadding=4 bgColor=#ffffcc border=5> <TBODY> <TR> <TD>TYP OF PLAK HIER DE INHOUD</TD> </TR> </TBODY> </TABLE> </center>
- In bovenstaande code heb ik <center> en </center> toegevoegd. Wens je de tabel niet te centreren, verwijder dan <center> en </center> uit de html code
Met de hieronderstaande code bekom je een rand, bestaande uit een tweetal kleuren en een transparante, dus niet gekleurde achtergrond
TYP OF PLAK HIER DE INHOUD
<TABLE style="WIDTH: 286px; HEIGHT: 55px" borderColor=#3ca8a8 cellSpacing=3 borderColorDark=#707272 cellPadding=4 borderColorLight=#29bebe border=7> <TBODY> <TR> <TD>TYP OF PLAK HIER DE INHOUD</TD> </TR> </TBODY> </TABLE>
Met de hieronderstaande code bekom je een rand, bestaande uit een tweetal kleuren en een gekleurde achtergrond
TYP OF PLAK HIER DE INHOUD
<TABLE style="WIDTH: 283px; HEIGHT: 46px" borderColor=#ff6699 cellSpacing=4 borderColorDark=#cc0000 cellPadding=4 borderColorLight=#0099ff bgColor=#ffffcc border=5> <TBODY> <TR> <TD>TYP OF PLAK HIER DE INHOUD</TD> </TR> </TBODY> </TABLE>
Hieronder vind je een html code, die zo breed is als het blogbericht, de hoogte past zich automatisch aan, aan de hoogte van de inhoud van het blogbericht, wanneer je eerst de code plakt en vervolgens de inhoud erin plaatst:
TYP OF PLAK HIER DE INHOUD
<TABLE style="WIDTH: 100%; HEIGHT: 60px" borderColor=#ff6699 cellSpacing=4 borderColorDark=#cc6666 cellPadding=4 borderColorLight=#ff6699 bgColor=#ffffcc border=5> <TBODY> <TR> <TD>TYP OF PLAK HIER DE INHOUD</TD> </TR> </TBODY> </TABLE> Betekenis van enkele tags en attributen: <table> = de hele tabel <tr> = een rij van een tabel <td> = table data - dat betekent een cel in de rij width = breedte height = hoogte border = rand borderColor = randkleur borderColorLight = licht randkleur bgColor = achtergrondkleur background = achtergrondplaatje cellpadding = afstand tussen de rand van een cel en de inhoud
Hierna een voorbeeld hoe je in de zijkolom van een blog een tabel met plaatjes of tekst kan plaatsen.
In de tabel hiernaast, werd in de code toegevoegd:
BORDER-COLLAPSE: collapse;
Op die wijze worden de randen rond de tabel te samen genomen en als één rand weergegeven.
Indien de eigenschap BORDER-COLLAPSE: collapse; niet toegevoegd wordt of wanneer in de plaats ervan het hiernavolgende element toegevoegd wordt:
BORDER-COLLAPSE: inherit;
dan worden de tabelranden gescheiden weergegeven en ziet men dus 2 randen rond de tabel
Hierna de html code voor het weergeven van bovenstaande tabel met 2 plaatjes. Uiteraard kan je nog meerdere plaatjes in de tabel plaatsen:
Bij gebruik van de normaal standaard editor: Plak de HTML code via Personaliseer in het Brontekst vak (dus Brontekst aanvinken) van het item Vrije Tekst/HTML
Vervang in de code HIER_URL_ACHTERGRONDPLAATJE door de URL van het achtergrondplaatje van uw keuze.
Vervang tussen <td> en </td> telkens de tekst HIER_URL_PLAATJE door de URL van één van uw plaatjes. Wil je nog meer plaatjes, voeg na <img src="URL_PLAATJE"> telkens opnieuw <br><br><img src="URL_PLAATJE"> toe, al naargelang het aantal plaatjes dat je wilt plaatsen
Bij bordercolor="#606060" kan je de kleurcode van de boord 606060 vervangen door de kleurcode van uw keuze
Vervang bij border="3" de waarde 3 door een groter of kleiner getal al naar gelang de dikte dat je de boord wilt geven
Bij bgColor="#d2c2cd" kan je de kleurcode van de achtergrondkleur wijzigen
Bij width: 180px en height: 200px, kan je de breedte en hoogte van de tabel instellen
Wanneer je Brontekst terug uitvinkt, ziet je de tabel met de plaatjes staan.
Je kan zelfs ook plaatjes die in uw gewone tekstvak staan, kopieren en in uw tabel plakken
Zijt je klaar, klik dan op Toevoegen
Opgelet: verwijder in de code geen aanhalingstekens, haakjes, spaties en voeg er ook geen toe. Dit is heel belangrijk om te slagen
---------------------------------------------
Hierna een voorbeeld van de html code van mijn tabel, waarin de URL van mijn achtergrondplaatje is aangebracht en de URL van 3 plaatjes.
Op vraag van een bezoeker de html-code voor het plaatsen van
Een bericht met of zonder achtergrond in een omlijsting
Plaats de html in de bron van een bericht. (Brontekst aanvinken)
<TABLE cellPadding="15" cellSpacing="10" width="480" align="center" bgColor="#ffffcc" borderColorLight="#ffcc66" borderColorDark="#ff6699" border="15"> <TBODY> <TR> <TD>schrijf hier je tekst en/of plaats code voor plaatje </TD></TR></TBODY></TABLE>
plaats hier tekst of een plaatje
<TABLE cellPadding="15" cellSpacing="1" width="99%" align="center" bgColor="yellow" borderColorLight="silver" borderColorDark="gray" border="15"> <TBODY> <TR> <TD>schrijf hier tekst en/of plaats html code voor plaatje </TD></TR></TBODY></TABLE>
Wil je graag een bericht -zonder achtergrond- in een omlijsting. Verwijder in de html code: bgColor="...."
Jongens, heb je 't al vernomen 5 december - Feest van Sinterklaas
Op de hoge hoge daken Rijdt Sint Niklaas met zijn knecht
Alles ziet die slimme Piet Zich vergissen, kan hij niet
Benieuwd! hoe ik deze leuke design gemaakt heb!
--------------------------------------------------- Een webdesign met 3 achtergrondplaatjes maken ---------------------------------------------------
Maak je ook graag met achtergrondplaatjes eens een leuke design?
Hiervoor hebben we nodig: de URL van 3 achtergrondplaatjes en de URL van de eventuele plaatjes die we in het bericht willen plaatsen.
Hierna vind je een html code, te plakken in de BRONTEKST of BRON van een blogbericht, waarin we de URL van de 3 achtergrondplaatjes kunnen toevoegen.
<TABLE cellSpacing="0" cellPadding="14" width="100%" border="1" background="URL_achtergr.plaatje1" align="center"> <TR> <TD> <TABLE cellSpacing="0" cellPadding="18" width="100%" border="1" background="URL_achtrgr.plaatje2" align="center"> <TR> <TD> <TABLE cellSpacing="1" cellPadding="12" width="100%" border="1" background="URL_achtergr.plaatje3" align="center"> <TR> <TD> <P>Typ hier uw tekst<br>of plak hier in de brontekst de codes voor het weergeven van plaatjes</P> </TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
Werkwijze: ► Log in en voeg een nieuw bericht toe ► Bij gebruik van de standaard normale editor: Vink in de editor boven het tekstvak BRONTEKST aan, door een vinkje te klikken achter het woord BRONTEKST of bij gebruik v/d nieuwe editor, klik boven het tekstvak op HTML BRON ► Plak de hierbovenstaande HTML code en vervang in de code: - de tekst URL_achtergr.plaatje1 door de URL van het achtergrondplaatje dat als buitenboord moet dienen. - de tekst URL_achtergr.plaatje2 door de URL van het 2de achtergr.plaatje, dat als 2de boord moet fungeren - de tekst URL_achtergr.plaatje3 door de URL van het achtergr.plaatje, dat de achtergrond moet worden van de inhoud van het bericht
De breedte van de twee buitenste achtergrond stroken kan je naar eigen wens aanpassen, door in de code het aantal pixels (het getal) bij cellPadding=" " te verhogen of te verlagen. Bij voorbeeld: cellPadding="14" kan je vervangen door cellPadding="20"
Met behulp van de attribuut cellSpacing kan je een rand rond de tabel weergeven, hoe hoger het aantal pixels (het getal) bij cellSpacing=" " , hoe meer ruimte er komt tussen de boord van de tabel en de rand. Wens je geen rand rond het kader, zodat er ook geen ruimte ontstaat, typ dan het cijfer nul bij cellSpacing, zie voorbeeld cellSpacing="0"
Met de attribuut border= kan je de randdikte aangeven, hoe hoger het getal (het aantal pixels) hoe dikker de rand, hoe kleiner het getal hoe dunner de rand Bij border="0" wordt geen randdikte weergegeven.
Eénmaal klaar met de aanpassing, kan je het vinkje na BRONTEKST terug wegklikken, zodat je terug in het gewone tekstvenster terecht komt, waar je het resultaat kan bekijken en het tafereeltje verder kan afwerken.
Met behulp van een html code Een tabel met 2 kolommen maken
Hierna vind je een tabel die zo breed is als een blogbericht (in totaal 100% breed) bestaande uit 1 rij met 2 kolommen van elk 50% breed De breedte van de tabel is aanpasbaar door het percentage te wijzigen bij <table width= ook de breedte van de kolommen kan je aanpassen bij <td width= De hoogte is op 100 pixels ingesteld, en kan je ook aanpassen bij height: door het aantal pixels te verhogen of te verlagen. De kolom wordt normaal automatisch hoger naarmate de hoogte van de inhoud toeneemt De boord (border=) van de tabel is nu ingesteld op 1 pixel om de tabel zichtbaar te maken, maar wordt onzichtbaar wanneer 1 wordt vervangen door 0 De boord kan je verdikken door het getal bij border= te verhogen. De tekst begint telkens in de linkerbovenhoek
linkerkolom 1A
rechterkolom 1B
--------- Om bovenstaande tabel in een blogbericht te plaatsen, --------- Klik hieronder op de knop SELECTEER EN KOPIEER Ga naar uw blog, log in en voeg een bericht toe vink EERST BRONTEKST aan of klik op HTML bij gebruik v/d nieuwe editor plak de code in het bron tekstvak (HTML BRON venster) van het bericht
Hierna nog een tabel bestaande uit 1 rij met 2 kolommen, De breedte van de tabel wordt hierbij nu bepaald wordt door het aantal pixels, i.p.v. percentage dat de tabel in zijn totaal breed is. De breedte van de kolommen worden in dit voorbeeld eveneens bepaald door het aantal pixels dat iedere kolom breed is. Let wel op: Opdat de tabel de opgegeven breedte zou behouden, mag het aantal pixels van beide kolommen samen niet groter zijn dan het aantal pixels van de tabel.
linkerkolom 1A
rechterkolom 1B
---------- hierna vind je de code van de tabel hierboven ----------
---------------------------------------------------------------- Een tabel bestaande uit 2 rijen en 2 kolommen ----------------------------------------------------------------
Hierna vind je een tabel die zo breed is als uw blogbericht (in totaal 100% breed) bestaande uit 2 rijen en 2 kolommen, elk 50% breed. De hoogte (height) is op 100 pixels ingesteld, maar de kolom wordt hoger naarmate de hoogte van de inhoud toeneemt. De boord (border) van de tabel is nu ingesteld op 1 om de tabel zichtbaar te maken, maar is onzichtbaar wanneer het getal 1 wordt vervangen door het cijfer 0 Wens je een dikkere boord, vervang dan het cijfer 1 door een hoger getal. De tekst begint telkens in de linkerbovenhoek
linkerkolom 1A
rechterkolom 1B
linkerkolom 2A
rechterkolom 2B
--------- Om bovenstaande tabel in een blogbericht te plaatsen, --------- Klik hieronder op de knop SELECTEER EN KOPIEER Ga naar uw blog, log in en voeg een bericht toe vink EERST BRONTEKST aan of klik op HTML bij gebruik v/d nieuwe editor plak de code in het bron tekstvak (HTML BRON venster) van het bericht
Dit is een tabel die in totaal 500 pixels breed is bestaande uit 2 rijen en 2 kolommen, die niet even breed zijn de linkerkolom is 130 px breed, de rechterkolom is 370 px breed. De breedte is aanpasbaar door het aantal pixels (px) bij WIDTH te verhogen of te verlagen. De hoogte (height) is op 100 pixels ingesteld, maar de kolom wordt hoger naarmate de hoogte van de inhoud toeneemt. De boord (border) van de tabel is nu ingesteld op 1 om de tabel zichtbaar te maken, maar is onzichtbaar wanneer het getal 1 wordt vervangen door het cijfer 0. Wens je een dikkere boord, vervang dan cijfer 1 door een hoger getal De tekst begint telkens in de linker bovenhoek
linkerkolom 1A
rechterkolom 1B
linkerkolom 2A
rechterkolom 2B
----------- hierna vind je de code van de tabel hierboven, -----------
Ter informatie: Het is noodzakelijk dat in de html code alle aanhalingstekens, spaties en haakjes behouden blijven en er geen van plaats veranderd of bijgezet worden.
Ik heb de achtergrond van de tabellen licht grijs gemaakt om ze beter te kunnen zien. Wens je de achtergrond ook een kleur te geven, voeg dan bij table in de code toe: bgColor="#hier_de_kleurcode"
Hier ligt ze dan, mijn lieve kater! Luilekker genietend in de zetel bij het raam!
Deze keer heb ik zijn foto in een gekleurde kader gezet. Niet zo moeilijk, als je foto over een interrnetadres beschikt. Kies één van de 2 mogelijkheden:
1 ste mogelijkheid
Kopieer eerst het internetadres van je plaatje of foto. Klik daarna op "Bericht toevoegen" of "Wijzigen" Klik in de editor (bij "Inhoud van uw bericht") op het 25ste icoontje "TABEL AANMAKEN". Typ in het venster "Tabel aanmaken" onder "AFMETINGEN": achter "RIJEN" en "KOLOMMEN": telkens het cijfer 1 in plaats van 2. Bij ACHTERGROND kan je zelf beslissen of je een achtergrondkleur wilt of niet, zo ja klik dan op het lege vierkantje achter het woord "Kleur" en duid je geliefkoosd kleur aan. (De functie om een afbeelding weer te geven werkt niet) Bij CELMARGE & AFSTAND mag je zelf kiezen of je een getal invult of niet. Typ bij RANDEN achter het woord "BREEDTE" een cijfer, hoe hoger je getal hoe breder de rand. KLIK op het lege vierkantje achter "KLEUR", daarna op een kleur naar eigen keuze en vervolgens op "IS GOED ZO". Je kan ook de kleur van de rand doen varieren van licht naar donker door bij LICHTE en DONKERE rand ook een kleur aan te duiden. Er zijn oneindig veel mogelijkheden bij het maken van een kader. Vergeet daarna niet van nog eens te klikken op "IS GOED ZO".
Van zodra je de gekleurde rand ziet verschijnen: Zet een vinkje achter "BRONTEKST" en zoek IN DE BRONTEKST van je bericht, de hiernavolgende html-code:
Plak tussen <TD> en </TD> de hiernavolgende html plaatjescode:
<IMG src="http://URL van plaatje">
Selecteer in de code: http://URL van plaatje en plak (druk op Control + v) in de plaats ervan de URL van je eigen plaatje m.a.w. vervang de tekst: URL van plaatje, door de URL van je eigen plaatje of foto.
Zorg dat alle haakjes, aanhalingstekens en spaties aanwezig blijven en plaats ook geen bijkomende spatie tussen de URL en de aanhalingstekens Van zodra je dat gedaan hebt, mag je het VINKJE bij "BRONTEKST" terug VERWIJDEREN en kan je het plaatje met rand bekijken en je bericht in het normale tekstvenster verder afwerken.
WIE OP HEEL EENVOUDIGE WIJZE EEN KADER WIL PLAATSEN, kan gewoon de hierboven getypte html-code kopieren en plakken IN DE BRONTEKST ("brontekst" aanvinken) van een bericht. - Niet vergeten van de URL (http://blogimages....) te vervangen door het internetadres van je eigen plaatje, - de kleur #ccff66 te vervangen door een kleur naar je eigen keuze (zie URL's kleurkaarten in de linkerzijde van mijn blog) - de breedte van de border=5 aan te passen door een hoger of lager getal naargelang je eigen keuze
Veel succes en blogplezier!
Zo ziet de omlijsting van het hierbovenstaand aanklikbaar zonnegifplaatje eruit:
<TABLE borderColor=#ccff66 borderColorDark=#ccff33 borderColorLight=#ccff99 bgColor=#ffffcc border=5> <TBODY> <TR> <TD> Veel succes<BR> en blogplezier! <A href="http://www.bloggen.be/zonnegroeten" target=_blank><IMG src="http://groups.msn.com/voorbeeld.gif" border=0></A> </TD></TR></TBODY></TABLE>
Voor alle duidelijkheid: Het is NIET toegelaten mijn zelfgemaakte foto's, fotospreuken en fotobewerkingen te kopieren, te linken, te gebruiken of te publiceren. Lees hierover mijn tekst in de rechterzijde van mijn blog. De titels van mijn blogs vind je in de linkerzijde onder "Samenwerkende site en blogs".
Gehele of gedeeltelijke overname van mijn uitleg, plaatsing op andere sites, blogs, forums, mailgroepen, verveelvoudiging op welke andere wijze dan ook, is NIET toegestaan zonder mijn uitdrukkelijke schriftelijke toestemming.
Mijn uitleg raadplegen en HTML-codes kopieren om toe te passen op eigen blog/site is toegelaten, maar echter NIET om deze op eigen beurt te gaan publiceren op eigen blog/site, in mailgroepen of op fora.
Wil hierbij, via email ook uw blog of website mededelen
MAILINGSLIJST
Vul in het vak hieronder je e-mail adres in en klik op onderstaande knop om je in te schrijven voor het ontvangen van een beperkt aantal nieuwsbrieven.
Druk op onderstaande knop om een reactie na te laten in mijn forum en plaats uw blogadres (URL) in het tekstvak van het bericht,
alsook in het vak bij URL, Niet in het vak bij Titel, daar dient de titel niet voor.
Vervang in de code: URLblog door de URL (interneadres) van uw blog. Vervang URLplaatje door de URL van uw plaatje
3) Kopieer en plak de code in een Gastenboek of forum bericht, waar geen editor aanwezig is Voor uitleg: Klik Hier ----------- In Gastenboek met editor Eerst Brontekst aanvinken, daarna de code plakken. Klik Hier
BLOGDESK Forum Veel gestelde vragen Hulp nodig! We helpen je graag Typ hier uw probleem
Druk op onderstaande knop om uw vraag achter te laten in het gastenboek van de blogdesk, dat als forum dienst doet. Je vindt daar ook zo snel als mogelijk het antwoord op uw probleem.
Het antwoord op veel gestelde vragen vind je hier:
E-mail mij
Druk op onderstaande knop om mij te e-mailen. Wil tegelijk hierbij ook uw blogadres vermelden, a.u.b.!
Ben je tevreden! Dan vind ik het fijn, mocht je mijn blog BLOGTIPS willen toevoegen aan uw Favorieten in uw blog
Hoe dit te doen?
Doe je mee aan BUTTON-LINK-RUIL
mijn button/link op uw blog = uw link in mijn favorietenblog, aanklikbaar, op elk van mijn blogs
Keuze uit verschillende buttons met codes, klik op
Op zoek naar bewegende animatie gifplaatjes? Hieronder kan je enige sites aanklikken
Wil je zo'n plaatje op je blog? Klik met de rechtermuisknop op een plaatje en dan op OPSLAAN ALS Verdere informatie vind je op dit blog, klik bv. HIER en HIER
Heb je een blogprobleem en kan je momenteel geen email versturen, via de email-mij knop op dit blog!!! Blogvrienden, teken eerst het gastenboek en verstuur uw mail daarna hier rechtstreeks
Schrijf je in voor het ontvangen van mijn NIEUWSBRIEVEN
MAILINGSLIJST
Vul in het vak hieronder je e-mail adres in en klik op onderstaande knop om je in te schrijven voor het ontvangen van een nieuwsbrief. Graag verneem ik ook via email, welke uw blog of website is
Geef je e-mail adres op en klik op onderstaande knop om je in te schrijven voor het ontvangen van een nieuwsbrief.
Mag ik vragen om tegelijk ook een privé mailtje te sturen, via de email-mij button op dit blog met vermelding van uw blog of website.
Het is altijd leuk te weten bij wie mijn nieuwsmail terechtkomt.
Hartelijk dank hiervoor.
Hoeveel bytes groot en hoeveel pixels breed je plaatje of button is, kan je hier te weten komen: KLIK HIER
Kom jij ook bij ons vriendengroepje "Weetjes"! Uw eigen nieuwe PPSx, PSP of PS creaties aankondigen en elkaar nuttige info in onze groep doorgeven! Dat kan! Geïnteresseerd! Word linkpartner van mijn blogs en website en meld je aan voor deelname aan onze groep. Vergeet hierbij niet uw blog en website mede te delen.
► Reageer (6) 
* * 
![klik op het logo](http://i2.tinypic.com/wtixj8.gif")
