Animated Lines

Perfil de Marijkeღ At Marijke's Space ღFotosBlogListasMás

Herramientas

Ayuda

< Anterior Siguiente >

Goochelen met Gifjes (1)

Of hoe je met enkele hele kleine gifjes de gekste dingen kan uithalen. Op mijn space zagen jullie al enkele voorbeelden. Zoals ik in de log Plaatjes Plaatsen al heb uitgelegd kun je door de width en height aan te passen een plaatje in verschillende formaten laten zien. Ook daar zag je al hoe ik van een enkel gifje dit maakte:

Dit is het gifje dat ik gebruikt heb (ik heb er even een randje om gezet anders is het bijna niet te zien. Sla dit gifje op*(zie onderaan deze log) en zet de URL telkens achter src= in de volgende code:

Code

In het midden kun je bijvoorbeeld een tekst of een plaatje plaatsen en je kunt de width en height natuurlijk naar eigen dunken aanpassen maar dat laat ik aan jullie eigen creativiteit over. Nog een voorbeeld:

Gewoon andersom dus:

Code

<img border="0" src="minnie_001.gif" width="100" height="4"> <img border="0" src="minnie_001.gif" width="200" height="6"> <img border="0" src="minnie_001.gif" width="300" height="8"> <img border="0" src="minnie_001.gif" width="300" height="8"> <img border="0" src="minnie_001.gif" width="200" height="6"> <img border="0" src="minnie_001.gif" width="100" height="4">

Ja leuk maar we willen meer! Want door telkens de paragraphcode  te gebruiken krijgen we steeds dezelfde afstand, en natuurlijk wil je die zelf ook kunnen bepalen. Je zou natuurlijk met de breakcode   kunnen werken maar dan krijg je de gifjes weer direct onder elkaar, ook niet helemaal wat we willen. Dus nemen we een zogenaamd transparant gifje. Ik kan het julie niet laten zien (omdat het transparant en dus onzichtbaar is) maar het is gewoon een heel simpel klein transparant gifje waarvan je dus weer de height kan bepalen en dus kunt bepalen hoeveel ruimte er tussen de lijnen komt. We moeten nu dus wel met de breakcode   werken

Code

Code

Ik draai het gifje even om en maak er een nieuw gifje van. Ik gebruik nu onder en boven de tegengestelde gifjes:

Code

Code

!Let wel goed op dat je geen spaties of enter tussen de tags plaatst, als dat gebeurt krijg je een scheef figuurtje!

Oke, nog niet uitgepuzzeld? Dan gaan we nog even door. Ik plak de tegengestelde gifjes om en om aan elkaar met de breakcode  , maar zonder de transparantgif er tussen te zetten. Pas de width en height naar eigen smaak aan.

Code

<img border="0" src="minnie_001.gif" width="300" height="4"> <img border="0" src="minnie_001r.gif" width="300" height="4"> <img border="0" src="minnie_001.gif" width="300" height="4"> <img border="0" src="minnie_001r.gif" width="300" height="4">

Maar, maar, maar... ! Als ik een gifje kan omdraaien kan ik het dus ook rechtop zetten?! Jazeker, dat kan.

en die weer omdraaien?! Tuurlijk!

Code

<img border="0" src="minnie_001d.gif" width="10" height="10"> <img border="0" src="minnie_001d.gif" width="9" height="20"> <img border="0" src="minnie_001d.gif" width="8" height="30"> <img border="0" src="minnie_001d.gif" width="7" height="40"> <img border="0" src="minnie_001d.gif" width="6" height="50"> <img border="0" src="minnie_001d.gif" width="5" height="60"> <img border="0" src="minnie_001d.gif" width="4" height="70"> <img border="0" src="minnie_001d.gif" width="3" height="80"> <img border="0" src="minnie_001d.gif" width="2" height="90"> <img border="0" src="minnie_001d.gif" width="1" height="100"> en die weer omdraaien?! Tuurlijk! <img border="0" src="minnie_001u.gif" width="1" height="100"> <img border="0" src="minnie_001u.gif" width="2" height="90"> <img border="0" src="minnie_001u.gif" width="3" height="80"> <img border="0" src="minnie_001u.gif" width="4" height="70"> <img border="0" src="minnie_001u.gif" width="5" height="60"> <img border="0" src="minnie_001u.gif" width="6" height="50"> <img border="0" src="minnie_001u.gif" width="7" height="40"> <img border="0" src="minnie_001u.gif" width="8" height="30"> <img border="0" src="minnie_001u.gif" width="9" height="20"> <img border="0" src="minnie_001u.gif" width="10" height="10">

Oh en dan gaan we de horizontale en verticale gifjes vast en zeker ook weer met elkaar combineren?! Nou en of...maar... pak dan alvast je rekenmachine erbij! Dit voorbeeld zagen jullie eerder op deze space:

Code

Het is als volgt op gebouwd:
Gif1 horizontaal|BR>Gif 2 horizontaal|BR|Gif 3 verticaal|Gif 4 verticaal|Plaatje|Gif 5 verticaal|Gif 6 verticaal|BR|Gif 7 horinzotaal|BR|Gif 8 horizontaal
Om nu de juiste maten te krijgen neem je de som van de breedte van de verticale gifjes plus de breedte van je plaatje, dit wordt de breedte van je horizontale gifjes. De hoogte van je verticale gifjes is de hoogte van je plaatje (mag ook iets meer zijn maar beslist niet minder).
Je kunt dus beslist niet je eigen plaatje even tussen de code plakken zonder de maten aan te passen! Let ook weer goed op dat je geen spaties of enter tussen de tags plaatst, zelfs niet voor de afsluitende paragraph tag

Voorlopig mogen jullie hiermee puzzelen maar natuurlijk zijn er nog veel meer mogelijkheden. Ik ben op dit moment nog bezig de codes daarvan uit te testen (de editor van MSN is nog al eens eigenwijs). Zeer binnenkort vind je ze hier op de space!

* Om het alvast gemakkelijk te maken heb ik een "zipje" gemaakt van alle gifjes, inclusief het transparant gifje. Dat mag je hier (klik) downloaden. Maak gerust gebruik van de gifjes en de codes, maar zet de gifjes even op je eigen opslag want ik wil veel met jullie delen maar toch liever niet mijn bandbreedte!

Wordt vervolgd!

xxx Marijke

29 julio 16:46 | Agregar al blog | HTML codes

Comentarios (17)

Para agregar un comentario, inicia sesión con tu cuenta de Windows Live ID (si utilizas Hotmail, Messenger o Xbox LIVE, ya tienes una cuenta de Windows Live ID). Iniciar sesión

¿No tienes una cuenta de Windows Live ID? Regístrate

	Nickyescribió: Hoi Marijke Ik heb eindelijk je animated lines geprobeerd en ze staan op m'n space, maar de bovenste en onderste sluiten niet helemaal aan. 'k heb nergens spaties staan en alles volgens mij goed gezet. 'k snap het nu eindelijk haha.... Toch wel een leuk plaatje geworden, ondanks dat de lijntjes niet zijn zoals het moet. lieve groetjes Nicky 5 Mar
	Nickyescribió: Hoi Marijke Ik heb eindelijk je animated lines geprobeerd en ze staan op m'n space, maar de bovenste en onderste sluiten niet helemaal aan. 'k heb nergens spaties staan en alles volgens mij goed gezet. 'k snap het nu eindelijk haha.... Toch wel een leuk plaatje geworden, ondanks dat de lijntjes niet zijn zoals het moet. lieve groetjes Nicky 5 Mar
	Helen Kleivhaug van Dunescribió: Hoi Marijke, Mijn Complimenten, jouw space is SUPER, kom regelmatig bij jou neuzen, er is zoooooo veel te leren...te weinig tijd!!Ik blijf het proberen en vind het uitproberen van allerlei gadgets ook erg leuk. Ik kom uit Noorwegen en schrijf mijn blog dus ook veelal in het Noors, maar zo nu en dan ook in het Nederlands en heb ook NL's links.Dooooeeeeeiiiii!! 12 Feb
	KARINAescribió: Hoi Marijke. Je hebt misschien al gemerkt dat ik op mijn space ook iets geprobeerd heb met een bewegend gifje (animated line)...maar ik snap niet met welk programma jij dit gifje omdraait (of rechtop zet) en er een nieuw gifje van maakt. De programma's die ik gebruik (photoshop elements, HP Image Zone, Paint) maken dat de animatie en kleur weg is als ik iets wijzig. Kan jij voor mij het volgende gifje rechtop zetten en de animatie/kleur behouden? http://i35.photobucket.com/albums/d200/Busje_/Dividers/reddivid.gif Kan je het mij via mijn webspace bezorgen ? http://spaces.msn.com/sealc2 16 Mar
	Tonnieescribió: Hoi Marijke, Bedankt voor al je hulp. Ik ben er heel erg blij mee. Ik kom regelmatig even op je space neuzen naar meer wetenswaardigheden.Ik blijf constant bijleren. Je hebt zo ontzettend veel om ons bij te brengen dat ik voorlopig nog wel zoet ben. Liefs Tonnie 6 Mar
	Karin Medium-Sjamanka.escribió: hoi marijke, wat heb je een te gekke space je weet er altijd wel weer een oplossing voor mijn complimenten in een woordt geweldig .Ik kom zeker ...elke keer kijken als ik er niet uit kom. Veel liefs en warmte toegewenst. Karin 2 Feb
	Desims2nachtleven1 escribió: het lukt al aardig bij mij met die giftjes 24 Ene
	Gamenerd6 escribió: hoi marijke ga zo door met je space neem ook allemaal een kijkje op mijn eigen space 13 Ene
	IrresistableArelaxis escribió: goeie avond of nacht, ik zal eerste voorstellen ik ben Alexis en ben al sinds dec bezig en tof dat je zoveel info voor iedereen achterlaat het is wel goed te lezen en tedoen, en het lukt, maar niet alles lukt dus geef ik het op voor nu, maar ik wou je erg bedanken voor alle hulp, morgen ga ik verder je bent toppie ik noem je Marrijke SyberspaceDoctor !!!! waarom lukt het niet bij mij ???? doeiiiiiii Alexisssss ik bedoel gif plaaatje !!! 12 Ene
	GarYY«« escribió: eeejjj,,mijn media player is pas gelukt ,,thnq maar hoe krijg ju een eigen bewegende achtergrond dat ken ik niet vinde hoe ju dat doet,,wil ju a.u.b ju msn geve,,groetjus gary:D 6 Ene
	bad_witchj escribió: Ik wou dat ik dat kon...mijn space is best wel saai..maar ja, het is voor mij al heel wat dat ik er een powerty tpy sandbx in heb gekregen... :D ik wou dat ik muziek er in kon zette maar kan daarvoor geen codes vinden die kort genoeg zijn Goede space! Hoe maak je eigenlijk zo'n grappige krant? 4 Ene
	shiba951 escribió: Hoi Marijke, waar haal jij de tijd vandaan om dit allemaal uit te puzzelen, knap hoor!! Ik heb een homesite gemaakt voor mijn kleinzoon en zou het leuk vinden als je eens een kijkje nam, het adres is: http://home.wanadoo.nl/n.blanksma Ik zal zeker gebruik maken van je tips en heb al veel van je geleerd. (Slaap je wel 's nachts?? grapje) liefs van Nicky 6 Oct
	Pascalla1 escribió: hoi marijke kwam weer even bij je kijken groetjes callie 5 Oct
	ღ Marijke ღ escribió: @ (zogenaamde) Rechtbank, Ik ga uw bericht verwijderen omdat ik: 1. Niet houd van anonieme berichten die niet een link bevatten naar een adres waar ik kan antwoorden 2. Tegen online geweld ben, zoals ik bovenaan mijn space duidelijk kenbaar maak Bovenstaande regels neem ik zowel voor mijn eigen space als voor andere spacers in acht! Er zijn vele Marijke's die een space bezitten, het lijkt me geen goed idee om bij iedereen die toevallig dezelfde voornaam draagt een dergelijk bericht achter te laten! Ik ken geen van de genoemde namen en zal absoluut geen anonieme berichten aan mijn gasten doorspelen! Excuses mogen gedaan worden! 26 Sep
	atie59 escribió: Wow...geweldig!!! Ik wou wel dat ik dat kon,maar begin net en ben blond(das een grappie hoor) ..maar ik snap d'r echt nog niks van!! Groetjes @tie 16 Sep
	john_6-9-69 escribió: Ik kom nog wel een keertje terug want ik wil je codes echt gaan gebruiken...maar ik moet nou weg want we gaan straks uit eten...tsja nog vakantie he.. Doeiii JohnnyBoy 24 Ago
	sjerrIE0 escribió: Wow............. Wat jij al niet uitvindt...... mijn complimenten! Denk niet dat ik het echt ga gebruiken. Ha. Ik zie mijn space liever wat rustig. Neemt niet weg dat ik lekker op zoek ben geweest naar gifjes. En dan zal ik us kijken wat er geschikt is... Goed weekend verder! x sjerrie 31 Julio

Vínculos de referencia

La dirección URL del vínculo de referencia de esta entrada es:

http://atmarijkesspace.spaces.live.com/blog/cns!1FF0F6697B4C6DC5!305.trak

Weblogs que hacen referencia a esta entrada

Ninguno