Zoals beloofd aan verschillende mensen hier het topic over "Spelen met filters" Hoe je verschillende effecten kunt maken door het gebruik van filters....

 

<DIV style="WIDTH: 320px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
320px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220
src="
Url van de transparante afbeelding" width=150 align=right></DIV></DIV>

 

De blauwe waarde geef je de plaats waar de afbeelding moet komen in horizontale lijn, deze zul je zelf aan moeten passen om de juiste plaats aan te geven.. De gele waardes kun je mee spelen hoe het resultaat van de filter weergegeven moet worden. De rode waardes is de breedte van de afbeelding. De zeegroene kleur de hoogte van de afbeeldingen.. Zet deze alle vier hetzelfde zodat de transparante afbeelding over de eigenlijke afbeelding valt.... 

<DIV style="WIDTH: 250px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
380px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
380px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220
src="
Url van de transparante afbeelding" width=150 align=right></DIV></DIV></DIV>

<DIV style="WIDTH: 200px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
325px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
450px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220 src="Url van de afbeelding" width=150 align=right>
<DIV style="WIDTH:
450px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 150px; HEIGHT: 220px" height=220
src="
Url van de transparante afbeelding" width=150 align=right></DIV></DIV></DIV>

 









<DIV style="WIDTH: 200px"><IMG style="FILTER: alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 380px" height=380 src="Url van de afbeelding" width=300 align=right>
<DIV style="WIDTH:
450px"><DIV style="FILTER: Gray; WIDTH: 450px; HEIGHT: 380px"><IMG style="FILTER: alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 380px" height=380 src="Url van de afbeelding" width=300 align=right>
<DIV style="WIDTH:
450px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3); WIDTH: 450px; HEIGHT: 380px" height=380
src="
Url van de transparante afbeelding" width=300 align=right></DIV></DIV></DIV></DIV>

<DIV style="WIDTH: 350px">
<IMG style="FILTER: alpha(opacity=
100,style=2); WIDTH: 300px; HEIGHT: 380px" height=380 src="Url van ee afbeelding" width=300 align=right>
<DIV style="WIDTH:
400px"><DIV style="FILTER: FlipV; WIDTH: 400px; HEIGHT: 280px">
<IMG style="FILTER: alpha(opacity=
100,style=2); WIDTH: 300px; HEIGHT: 380px" height=380 src="Url van de afbeelding" width=300 align=right>
<DIV style="WIDTH:
400px">
<IMG style="FILTER: alpha(opacity=
100, finishOpacity=0,style=3); WIDTH: 400px; HEIGHT: 380px" height=380
src="
Url van de transparante afbeelding" width=300 align=right></DIV></DIV></DIV></DIV>

Het maken van blends met HTML en afbeeldingen

Het maken van "Blends" is steeds meer in opkomst op "Spaces", zelfs worden er verschillende wedstrijden georganiseerd. Blends maken een leuke bezigheid, maar hiervoor moet je dus wel in het bezit zijn van een fotobewerkingsprogramma o.a psp of fotoshop... grinn dit is niet helemaal waar, ook zijn leuke resultaten te behalen met het werken van afbeeldingen en html... Onderstaande afbeelding heb ik gemaakt in PSP..

Maar nu is het de kunst hihi om het na te bootsen met afbeeldingen en html. Onderstaande blend is in elkaar gezet met allemaal verschillende afbeeldingen. Dus als je goede geschikte afbeeldingen hebt en achtergrondjes is het heel goed te doen een blend te maken zonder dat er een fotobewerkingsprogramma aan te pas komt..

Dit zijn maar twee voorbeelden van resultaten die te behalen zijn met html, maar de mogelijkheden zijn veeellll groter.... Door dat verschillende filters ook met elkaar te combineren zijn...

Deze resultaten heb ik bereikt door maar met één code te spelen en deze steeds te herhalen... Speel met de eerste px waarde deze bepaald de horizontale plaats van de afbeelding Evt verticale verplaatsing zou je kunnnen bereiken door de regel af te breken <BR> Speel met de waardes van de filter en de afbeeldingsgrote. Laat wel de uitlijning op right staan... Oefening baart kunst gewoon een keer uit proberen... Pas wel op dat het aantal openingstags gelijk is aan de sluitingstags.. uhm uhm Een keer een blendwedstrijd? Maar dan met html... en afbeeldingen?....
 

<DIV style="WIDTH: 230px"><IMG style="FILTER: alpha(opacity=100,finishOpacity=12,style=2); WIDTH: 399px; HEIGHT: 252px" height=252 src="hier een url van een afbeelding" width=30 align=right>
<DIV style="WIDTH:
280px"><IMG style="FILTER: alpha(opacity=100,finishOpacity=12,style=2); WIDTH: 250px; HEIGHT: 252px" height=252 src="hier een url van een afbeelding" width=30 align=right></DIV></DIV>

 

Dit zijn enkele voorbeelden hoe je filters met elkaar kunt combineren. Zeker zijn de mogelijkheden veel en veel groter. Spelen met afbeeldingen zonder dat er een fotobewerkingsprogramma aan te pas komt.... Binnenkort zal ik dit topic weer uit gaan breiden... so stay tuned for more....!!! Probeer zelf ook eens wat uit... Zie onderstaand topic voor meerdere filters..

*** klik Hier voor meerdere filters ***

Have fun...

Liefs, Jessica...

Copyright © 2005-2010 "Jessica's World Of Fantasy" All rights Reserved.