|
Er zijn verschillende filters die je op "Spaces" kunt gebruiken om je blogjes toch iets te verfraaien.. Onderstaand de beschrijving en de "Codes" die je daarvoor gebruiken kunt..
*** Orginele Afbeelding *** Dit is de "Orginele" afbeelding en je kunt deze bewerken zonder een "Fotobewerkingsprogramma" te hoeven gebruiken
*** Werken met de "Opacity" Filter op een Afbeelding ***
<DIV align=center><IMG style="FILTER: alpha(opacity=100,finishOpacity=12,style= 3)" height=350 alt="naam plaatje" src="Plak hier het URL adres van het plaatje" width=221 align=center></DIV>
Je kunt verschillende creaties maken door te spelen met
de
"Blauwe"
waardes... Zet bv de style eens op 2 of op
3. Test het zelf even uit.. Met de
"Groene"
px waardes
kun je de plaats van de afbeelding mee bepalen. Dan met
de
"Rode"
waardes geef je de afbeeldingsgroote aan. Op de plaats
bij alt="Naam Plaatje" kun je tussen de aanhalingstekens
de tekst weg halen en een evt tekst neerzetten wat de
bezoekers te zien zullen krijgen als ze met hun muis op
het plaatje komen. Wil je dit niet laat je gewoon evt
tekst weg...
Dan met de
"Paarse"
waardes geef je het "Lettertype" aan.. Met de
"Lichtgroene"
kleur geef je kleur mee aan welke je tekst dragen zal.
De
"Gele"
waarde geeft aan de "Lettergroote" Wil je de tekst/afbeelding gewoon standaard uitgelijnd hebben plak
dan voor de code de uitlijning neer
<DIV align=center>
en vergeet niet weer af
te sluiten met een </DIV>
!!! Deze uitleg geld ook voor
onderstaande "Filters" !!!
*** Werken met de "Gray" Filter op een
Afbeelding *** <DIV style="FILTER: Gray;
WIDTH: 350px; HEIGHT:
100px">
De code voor gray op
tekst heeft geen effect deze blijft zwart of grijs
*** Werken met de "X-Ray" Filter op een
Afbeelding *** <DIV style="FILTER:
Xray; WIDTH: 350px; HEIGHT:
100px">
De code voor "X-Ray" op
tekst heeft geen effect
***
Werken met de "Invert" Filter op een
Afbeelding *** <DIV style="FILTER:
Invert; WIDTH: 350px;
HEIGHT: 100px">
De code voor "Invert" op
tekst heeft geen effect
*** Werken met de "Flip-H" Filter op een
Afbeelding *** <DIV style="FILTER: FlipH;
WIDTH: 350px; HEIGHT:
100px">
*** Werken met de "Flip-H" Filter op Tekst
***
Dit is de "Flip-H" filter op tekst <DIV style="FILTER:
FlipH; WIDTH: 350px; HEIGHT:
100px">
*** Werken met de "Flip-V" Filter op een Afbeelding ***
<DIV style="FILTER: FlipV; WIDTH:
350px; HEIGHT:
100px"> *** Werken met de "Flip-V" Filter op Tekst ***
Dit is de "Flip-V" filter op tekst <DIV style="FILTER:
FlipV; WIDTH: 350px; HEIGHT:
100px">
*** Werken met de "Rotation" Filter op een afbeelding ***
<DIV align=center><IMG STYLE="filter:fliph(rotation=1)"
<DIV align=center><IMG STYLE="filter:fliph(rotation=3)"height=138 alt="Naam Plaatje" src="Plak hier het url van het plaatje" width=143></DIV>
*** Werken met de "Glow" Filter op een
afbeelding ***
<DIV style="FILTER: Glow(color=#4A7AC9,strength=12);
WIDTH: 350px; HEIGHT:
100px" align=center>
*** Werken met de "Glow" Filter op Tekst
***
Dit is de "Glow" Filter op tekst
<DIV style="FILTER: Glow(color=#4A7AC9,strength=12);
WIDTH: 350px; HEIGHT:
30px" align=center>
*** Werken met de "Shadow" Filter op een
Afbeelding ***
<DIV style="FILTER: Shadow(color=#4A7AC9,direction=135);
WIDTH: 350px; HEIGHT:
100px" align=center> *** Werken met de "Shadow" Filter op Tekst ***
Dit is de "Shadow" filter op tekst
<DIV style="FILTER: Shadow(color=#4A7AC9,direction=135);
WIDTH: 350px; HEIGHT:
30px" align=center>
*** Werken met de "Dropshadow" Filter op een Afbeelding ***
<DIV style="FILTER: Dropshadow(color=#4a7ca9,offX=5,offY=5);
WIDTH: 350px; HEIGHT:
100px" align=center> *** Werken met de "Dropshadow" Filter op Tekst ***
Dit is de "Dropshadow" filter op tekst
<DIV style="FILTER: Dropshadow(color=#4a7ca9,offX=5,offY=5);
WIDTH: 350px; HEIGHT:
30px" align=center>
*** Werken met de "Blur" Filter op een Afbeelding ***
<DIV style="FILTER: Blur(direction=135);
WIDTH: 350px; HEIGHT:
100px" align=center> *** Werken met de "Blur" Filter op Tekst ***
Dit is de "Blur" filter op tekst
<DIV style="FILTER: Blur(direction=135); WIDTH: 350px; HEIGHT:
30px" align=center>
*** Werken met de "Wave" Filter op een Afbeelding ***
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0);
WIDTH: 350px; HEIGHT:
100px" align=center> *** Werken met de "Wave" Filter op Tekst ***
Dit is de "Wave" filter op tekst
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0);
WIDTH: 350px; HEIGHT:
30px" align=center> Hier niet heel erg goed zichtbaar maar in je weblog wel...
*** Werken met de "Progid" Filter op een Afbeelding ***
<DIV style="FILTER: progid:dximagetransform.microsoft.engrave;
WIDTH: 350px; HEIGHT:
30px" align=center> *** Werken met de "Progid" Filter op Tekst ***
Dit is de progid filter op tekst..
*** Werken met het "Masker" Filter op een afbeelding *** Orginele afbeelding
Bewerkt met het "Masker Filter"  <DIV align=center><IMG style="FILTER: mask(Color='purple'); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150></DIV>
<div align=center><table style="border-right:#ffffff
5px double;border-top:#ffffff
5px double;border-left:#ffffff
5px double;border-bottom:#ffffff
5px double" cellspacing=5 width=500
background="hier het url van de achtergrond" border=0>
*** Werken met de "Alpha" Filter op een afbeelding ***
<IMG height:138px style="filter:Alpha( Opacity=10,FinishOpacity=70,Style=1,StartX=70,FinishX=50,StartY=20, FinishY=50)" src="Hier het url van de afbeelding" width=143 border=0>
*** Werken met de "All in one" Filter op een afbeelding *** *** Werken met de "All in one" Filter op een tekst ***
Laat je fantasie eens gaan welke mogelijkheden je met deze filters hebt..Vergeet niet te spelen met de "Blauwe" waardes". De effecten kunnen heel verassend zijn vooral bij een afbeelding met meerdere vormen en een transparante achtergrond... zoals onderstaande...
Have fun... Liefs Jessica...
Special thanks to Herminator om het ons toch iets
gemakkelijker te maken met generators..
Have fun,
liefs Jessica.. |
