Profilo di July-Ann¸.·°·.¸.-> Welkom op dez...BlogElenchiAmici Strumenti Guida

Blog


18 novembre

Lesje 13: Tabellen en kolommen in je weblog

 Dit is een voorbeeld van 1 kolom...
 
 
De code hiervoor is...
 
<div align=center><table border="1" width="100"
bordercolor="#FF00FF" id="table1"><tr>
<td>&nbsp;</td>

</tr>
</table><div>
 
Bij het roze gedeelte vul je de kleur in van het randje...
 
 Het voordeel is dat je  in de kolommen zelf de tekst kan typen 
 
 
code voo 3 kolommen:
 
<div align=center><table border="1" width="100"
bordercolor="#FF00FF" id="table1"><tr>
<td>&nbsp;</td>

<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table><div>
 
En dan hebben we ook deze
nog, deze hebben we al eerder
gebruikt met plaatjes erin!!!!
 
code:
 
<div align=center><table border="6" width="100"
bordercolor="#FF00FF" id="table1" background="hier het url van de achtergrond" cellspacing="5">
<tr>
<td><font color="#FFFFFF">L boven</font></td>
<td><font color="#FFFFFF">M boven</font></td>
<td><font color="#FFFFFF">R boven</font></td>

</tr>
<tr>
<td><font color="#FFFFFF">links</font></td>
<td><font color="#FFFFFF">midden</font></td>
<td><font color="#FFFFFF">rechts</font></td>

</tr>
<tr>
<td><font color="#FFFFFF">L onder</font></td>
<td><font color="#FFFFFF">M onder</font></td>
<td><font color="#FFFFFF">R onder</font></td>

</tr>
</table></div>
 
 
 
Heel veel succes...!!!!
 
Greetzzz

Me 2 you beertjes

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                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

15 novembre

Lesje 12: tekst sprookjesachtig maken

Dit is dus wat ik bedoelde
met een tekst sprookjes achtig maken
alleen moet ik nog wat vinden op de
grote spatie naar de tweede zin en
naar een manier om ook naar het
midden te centreren.. Maar het
begin is gemaakt ;) Dit is de code:
 
 
 
<DIV style="FONT-SIZE: 14px; LINE-HEIGHT: 18px; TEXT-ALIGN: justify; TEXT-DECORATION: none" align=center><SPAN style="FONT-SIZE: 100px; FLOAT: left; COLOR: #CCCCFF; LINE-HEIGHT: 80px; FONT-FAMILY: times">D</SPAN><FONT face=verdana color=#000000 size=2>Tekst hier</FONT></DIV>
 
 
Ja hoor nu krijg ik dus helemaal niks meer gecentreerd..
Dan moet er toch een foutje in de code zitten.. hmzzz... ff puzzelen maar weer :)
 
Jullie horen nog van me..
 
July-Ann
 
26 maart 2007
 
 
 
 
 
 
 
 
 
 
 

Lesje 11: Een scroller maken in je weblog...

Dit is erg handig als je bijvoorbeeld een heel lang verhaal gaat schrijven... Dit neemt dan minder ruimte in beslag.. En het kleed ook gelijk je weblog een beetje aan... De scroller gat pas werken als je tekst groter is dan je sroll gedeelte...

Ook kun je er afbeeldingen in toevoegen..Photobucket - Video and Image Hosting

Ik wens je veel succes met dit lesje..

Greetzzz

 
Dit is de code voor de scroller....
<DIV align=center>
<DIV style="BORDER-RIGHT: #000000 3px groove; BORDER-TOP: #000000 3px groove; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: auto; BORDER-LEFT: #000000 3px groove; WIDTH: 250px; SCROLLBAR-SHADOW-COLOR: #ffcc99; SCROLLBAR-3DLIGHT-COLOR: #ffffcc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #000000 3px groove; SCROLLBAR-DARKSHADOW-COLOR: #ff9999; SCROLLBAR-BASE-COLOR: #ff9999; HEIGHT: 250px; BACKGROUND-COLOR: #ffcc99" align=center>HIER KOMT JE TEKST</DIV></DIV>
 
Roze is om de kleur te veranderen...
Bij groen typ je je tekst
 
 
Wil je er nou een plaatje in??
Voeg dan ook deze code in waar je de tekst plaats..
 
 
 
 
Suc6

Lesje 10: Aanvullende les voor kalenders 2007

Kalender     2006 (december)

zo        3    10    17    24    31 

ma        4    11    18    25         

di          5    12    19    26         

wo        6    13    20    27         

do         7    14    21    28         

vr    1    8    15    22    29         

za    2    9    16    23    30         

                                                                        Kalender   2007 (januari)

zo              7    14    21    28  

ma      1    8    15    22    29  

di        2    9    16    23    30   

wo        3    10    17    24   31    

do       4    11    18    25         

vr       5    12    19    26         

za        6    13    20    27         

Nu gaan we weer een stapje verder...

Omdat de dagen van 2007 anders
vallen dan de dagen in 2006

moeten we heel de code gaan aanpassen...

Niet schrikken!! Zo moeilijk is t niet!!

Ik heb al een voorbeeld van januari gemaakt,

Dit is de code van november 2006,

deze hebben we gebruikt met de kalenders!!

De eerste regel van de kalender begint met zondag..

<td><font face="Batavia" color="#a7bdd9" size="1">zo</font></td><td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9" size="1">3</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">10</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">17</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">24</font></td></tr>

Dit ga je dus voor januari veranderen in:

<td><font face="Batavia" color="#a7bdd9" size="1">zo</font></td><td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9" size="1">7</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">14</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">21</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">28</font></td></tr>

 En zo ga je dit met de rest van de dagen ook doen...

Heel veel succes!!!

Photobucket - Video and Image Hosting

 

 

14 novembre

Kalenders om mee te nemen...












November 2006

zo   3 10 17 24
ma   4 11 18 25
di   5 12 19 26
wo   6 13 20 27
do   7 14 21 28
vr 1 8 15 22 29
za 2 9 16 23 30

M@d€ 4 $p@c€$












December 2006

zo   3 10 17 24 31
ma   4 11 18 25
di   5 12 19 26
wo   6 13 20 27
do   7 14 21 28
vr 1 8 15 22 29
za 2 9 16 23 30

M@d€ 4 $p@c€$

 

Lesje 9: Je eigen kalender maken!!

 

 

                                           

 

 

 

 

mei 2007

zo   6  13 20  27
ma   7  14 21  28
di 1 8  15 22  29
wo 9  16 23 30 
do 10  17 24 31 
vr 4  11 18 25  
za 5  12  19 26

M@d€ 4 $p@$€$

Oke, deze les is op niveau...

Ten eerste wil ik duidelijk maken:

NIET OP HTML KLIKKEN

TERWIJL JE BEZIG BENT!!!!

Ik weet ook wel dat je graag het

resultaat wil zien maar heb geduld

anders kan je weer overnieuw beginnen!!

Dit is de code...

Hij is erg lang!!!!!

 

<table style="width: 190px; height: 300px"

bordercolor="#420000" cellspacing="7" cellpadding="0"

background="Hier url van de glitterrand"border="0">

<tbody><tr><td><table style="width: 180px;

height: 300px" bordercolor="#420000" cellspacing="7"

cellpadding="0" background="Hier url van een

achtergrondje"

 border="0"><tbody><tr><td>
<table bordercolor="#000066" width="190"

bgcolor="#000000" border="0"><div align="center">
<div style="width: 180px"><img style="filter: alpha(opacity=100,finishopacity=12,style=0);

width: 170px; height: 240px" height="40"

src="Hier url van een topafbeelding" width="190"

align="right"> <div style="width: 180px">

<img style="filter:

alpha(opacity=100,finishopacity=12,style=3);

width: 170px; height: 240px" height="40"

src="Hier url van een afbeelding wat over de

topafbeelding heen valt" width="190" align="right">

</div></div></div><p align="center">

<font face="Batavia" color="#a7bdd9"

size="3">Hier tekst van de maand</font></p>
<table id="table1" bordercolor="#000066"

cellspacing="9" width="183" bgcolor="#000000"

border="0"><tbody><tr><td><font face="Batavia"

color="#a7bdd9" size="1">zo</font></td>
<td>&nbsp;</td><td><font face="Batavia"

color="#a7bdd9" size="1">3</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">10</font></td><td><font face="Batavia"

color="#a7bdd9" size="1">17</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">24</font></td></tr><tr>
<td><font face="Batavia" color="#a7bdd9"

size="1">ma</font></td><td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9"

size="1">4</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">11</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">18</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">25</font></td></tr>
<tr>
<td><font face="Batavia" color="#a7bdd9"

size="1">di</font></td>
<td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9"

size="1">5</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">12</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">19</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">26</font></td></tr>
<tr>
<td><font face="Batavia" color="#a7bdd9"

size="1">wo</font></td>
<td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9"

size="1">6</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">13</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">20</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">27</font></td></tr>
<tr>
<td><font face="Batavia" color="#a7bdd9"

size="1">do</font></td>
<td>&nbsp;</td>
<td><font face="Batavia" color="#a7bdd9"

size="1">7</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">14</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">21</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">28</font></td></tr>
<tr>
<td><font face="Batavia" color="#a7bdd9"

 size="1">vr</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">1</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">8</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">15</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">22</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">29</font></td></tr>
<tr>
<td><font face="Batavia" color="#a7bdd9"

size="1">za</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">2</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">9</font></td>
<td><font face="Batavia" color="#a7bdd9"

 size="1">16</font></td>
<td><font face="Batavia" color="#a7bdd9"

size="1">23</font></td>
<td><font face="Batavia" color="#a7bdd9" size="1">30</font></td></tr></tbody></table>
<p align="center"><font face="Batavia"

color="#a7bdd9" size="1">Hier tekst met je naam</font></p></td></tr></tbody>

</table></td></tr></tbody></table>

Alles wat blauw is hoef je eigenlijk niks aan te veranderen..

zwarte url: zoek een glitterplaatje op internet,

upload dit naar je opslagruimte (bijv photobucket),

plaats dan je url

Bij het roze komt de achtergrond url...

 Bij groen plak je de url van de afbeelding

die in je kalender komt te staan..

Bij geel kan je een url toevoegen

van een afbeelding die boven

op de afbeelding in je kalender komt te staan..

Ik heb zelf deze code weggelaten..

(het geselecteerde gedeelte)

Bij rood voeren we de maand in en onderin je naam...

 dan kun je nu eindelijk op html klikken...

En daar is je zelf gemaakte kalender!!!

Veel succes!!

 

 

13 novembre

Lesje 8: Tekst op een plaatje

Photobucket - Video and Image Hosting

Op elk plaatje naar keuze kun je een eigen tekst plaatsen

ZONDER bewerkingsprogramma nog wel!!!

Maar gewoon met een speciale code die je weer in je

weblog zet via de html bewerking...

In het begin zal het wel een gepuzzel zijn met de

tekst die elke keer verspringt of verdwijnt...

Sla daarom de code even op in je kladblok zodat je niet

elke keer hoef te gaan zoeken...

<div align=center>
<div style='WIDTH:
400px;' id=msn><img width='400' src='urlvanjeachtergrond
' align='right' style=''>
<DIV style="WIDTH:
300px"><FONT face="monotype corsiva" color=#ffffff size=4>regel1<br>regel 2<br>regel 3<br>regel 4<br>regel 5<br>regel 6<br>regel 7<br>regel 8</font></div></div></div>

blauw staat voor: Grote van je achtergrondplaatje

Aqua staat voor: Grote van je tekstvlak

Rood geeft de regels aan waar je in kan typen

en met <br> kun je extra regels toevoegen...

Ik wens je heel veel succes...

Lukt t niet?? Geen paniek!!!

Laat gewoon ff wat van je horen..

Groetjes

 

 

 

 

 

 

 

 

 

 

 

Waar mensen zijn
die elkaar verstaan
Waar liefde liefde is
daar wil ik heen gaan
Waar het eeuwig vrede is
en waar de zon schijnt
Waar een nieuwe wereld is
en niet meer verdwijnt....

12 novembre

Alles in t zilver....

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      Photobucket - Video and Image Hosting

05 novembre

Lesje 7: Je space openbaar maken...

Maak je space openbaar!!!

Als je om hulp vraagt maar je space is niet openbaar,

is het lastig om het je beter uit te leggen...

Daarom even een les: je space openbaar maken...

Je gaat naar opties;

Photobucket - Video and Image Hosting

 

Dan naar machtigingen

Photobucket - Video and Image Hosting

Dan klik je bij machigingen Iedereen aan..

Photobucket - Video and Image Hosting

Nu nog ff opslaan en iedereen kan je space bezoeken...

Photobucket - Video and Image Hosting

 

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 ottobre

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 ottobre

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 ottobre

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!!!