Profil de July-Ann¸.·°·.¸.-> Welkom op dez...BlogListesRéseau Outils Aide

Blog


Globes

Photobucket - Video and Image Hosting                 Photobucket - Video and Image Hosting

   Photobucket - Video and Image Hosting

 Photobucket - Video and Image Hosting                     Photobucket - Video and Image Hosting 

 

 

Photobucket - Video and Image Hosting

  Photobucket - Video and Image Hosting                 Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting

 Photobucket - Video and Image Hosting              Photobucket - Video and Image Hosting

30 octobre

Lesje 6: Een spelletje met plaatjes in een tabel

 
Hoe

 Maak

Je 

Dit???

 
Ja we hebben nu 5 lesjes gehad
waar je niet zoveel aan de code moest veranderen..
 
Je hoefde alleen de url van je plaatje erin te plakken
en daar was je plaatje al...
 
Nu gaan we het wat moeilijker maken
en uiteraard MOOIER
 
Oké kopieer deze code naar je weblog..
Let op: wel in de HTML versie he...
 
<div align=center><table border="6" width="100" bordercolor="#FF00FF" id="table1" background=" plak hier de url van je achtergrondje.." cellspacing="5"><tr><td>
<img border="0" src="
hier de url van de afbeelding linksboven" width="100" height="100"></td><td>
<p align="center"><u>
<font color="#FF00FF" face="Monotype Corsiva" size="5">
Hope</font></u></td>
<td><font color="#FFFFFF"><img border="0" src="hier de url van de afbeelding rechtsboven" width="100" height="100"></font></td>
</tr><tr><td>
<p align="center"><u>
<font face="Monotype Corsiva" size="5" color="#FF00FF">
Love</font></u></td>
<td><font color="#FFFFFF"><img border="0" src="
hier het url van de afbeelding in het midden" width="100" height="100"></font></td><td>
<p align="center"><u>
<font face="Monotype Corsiva" size="5" color="#FF00FF">
Tender</font></u></td></tr><tr>
<td><font color="#FFFFFF"><img border="0" src="hier het url van de afbeelding linksonder" width="100" height="100"></font></td><td>
<p align="center"><u>
<font face="Monotype Corsiva" size="5" color="#FF00FF">
Care</font></u></td>
<td><font color="#FFFFFF"><img border="0" src="
hier het url van de afbeelding links onder" width="100" height="100"></font></td></tr>
</table></div>
 
Nu de uitleg:
 
Voor de kleur rood:  Vul hier de url in van je achtergrond
Voor de kleur paars: Vul hier je eigen kleurencode in
Voor de kleur geel: Vul hier de verschillende url's in van je plaatjes
 
als je weer op HTML klikt
 kun je de grote aanpassen enz
 
Voor vragen weet je waar je moet zijn he...
 
Veel suc6
 
Greetzzz
 
 

26 octobre

Lesje 5: plaatje van kleur veranderen..

Photobucket - Video and Image Hosting

Wat je toch allemaal wel niet met die plaatjes kunt doen he...

Voor deze verandering gebruik je de volgende code in je weblog:

<DIV style="FILTER: Invert; WIDTH: 350px; HEIGHT: 270px">
<P align=center><IMG height=200 src="urlvanjeplaatje" width=200 align=center></P></DIV>

En dan gebeurt er dit met je plaatje:

      

 
Veel succes ermee!!!

24 octobre

Les 4: plaatje omdraaien...

Nu gaan we de code gebruiken om plaatjes om te draaien...

Dit is vooral handig voor dividers!!

Dan heb je er altijd twee:

 

Photobucket - Video and Image Hosting

Handig hé!!??

 

 

 

De code:

 

<DIV style="FILTER: FlipV; WIDTH: 350px; HEIGHT: 270px">
<P align=center><IMG height=200 src="Urlvanjeplaatje" width=200 align=center></P></DIV>

Have fun!!

 

Diddle

Photobucket - Video and Image Hosting              Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting           Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting

  Photobucket - Video and Image Hosting                     Photobucket - Video and Image Hosting

Lesje 3: plaatje grijs maken

 

Oké nu we toch bezig zijn...

Kan ik nog wel iets simpels uit leggen...

Als je het niet snapt.. GEWOON VRAGEN HÉ!!

 

We gaan een gekleurd plaatje grijs maken...

 

 

Photobucket - Video and Image Hosting

 Dit kan je doen door deze code in je weblog te zetten:

<DIV style="FILTER: Gray; WIDTH: 350px; HEIGHT: 270px">
<P align=center><IMG height=200 src="Urlvanjeplaatje" width=200 align=center></P></DIV>

Moet lukken toch???

 

Laterzz

 

 

 

 

 

Lesje 2: plaatje plaatsen

Nu gaan we een stapje verder,

 we gaan de afbeelding plaatsen met de zogenaamde "OPACITY" code....

Dat wil zeggen dat je afbeelding er als volgt uit ziet:

naam plaatje
Het plaatje verdwijnt eigenlijk in de achtergrond..
 
Dit is de magische code...
 
<DIV align=center><IMG style="FILTER: alpha(opacity=100,finishOpacity=12,style= 3)" height=350 alt="naam plaatje" src="urlvanjeplaatje" width=221 align=center></DIV>
 
Dit is de orginele afbeelding:
 

Photobucket - Video and Image Hosting

Veel plezier!!!

 

Disn€y Pictures

Photobucket - Video and Image HostingPhotobucket - Video and Image Hosting

  

 

   Photobucket - Video and Image Hosting Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting                                Photobucket - Video and Image Hosting

 

Photobucket - Video and Image Hosting

Hoe krijg je nu je plaatje in je weblog??

 Dit werkt als volgt:

Ga naar weblog toevoegen,

Photobucket - Video and Image Hosting

Klil op <HTML>

Photobucket - Video and Image Hosting

Haal de tekt in het tekstvlak weg,

Photobucket - Video and Image Hosting

Je plaats dan deze code in het tekstvlak:

<img src=http://urlvanjeplaatje.jpg>

Photobucket - Video and Image Hosting

 En je plaatje staat in je weblog...

Je zult zien dat het plaatje links staat in je weblog

Hier zijn nog wat codes om het plaatje te krijgen

waar JIJ wilt:

van links naar rechts:

RECHTS: <img src="http://urlvanjeplaatje.jpg" align=right>

Links: <img src="http://urlvanjeplaatje.jpg" align=left>

Midden: <img src="http://urlvanjeplaatje.jpg" align=center>

Van boven naar beneden:

Top: <img src="http://urlvanjeplaatje.jpg" align=top>

Midden: <img src="http://urlvanjeplaatje.jpg" align=middle>

Beneden: <img src="http://urlvanjeplaatje.jpg" align=bottom>

Je moet natuurlijk bij de url

wel de url gebruiken van je

eigen plaatje, anders werkt het nog niet.. 

Je kunt hiervoor een account aanmaken bij:

www.photobucket.com

De rest wijst zich vanzelf uit..

 

VEEL PLEZIER!!!

 

En als je nog vragen hebt hoor ik het graag!!