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

Blog


29 novembre

Lesje 14: Een randje om je plaatje...

Van elk plaatje je eigen stijl maken..

Dit kun je doen door deze les te volgen..

Gewoon precies doen wat er staat en dan komen we er vanzelf...

Succes!!!

 

We gaan als volgt ter werk...:

Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting

Photobucket - Video and Image Hosting

Wat geselecteerd is halen we weg en daar plakken we deze code als je het resultaat van bovenstaande afbeelding wilt...

<TABLE height="100%" width="100%" background=URL VAN JE ACHTERGRONDPLAATJE border=0>

<TBODY><TR>

<TD width="100%"><P><table border="1" width="558" cellspacing=40 background="http://plaatje 1">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing=40 background="
http://plaatje 2">
<tr>
<tr>
<td width="100%" height="300" >hier komt je tekst</td>
</tr></P></TD></TR></TBODY></TABLE>

Roze: hier komt de url van de buitenste rand..  het achtergrondje van je weblog..

Geel: url van je plaatjes van het tweede randje

Groen: url van plaatje van achtergrond voor in de randjes

Wit: hier komt je tekst, de randen zullen zich vanzelf aanpassen aan de grote van je tekst

  

 

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