Het heeft even wat tijd gekost en een behoorlijk zoektocht over internet naar een webhost met alle mogelijkheden die we nodig hadden voor het nieuwe buurthuis maar... Het is was gelukt! Sinds deze week kun je terecht op:
http://editspace.astralwebhost.org
Helaas voorzagen we toch bandbreedte problemen en dus weer op zoek... en ... gevonden. Je zet nu dit adres onder je favorieten én natuurlijk op je space:
Als gast kun je alles bekijken, ook het forum. Wanneer je posten wilt op het forum moet je je wel even registreren. Zegt het voort, zegt het voort.... Pas het adres ook even aan op je space zodat andere zoekende ontheemde editspacers dit stekkie ook weten te vinden!
De wat meer doorgewinterde spacer had het allang ontdekt en misschien zelfs al uitgeprobeerd. De wat gematigder spacer dacht tot nu toe... ik wacht nog wel even af... en de spacer die nog met een rood hoofd naar het HTMl knopje op zijn editor zit te zoeken was nog veel te druk met al die andere mogelijkheden... Maar inderdaad, sinds Windows Live Spaces is het mogelijk om zogenaamde Gadgets op je space te plaatsen.
Waarom kom ik er dan nu pas mee...??? (zat u zich af te vragen) Het opruimen van je space en het uitvinden van nieuwe codes had enige prioriteit vond ik. Maar dat betekent niet dat ik me van gadgets verre hield. Integendeel!
Het Editspace Gadgetteam Al vrij vroeg postte ik op editspace.net hoe je een gadget moest toevoegen aan je space, en verdiepte ik mij samen met een paar andere enthousiaste editspacers in het fenomeen. Iets dat erg veel tijd kostte en nog steeds kost. Aangezien de info over het ontwikkelen van een gadget nog vrij summier is en de manier van schrijven vrij uniek is (een mengelmoes van HTML, javascript, DHTML, XML, CSS, ...bent u er nog) Daarbij is alles wat er te vinden was (is) natuurlijk allemaal in het engels. Ik begon te studeren, experimenteren en vertaalde de info die ik vond op een Nederlandstalige site (voor de geïnteresseerde hier). Het team maakte er driftig gebruik van en experimenteerde er lustig op los. Een apart forum en op dit moment al 4 leuke gadgets zijn het resultaat. Wie meer wil weten over het Editspace Gadgetteam kijkt hier.
Nederlandse Gadgets. Een volgende reden waarom ik nog niet uitgebreid berichtte over Gadgets was omdat de beschikbare Gadgets niet erg interessant waren voor ons Nederlanders. Zeg nu zelf, had u graag een Gadget met 'Jack Bauer facts' op uw space gehad (vooropgesteld dat u weet wie Jack Bauer is!). De enige Gadgets die wel leuk waren, een horoscopegadget en weathergadget, waren (en zijn nog steeds) niet beschikbaar voor de NL spacers. Uit noodgeboren opende ik een space en 'loog' dat ik uit de VS kwam. Daar kon ik ze wel toevoegen. Zo stelde het Editspace Gadgetteam zich al snel tot doel om gadgets te maken die voor Nederlandstaligen (of Europeanen) wel interessant zijn. Niet voor niets was onze eerste bijdrage aan de Gadgetgallery onze eigenwijze superNederlandse 'Loesje'. Maar ook Europees, want 'Loesje' spreekt ook Engels (Yes!) en Duits (Jawohl!). En Loesje bleef niet onopgemerkt getuige het aantal downloads dat nog steeds gestaag stijgt!
Live.com Wat zijn gadgets dan eigenlijk (dat zat u zich net af te vragen). Ik heb het hier al boven gezet, 'Hebbedingetjes' is wel de meest letterlijke vertaling van gadgets. Maar dan 'Hebbedingetjes' voor je space. Een klein beetje geschiedenis. Gadgets werden aanvankelijk gemaakt voor live.com of live.nl. Een plek waar je een soort persoonlijke homepage kunt aanmaken met je windows liveID. Zoals ook Google en Yahoo een dergelijke startpagina hebben. Je kunt er zelf allerlei moduletjes opzetten, een RSSfeed, een puzzeltje, je post kun je er bekijken en noem maar op. Deze modules werden dus uiteindelijk ook voor spaces beschikbaar. Enig probleem was (en is hier en daar nog steeds) dat de Gadgets op live.com niet altijd hetzelfde werkten als op spaces. Nog maar gezwegen over dat de meeste gadgets helemaal niet in onze kolommetjes op spaces pasten.
Gallery Live.com Maar zo langzamerhand begint daar verandering in te komen. Er worden meer gadgets voor spaces ontwikkeld (waar ook het Editspaceteam druk aan meewerkt). En door de forums leren en helpen ontwikkelaars elkaar met het onwikkelen van gadgets. Ook de gallery was aanvankelijk alleen voor engelstaligen. Zo werd onze 'Loesje' dan ook uit nood als engelstalige gadgets aangeboden maar inmiddels is er een NL sectie waar bijvoorbeeld onze Neder-Cam-Land is aangeboden en nu als Topdownload op nummer 1 staat! Alle gadgets zijn te vinden op gallery.live.com waar je ook de knop vindt om een gadget te installeren. De gadgets die het Editspace Gadgetteam op de gallery heeft staan vind je hier.
AtMarijkesVS.spaces.live.com Waarom zie je nu al die gadgets waar ik het over heb niet op deze space? (dat zat u zich net af te vragen). Tja... je kunt natuurlijk je hele space volploffen met gadgets. Maar geloof me dat is geen goed idee. Alhoewel het op dit moment al een stuk beter is (vooral met IE7) vertraagt het aantal gadgets toch de laadtijd van je space. En internetters zijn een ongeduldig volkje, als een pagina niet snel genoeg open gaat dan... surfen we wel verder.... Daarom heb ik de space die ik op een VS account heb geopend maar gereserveerd voor gadgets. Allerlei gadgets kun je daar aantreffen en ik zal mijn best doen ook daar regelmatig nieuws en tips en trucs voor je gadgets te posten. Dus wie meer wil weten over gadgets of op de hoogte wil blijven bezoekt atmarijkesvs.spaces.live.com (wel een beetje geduld bij het openen!)
Welkom At Marijke's Hogeschool voor Space Toverkunsten te Livestein. Ik hoop dat jullie allemaal de geupdate versie van het grote Verdwijnselboek bij Klieder en Vlek hebben weten te bemachtigen. Want sinds Livestein weer eens met een nieuwe update verrast werd is het belangrijk dat je de allerlaatste versie hebt. Hou jullie tovermuisjes in de aanslag en concentreer je goed. Lees altijd de beschrijving nauwkeurig door voordat je begint en neem er maar een lekker Boterbiertje bij (niet teveel natuurlijk).
Professor Spamderlink waarschuwt: BELANGRIJK!
De verdwijnseltruc kun je ALLEEN SAMEN met de truc Gedaanteverwisseling gebruiken. Zorg dus dat je deze truc beheerst en weet hoe je je logjes in een niet te brede tabel moet zetten! Dat lees je allemaal in de Les Gedaanteverwisseling!
Omdat we dus de TD-code uit de WLS Trucendoos (2) gebruiken werkt ook deze truc alleen met de volgende indelingen. Dus niet met de indeling 2 en 6. Met de nieuwe 4 kolommenindeling heb ik de codes nog niet getest.
Wat gaan we doen We laten de reageer-links onder ons logje verdwijnselen, evenals de datum en de permalink. De hele mikmak dus. Dat is vooral handig als je de TD-code gebruikt voor je achtergrond en deze in een topblog wilt gebruiken waarop je liever geen reacties hebt. Sinds spaces weer geupdate is komt dit goed van pas. Je bezoeker kan namelijk niet reageren op een logje waarin jij de TD-code hebt gezet. Erg vervelend als je een leuke log hebt geschreven waarop je graag reacties ontvangt.
Professor Spamderlink herhaalt dus nog maar eens:
Je schrijft dus in het vervolg je logjes gewoon, maar natuurlijk wel in een TABLE die niet te breed mag zijn. Wanneer je klaar bent maak je als laatste een nieuwe log aan. Dit is je TOPBLOG. Hierin zet je de TD-code en daarna gaan we de reageerlinks laten verdwijnselen.
En hoe laten we de links dan verdwijnselen? Daar moesten we voor de laatste update nog een behoorlijk ingewikkelde truc voor uithalen. Maar gelukkig heeft Live het ons gemakkelijker gemaakt. Wanneer je al goed hebt gekeken zag je dat de links niet meer langer verticaal onder je logje met TD-code verschenen. Dat scheelt een hoop code. Ik zal jullie niet vermoeien met die ingewikkelde code maar het simpel houden:
Na de TD-code maken we een fake-image die breed genoeg is om alle reageerlinks uit je beeld te schuiven. Dat klinkt ingewikkeld maar is vrij simpel, neem deze fake-image code over:
<IMG height=0 src="" width=800 align=left>
Het enige wat je aan de code hoeft te veranderen is de breedte (width). Zoals ook in de les Gedaanteverwisseling speelt hierbij je indeling een rol. Voor indelingen 3 en 4 hou je 800 aan, voor de 3 kolommenspace hou je 600 aan. Verder hoef je helemaal niets aan de code te veranderen. De code zet je direkt achter je TD-code en... klaar! Alle links onder je log zijn verdwenen.
Professor Spamderlink zegt:
Ja erg leuk! Dat was nog niet al te moeilijk. Maar wil je een P.U.I.S.S.T. halen dan zorg je dat je je Topblog ook nog eens titelloos publiceert!
EXTRA : Titelloze Log Publiceren
1. Zet je cursor in het vakje waarin je normaal je Titel zet. 2. Druk op je keyboard de Alt-toets in. 3. Toets op het nummerieke gedeelte van je Keyboard 0160 4. Laat je Alt-toets los Je kunt nu je logje publiceren zonder titel.
EXTRA voor TREUZELS
P.U.I.S.S.T.: Proeve van Uitzonderlijke Inteligentie en Superieure Space Toverkunst!
Professor Spamderlink is al heel tevreden maar...
De echts space-bollebozen gaan natuurlijk nog door voor de S.L.I.J.M.B.A.L.S. Want je kunt natuurlijk ook 'iets' in je geheime Topblog zetten. Tekst of een plaatje, een teller of een klokje ... wat je maar bedenken kunt. Plaats de code daarvan tussen de TD-code en de fake-image code.
EXTRA
Dus zo: 1.Je TD-code 2.Je extra code bijvoorbeeld een plaatje:
S.L.I.J.M.B.A.L.S: Schriftelijke Lofuiting wegens IJver Magische Bekwaamheid en Algeheel Leervermogen op Spaces!
Codes and the use of it in this log are developed by At MarijkesSpaceTM Any use of the codes is free. Publishing the codes as they are is authorized, however a link to atmarijkesspace.spaces.live.com is highly appreciated.
Welkom At Marijke's Hogeschool voor Space Toverkunsten te Livestein. Ik hoop dat jullie allemaal op tijd de Livestein Express hebben gehaald en jullie tovermuisjes in de aanslag hebben. Concentreer je goed en lees de beschrijving nauwkeurig door voordat je begint.
Professor Spamderlink waarschuwt: BELANGRIJK!
Zorg wel dat je je space netjes opgeruimd hebt en ontdaan hebt van codes die je spacelayout verstoren voordat je hier aan begint.
Deze code is getest en werkt met de volgende indelingen:
EXTRA
De code werkt niet met de indelingen 2 en 6. Naar een oplossing wordt gezocht. Als deze gevonden wordt zal er een aanvullende beschrijving volgen.
Wat gaan we doen: We gaan de achtergrond van ons webloggedeelte van gedaante laten verwisselen. We kunnen het webloggedeelte transperant maken of voorzien van een andere achtergrond.
Hoe doen we dat: Door de 'TD-code' helemaal aan het begin in de HTML-code van onze weblog te zetten.
EXTRA
De code die je achtergrond van gedaante laat verwisselen is door mij ontwikkeld vanuit de TD-tag <TD>. De tag moet altijd voorafgegaan worden door 'iets'. Omdat we dat 'iets' het liefst onzichtbaar maken gebruik ik maar je kunt ook iets anders gebruiken. Verder staat er een stijlcode in de TD-tag. Wanneer je deze weglaat zal er een ruimte onderaan je space verschijnen met dezelfde hooge als het logje waarin de TD-code staat.
Wat is de 'TD-code':
De basiscode is: <TD style="WHITE-SPACE: nowrap">
Transperant webloggedeelte: <TD style="WHITE-SPACE: nowrap"> Hiervoor gebruik je alleen de basiscode. Deze maakt je webloggedeelte transperant. De achtergrond van je thema wordt dus zichtbaar achter je webloggedeelte.
Webloggedeelte met doorlopende andere achtergrond afbeelding: <TD style="WHITE-SPACE: nowrap" background="url-achtergrond.jpg"> De basiscode wordt uitgebreid met background="url-achtergond.jpg" Vul op de plek 'url-achtergrond.jpg' de url naar je eigen achtergrond afbeelding in.
EXTRA
Achtergrond afbeelding en achtergrondkleur kunnen ook in combinatie met elkaar worden gebruikt. Zet daarvoor zowel de background="url-achtergrondplaatje" als ook de stijldeclaratie background:#hexcode; in de TD-tag.
Webloggedeelte met doorlopende achtergrond kleur: <TD style="WHITE-SPACE: nowrap;background:#hexcode;"> De basiscode wordt uitgebreid met de stijldeclaratie background:#hexcode; Vul op de plek '#hexcode' de hexcode van de door jou gekozen kleur in.
EXTRA
Niet alleen de achtergrond maar ook de inhoud van je weblog wordt meer of minder transperant. De ingestelde transperantie kan in combinatie met de achtergrond-afbeelding of achtergrondkleur worden gebruikt.
Ingestelde transperantie: <TD style="WHITE-SPACE: nowrap; FILTER: alpha(opacity=70);"> De basiscode wordt uitgebreid met FILTER: alpha(opacity=70); als stijldeclaratie. Het cijfer achter opacity= kan naar eigen smaak veranderd worden. Hoe lager het getal, hoe meer de transperantie.
EXTRA
Om in de HTML-mode van de editor op je space te komen klik je op HTML. Zet helemaal aan het begin van de code de TD code.
Waar zet je de code neer: Je zet de code helemaal aan het begin in de HTMLcode van je eerste logje, of aan het begin van het logje vanaf waar jij de achtergrond in wilt laten gaan. De code kan in principe meerdere keren in verschillende weblogitems gezet worden. Daar zitten wel wat mitsen en maren aan. Lees daarover meer onder 'Wat moet ik weten'.
Professor Spamderlink waarschuwt: BELANGRIJK!
Waar moet ik rekening mee houden: Met deze code in je logje mogen de zichtbare weblogs beslist niet te breed worden. Wanneer je met tabellen of afbeeldingen werkt zorg dat de breedte van je tabel of afbeelding beslist niet breder is dan: 2 kolommen (indeling 4 en 5) ; 800 pixels 3 kolommen (indeling 3): 600 pixels 1 kolom (indeling 1) : Niet getest maar zal waarschijnlijk rond 1000 pixels zijn.
EXTRA
Wanneer je een te breed weblogitem maakt kan het zijn dat je webloggedeelte geheel of gedeeltelijk verdwijnt onder de rechterlijsten of er ontstaat een loze ruimte onder je webloggedeelte. Zet ook niet width=100% in je table maar altijd width="600" of style="width:600px" Je kunt misschien het beste al je zichtbare logjes in een tabel zetten met de juiste breedte. Dus zo: <table width="600"><tr><td>inhoud weblogitem</td></tr></table> Blijft wel de waarschuwing dat je moet oppassen met de breedte van je afbeeldingen! Ook al staat je tabel in de juiste breedte, wanneer je afbeelding breder is neemt de tabel dit formaat over!
Professor Spamderlink waarschuwt: BELANGRIJK!
Wat moet ik weten: Je moet weten dat deze code eigenlijk 'Foute HTML' is die de layout van je space kan verstoren. Je zult ook zien dat de reageerlinken onder de log met deze code verticaal worden weergegeven in plaats van horizontaal. Je moet ook weten dat je logje via de permalink niet weergegeven wordt op het aparte webloggedeelte van spaces. Het is alleen zichtbaar op de hoofdpagina van je space. Je bezoekers zullen verder ontdekken dat na het toevoegen van een reactie de log 2 keer weergegeven wordt. Na het verversen van de pagina is dit weer verholpen.
EXTRA
De laatste 2 problemen zijn eventueel op te lossen door de code in een topblog te zetten.
EXTRA
Het is in principe mogelijk de reageerlinks onzichtbaar te maken. Meer hierover volgt in de les 'Verdwijnselen' die binnenkort op deze space zal verschijnen.
Moet ik een aparte Topblog maken? In het verleden plaatsten we dergelijke codes altijd in een topblog. In principe hoeft dat nu niet. Je kunt alle mogelijke verdere HTML codes er achter zetten. Je zou het kunnen doen als je het prettiger vindt. Bedenk wel dat het reactiegedeelte van deze topblog wel zichtbaar is. Het probleem dat je logje niet weergegeven wordt via de permalink is dan niet zo erg. De volgende logs zijn dan normaal bereikbaar.
EXTRA
Op spaces kunnen we alleen gebruik maken van zogenaamde 'inline' stijlcodes. Eventueel zal ik in de toekomst een meer uitgebreide log hierover schrijven. Voor wie meer wil weten is deze en deze pagina misschien wel interessant.
Kan ik nog meer met deze code? Ja er is in principe heel veel mogelijk met deze code. Omdat je stijlcodes in je TD-tag kunt gebruiken kun je het webloggedeelte ook deels transperant maken, het lettertype beïnvloeden, de uitlijning van je tekst bepalen, een rand om je webloggedeelte, zelfs filtercodes kun je gebruiken en nog veel meer. Voor de iets gevorderde code-spacer, experimenteer er lustig op los! Bedenk wel dat de stijl die jij geeft aan je TD voor het gehele webloggedeelte geldt.
Professor Spamderlink waarschuwt: BELANGRIJK
Ik werk met Windows Live Writer! Zet de TD code NIET in je weblogitem als je publiceert met Windows Live Writer. Deze zal je hele weblog vernietigen! Publiceer je logje eerst zonder de code. Open het logje vervolgens in de editor op je space en plak dan pas de code erboven in de HTML-mode. Klik vervolgens op publiceren.
Is dit alles? Nee... dat denk ik niet. Ik ontdek nog steeds mogelijkheden met de TD-code. Niet alles is bruikbaar, ik krijg af en toe de meest idiote effecten. Uiteraard hou ik jullie op de hoogte en zal ik nuttige toepassingen van de code op deze space blijven vermelden.
Codes and the use of it in this log are developed by At MarijkesSpaceTM Any use of the codes is free. Publishing the codes as they are is authorized, however a link to atmarijkesspace.spaces.live.com is highly appreciated.
Al snel kwamen veel spacers tot de ontdekking dat een van de eerste codes die veelvuldig in weblogs werden gebruikt niet meer werkte. De dynsrc tag leek niet meer ondersteund te worden. Geen achtergrondmuziekje meer in je weblog of geen videootje meer met een mouseover. Het leed was echter minder groot dan we vermoedden.
Dankzij LoveDocterNL die zo slim was om het probleem kenbaar te maken bij een van de verantwoordelijke spacedevelopers. En... verbazingwekkend genoeg kwam er een antwoord op waar we ook nog wat aan hebben. De dynsrc werd inderdaad niet meer herkend door spaces waardoor de hele code er maar uitgefilterd werd. Einde video of muziek in je weblog?
Nee, gelukkig niet. Om je muziekbestand of videobestand toch te laten afspelen moet de code aangevuld worden met src= en daarachter nogmaals de url naar je bestand. Gelukkig maar...
Voorbeeldcode voor achtergrondmuziek in je weblog: <IMG height="0" dynsrc="urlvanjeliedje.mp3" src="urlvanjeliedje.mp3" width="0" border="0"> De code kan verder uitgebreid worden met loop=infinite of loop=x (vul voor x het aantal af te spelen malen in) Uiteraard vul je voor urlvanjeliedje.mp3 de url naar je muziekbestand in.
Voorbeeldcode voor een video met mouseover: <img start="mouseover" height="250" dynsrc="urlvanjefilmpje.wmv" src="urlvanjefilmpje.wmv" width="350" border="0"> De height en width kunnen naar smaak aangepast worden. De code werkt met wmv, mpg en mpeg.
Natuurlijk load je je muziekbestand of videobestand eerst op naar een filehost. Bijvoorbeeld naar FileDen.com
Geniet er nog maar van (voor zolang het duurt). Met de komst van IE7, nu nog bèta maar waarschijnlijk dit najaar al als automatische update van je windows, zou het wel weer eens afgelopen kunnen zijn. De bètaversie ondersteunt tot nu toe geen dynsrc.
Dus euh... Filmpjuh! (muis over het zwarte valk)
Ow... euh zet eerst ff de Mediaplayer uit anders wordt het zo'n rommeltje.
Ook zo zat van het heen en weer swichen tussen je space bewerken en je voorbeeldspace wanneer je een logje wilt produceren. Telkens weer wachten tot je bewerkspace geladen is, vervolgens weer wachten tot de editor geladen is, om verder nog maar te zwijgen van de talloze keren dat IE crasht wanneer je tussen je bewerkspace en je voorbeeldspace swiched om het uiteindelijke resultaat te zien.
Hier is de oplossing. Jawel, dit keer niet van een slimme spacer maar van Windows LIve zelf! De Windows Live Writer. Het is een programmaatje dat je kunt installeren en waarmee je op je desktop je logjes kunt maken zonder dat je ingelogd hoeft te zijn op je space.
Met de WYSIWYG editor (voor de digibeet What You See Is What You Get) kun je op een aantal manieren je logjes schrijven en bekijken. In normale versie, met je webloglayout, je kunt een previeuw zien van je logje op je space en je kunt ook de HTMLcode bekijken of rechtstreeks invoeren.
Daarnaast handige knoppen om afbeeldingen of links in te voeren o.a. Zelfs je categorie voer je in via de Writer en last but not least, je kunt je logje rechtstreeks op je space publiceren! Trouwens de editor is ook geschikt voor andere weblogdiensten en je kunt er meerdere accounts in aanmaken.
Het is een bèta versie maar werkt al prima! Je logjes worden bovendien opgeslagen zodat je ze naderhand gemakkelijk kunt aanpassen als dat nodig is, Je kunt je logje ook als 'draft' opslaan, voor als je even niet de tijd hebt om je logje af te maken en op een ander moment verder wilt gaan. De writer is voorlopig nog in het engels maar duidelijk genoeg ook voor de mensen die het engels niet zo goed beheersen.
Piepklein minpuntje is dat er een paar functies in staan die je niet gebruiken kunt op je space, zoals bijvoorbeeld het openen van je links in een nieuw venster of margins aan je afbeelding toevoegen. Maar al met al een handige tool die het spacen veraangenaamd.
Need I say more... Meer lezen kan hier en hier. Downloaden kun je hier.
Op de een of andere manier heeft de Topbannercode uit trukendoos (2) de hele space-update naar Live Spaces overleeft. Althans, in iets afgeslankte versie want uiteindelijk bleef er maar een optie over. Aan de andere kant hoeven we deze truc niet meer uit te halen om onze space te verbreden of om de rechterlijsten omhoog te halen. Goed nieuws! En... nog meer goed nieuws!!! Jawel, de Topbannercode kan meer dan alleen maar bovenaan je space te prijken. Je kunt er een tweede banner mee onder aan je space zetten! Zoals een leuk bedankje voor het bezoeken van je space. Ook heb ik de code nog iets in kunnen korten waardoor je nog ruimte over houdt voor verdere HTML-codes voor bijvoorbeeld je tellercodes.
Voordat je nieuwe tips en trucs toevoegt op je space raad ik je wel met klem aan om te zorgen dat alle 'foute codes' die de layout van je space kunnen beïnvloeden hebt verwijderd. Zie hiervoor het opruimlijstje op deze space.
Heb je dat? Oke, let's go...
De vernieuwde code: <tbody><table></table></tbody><td><tr><div align=center><img src="urlvanjebanner"> Jawel nagenoeg gelijk aan de oude, de <pre></pre> is weg omdat deze hier en daar problemen oplevert en niet meer nodig bleek te zijn. Uiteraard vul je in plaats van 'ulrvanjebanner' de url van jou plaatje in.
De code is aangepast na de update van januari 2007
De plek van je sandbox: Zoals ook al in de trukendoos (2) is de plek waar je sandbox staat niet onbelangrijk. Misschien nog wel belangrijker geworden zelfs want er blijft enkel 1 optie over. Zover mogelijk rechts en zover mogelijk onderaan. Welke indeling je ook maar gebruikt, op iedere andere plek zal de sandbox met deze code voor problemen zorgen wat je layout betreft. Alles wat onder deze sandbox staat zal namelijk over de gehele breedte van je space weergegeven worden.
Volgorde codes in je sandbox: Wederom bestaat de truc uit het herhalen van codes. 1x de bannercode zorgt voor een banner bovenaan je spacegedeelte (direct onder de Windows Live banner). Nogmaals de bannercode (met eventueel een andere afbeelding) zorgt voor een banner onderaan je space. Wanneer je nog wat extra HTML wilt toevoegen, bijvoorbeeld een teller of iets dergelijks, en deze op de werkelijke plek van je sandbox wilt laten verschijnen zet je deze voor de bannercode(s). Voorbeeldcode: HTML die je op de plek van de sandbox wilt weergeven<tbody><table></table></tbody><td><tr><div align=center><img src="plaatje1-bovenaan-space"> <tbody><table></table></tbody><td><tr><div align=center><img src="plaatje2-onderaan-space">
Indeling: in principe maakt het niet uit welke indeling je gebruikt. Op de plaatjes staan voorbeelden met een 3 kolommen indeling maar de beschrijving is ook toe te passen op andere indelingen. Zolang je maar de sandbox met de bannercode zover mogelijk rechts onderaan zet.
Codes and the use of it in this log are developed by At MarijkesSpaceTM Any use of the codes is free. Publishing the codes as they are is authorized, however a link to atmarijkesspace.spaces.live.com is highly appreciated.
Helaas werkt deze code op dit moment niet meer op Windows Live Spaces. Het toepassen van de code zorgt er voor dat de layout wordt verstoord. Zodra er een code gevonden is die wel werkt zal dat hier gemeld worden.
Finally, met mijn excuses dat jullie er zolang op hebben moeten wachten volgt hier de beschrijving van de manier waarop ik mijn banner helemaal bovenaan mijn space heb gezet (zelfs boven de MSN banner) en de rechterkolom ook naar boven heb verplaatst, naast de MSN banner.
Waarschuwing vooraf! Enige kennis van HTML en space-coding is wel aan te bevelen. De code is een vervolg van de bannercode zoals beschreven in Trucendoos (2), Dus lees eerst die beschrijving voordat je aan de OnTop-Banner en de OnTop-rechterkolom begint.
Verder is deze code alleen toe te passen op spaces die verbreed zijn met de bannercode (zie Trucendoos 2 opties 2 en 3), Je hebt 2 sandboxen nodig (niet meer en niet minder, zie voor het plaatsen van een 2e sandbox Powertoys 4) en je moet weten hoe je de wisseltruc voor je sanboxen (zie Powertoys 4) toepast.
De codes: Zodat je weet waar ik het over heb, de basiscodes: De bannercode:<pre></pre></table><tr><td></td><div align=center><img src="urlvanplaatje"> De OnTop-rechterkolomcode (basis):</tbody><p></p></table><div></div> Deze OnTop-rechterkolomcode werd gepubliceerd door Sant. De code moet een aantal malen vermenigvuldigd worden om het gewenste effect te verkrijgen; dus lees eerst verder!
OnTop-rechterkolom Na het verbreden van je space met de bannercode blijft er boven je rechter kolom en naast de MSN banner een ruimte over. Om je rechter kolom naar boven te kunnen halen gebruik je na je bannercode de 2 maal achter elkaar de basiscode voor de OnTop-rechterkolom: </tbody><p></p></table><div></div></tbody><p></p></table><div></div> Wanneer je deze code direct na je bannercode zet wordt je rechter kolom naar boven verplaatst en verschijnt naast de MSN banner op je space.
NB. Na het toevoegen van deze code kan er een ruimte helemaal onderaan je space ontstaan (but who cares...)
Info voor de code-spacer: Door 2 maal de basiscode in je sandbox te zetten worden je rechterlijsten naar boven verplaatst. Wanneer je een verbredingscode zonder de bannercode gebruikt zul je de code waarschijnlijk 3x moeten herhalen. Verder is het mogelijk deze code in je Topblog te gebruiken. Aangezien ik dit zelf nog niet uitgebreid heb getest zul je zelf moeten uitvinden met hoeveel herhalingen je het gewenste effect krijgt. Houd er verder rekening mee dat de code in combinatie met andere codes in je Topblog of verdere blogs van invloed kan zijn op je space layout.
OnTop-Banner Eigenlijk is het vanaf nu heel simpel. Door gewoon je bannercode en de OnTop-rechterkolomcode ook in je tweede sandbox te publiceren verschijnt je banner boven de MSN balk. Dus helemaal On Top of your space! Zoals je dat op mijn space ziet of zoals je dat ook in de 3 kolommen indeling van FranZ kunt bewonderen.
De truc is dus het herhalen van codes. Maar het is natuurlijk wel van belang waar je de sandboxen met je codes plaatst op je space. Al naar gelang je indeling is het effect anders. Hieronder de voorbeelden hoe deze space en die van FranZ is ingedeeld.
Mijn Space: Indeling 3 kolommen (no. 3) Vanaf verbreding 2 kolommen (is bannercode optie 2): Sandbox 1 boven mediaplayer in 2e kolom, Sandbox 2 onder rechter lijsten in 3e kolom. Inhoud sandboxen: Sandbox 1: Vrije HTML (gedeelte op de werkelijke plek van de sandbox) | Bannercode (verschijnt direct onder de MSN balk) \ OnTop-rechterkolomcode (2x de basiscode). Sandbox 2: Vrije HTML (gedeelte op de werkelijke plek van de sandbox, op mijn space de tellers en webstats-counters) | Bannercode (dit is de OnTop-Banner en verschijnt helemaal bovenaan zelfs boven de MSN banner) | OnTop-rechterkolomcode (2x basiscode)
Space van FranZ: Indeling 3 kolommen (no.3) met behoud van 3 kolommen (is bannercode optie 3): Sandbox 1 onder webloggedeelte in 2e kolom. Sandbox 2 onder rechter lijsten in 3e kolom. Inhoud sandboxen: Sandbox 1: Bannercode (het gedeelte dat je ziet direct onder de MSN banner) | OnTop-rechterkolomcode (2x basiscode). Sandbox 2: Bannercode (de Banner boven de MSN banner) | OnTop-rechterkolomcode (2x basiscode).
Over het algemeen zal Sandbox 2 met de OnTopBanner dus altijd onderaan in je rechter kolom staan of wanneer je dit met een andere indeling wilt proberen denk ik dat je Sandbox 2 in je meest rechter kolom en helemaal onderaan zult moeten zetten.
Update 20 mei Nieuw Nu ook mogelijk een OnTopbanner zonder space verbreding in 3 kolommen met maar 1 enkele sandbox: Evenals in de Topbannerbeschrijving plaats je je sandbox helemaal onderaan in je rechter kolom. Vervolgens plaats je achter elkaar: De bannercode met de banner die onder je MSN balk komt. 2 maal de OnTopRechterkolomcode Nogmaals de bannercode maar dit maal met de banner die je boven de MSN balk wilt hebben.
NB! De code kan in combinatie met andere codes voor problemen zorgen. Zorg dat je HTML klopt. Zeker bij tabelcodes is het oppassen geblazen. Zorg er voor dat iedere tag ook afgesloten wordt op de juiste plek in de code. Op dit moment zijn we nog aan het testen met o.a. geneste tabellen en tabellen met scrollers.
Succes en veel knutselplezier!
The english translation for the OnTopbanner code can be found on the space of FranZ
Helaas werkt deze code op dit moment niet meer op Windows Live Spaces. Het toepassen van de code zorgt er voor dat de layout wordt verstoord. Zodra er een code gevonden is die wel werkt zal dat hier gemeld worden.
Na de update naar Windows Live Spaces is dit voorzover ik heb kunnen testen niet meer mogelijk. Tot nader order 'Buiten werking' dus.
Zoals ik al onder update meldde heb je met een Hotmail Plus account een optie om bij je instellingen een checkbox aan te klikken zodat je geen reclamebannertjes meer ziet op je space. Als je geen Hotmail Plus hebt is de checkbox niet geactiveerd. Tenzij.....
Het kon natuurlijk niet lang uitblijven, zo'n checkbox activeren kan niet zo moeilijk zijn! En inderdaad kwam in op de space van Sant de truc tegen om je space reclamevrij te maken zonder Hotmail Plus account.
Ga als volgt te werk:
1. Klik in je space bewerken op instellingen. Zorg dat je op het tabblad space-instellingen bent, als het goed is opent instellingen daarmee.
2. Klik op beeld in je explorer en selecteer Bron, of klik ergens op de pagina rechts en selecteer Bron weergeven.
3. In het bron bestand gaan we op zoek naar name="premium" (klik op bewerken en selecteer zoeken, vul bovenstaande in het zoekveld en selecteer omlaag, zorg wel dat je cursor bovenaan de pagina staat).
4. Wanneer je dit hebt gevonden zie je dit staan: <input name="premium" id="premium" type="checkbox" value="1" class="disabled" disabled="true"> <label for="premium" class="disabled" disabled="true"> Gebruik maken van mijn voorrechten als Hotmail Plus-gebruiker.</label>
5. Je ziet in de code 4 keer disabled, verander dit alle 4 keren in enabled.
6. Sla je bestand op als htm pagina. (Klik op opslaan als..., naam:mijnblog.htm (1), type: Alle bestanden (2), codering:UTF8) (3) .
7. Open je opgeslagen bestand opnieuw (eventuele beveiligingswaarschuwingen negeren, klik op toestaan) en scroll naar beneden. De checkbox bij Hotmail Plus instellingen is nu geactiveerd. Klik er in zodat er een vinkje in komt te staan.
8. Klik onder aan de pagina op Opslaan om je instellingen op te slaan. Je hebt nu een space zonder de reclamebannertjes.
Maak er gebruik van zolang het (nog) kan, je weet maar nooit wanneer MSN hier een stokje voor steekt. Voor nu... danken we MSN hartelijk voor het maken van deze optie... Onder het motto 'Wat zij maken zullen we wel kraken'.
BTW1: Ik heb deze beschrijving er maar even opgeknald! Later deze week hoop ik wat tijd te vinden voor wat screenshots enzo.Gedaan! BTW2: Hadden jullie al die veranderingen hier al gezien... de rechterlijsten omhoog! En natuurlijk de banner helemaal on Top! Als het even meezit en MSN niet weer begint te rommelen hoop ik binnenkort deze trucjes uit de trukendoos ook te publiceren. Dus hou het hier maar even in de gaten!
Update 21 maart: MSN strikes back! Op onverklaarbare wijze verschijnen af en toe de reclamebannertjes terug op mijn space en die van anderen. Soms na het veranderen maar ook soms zonder iets gedaan te hebben. Niet getreurd, wanneer je het bestandje waarmee je de bannertjes weghaalde op je computer bewaard hebt kun je dit gewoon weer gebruiken (ook al heb je iets veranderd of een nieuwe blog gepubliceerd). Even opnieuw aanvinken en ... dag reclame... Kennelijk is dit het enige antwoord van MSN tot nu toe.
Na de update naar Windows Live Spaces is dit voorzover ik heb kunnen testen niet meer mogelijk. Tot nader order 'Buiten werking' dus.
De inhoud van je sandbox verdelen in combinatie met de bannercode
Jammer he, nu kunnen we na de update eindelijk meer karakters is de sandbox kwijt maar nu staat ie daar te verpieteren met alleen de bannercode! Maar wat was dat nou, na de update stond er ineens iets van |False| of zo voor... en waar vond ik dat terug in mijn voorbeeld space? Juist, op de werkelijke plek van mijn sandbox! Tja MSN, dat moet je bij mij dus niet doen want dan daag je me uit! Want als er False kan staan kan er ook wel wat anders staan... toch? Een plaatje? Een tabelletje zelfs? Met plaatjes en tekst?
Ja inderdaad! Je kunt heel eenvoudig nog HTML toevoegen. Zet deze vóór de bannercode in je sandbox. De banner komt als vanouds boven je kolommen en de rest op de werkelijke plek van de sandbox. In mijn geval zie je het resultaat onder mijn fotoalbum staan. Deze HTML staat dus in de sandbox met mijn bannercode.
Als je je sandbox met bannercode onder je weblogs hebt staan zou je er bijvoorbeeld een leuke "Dank u en totziens" tekst of plaatje in kunnen zetten. MSN!
De Topbannercode kan na 2 augustus 2006 nog steeds gebruikt worden op Windows Live Spaces met dit verschil dat alleen Optie 1 het gewenste effect heeft. Zet je sandbox met bannercode dus helemaal onder de meest rechterkolom.
Het zal jullie vast al wel opgevallen zijn (of niet), die banner bovenaan op mijn space. Hij staat zelfs boven mijn linker en middelste kolom. En hij kan meer, je space verbreden (ook de drie-kolommen layout), of boven alle 3 kolommen (zonder verbreding). Hoe? Oke, hier gaat ie:
Wat heb je nodig?
Minimaal 1 Custom HTML (Sandbox). (kijk hier voor de installatie)
Een banner (of plaatje). Tip voor je banner: De breedte van je totale space (niet verbreed) is 780 pixels. Wil je een banner boven je hele space dan is het dus het mooiste als je die breedte aanhoud. Maak je een verbrede space met banner, zorg dan dat je banner niet breder is dan 820 pixels, anders valt de rechter kolom buiten het venster. Tip Je kunt je banner zelf maken met PSP als je daar handig in bent. En als je daar niet handig in bent dan kun je bijvoorbeeld hier een banner aanmaken.
Wat moet je doen?
Zet de volgende code in je Sandbox: <pre></pre></table><tr><td></td><div align=center><img src="urlvanplaatje"> Vervolgens is de plek waar je je sandbox met de bannercode neerzet van belang. Er zijn een aantal verschillende mogelijkheden. (tot nu toe)
De Topbannercode kan na 2 augustus 2006 nog steeds gebruikt worden op Windows Live Spaces met dit verschil dat alleen Optie 1 het gewenste effect heeft. Zet je sandbox met bannercode dus helemaal onder de meest rechterkolom.
Banner boven alle 3 kolommen. (optie 1) Zet je sandbox met de bannercode helemaal onderaan in je meest rechter kolom. Het resultaat is dat je banner boven alle 3 kolommen verschijnt. De layout van je space blijft verder ongewijzigd (geen verbreding).
NB Je kunt nu niet meer dan 2 sandboxen op je space zetten omdat de sandbox met de code helemaal als laatste staat. Zoals je weet kun je maar 2 sandboxen met een verschillende inhoud maken. (kijk hier) Als je meer sandboxen plaatst zouden deze allemaal de bannercode krijgen waarmee er een hele serie banners boven je space zouden verschijnen. Zorg wel dat er maar een sandbox met bannercode op je space staat. NB Als je nog een module of lijst onder je sandbox met bannercode laat staan verschijnt deze helemaal onderaan in de middelste kolom.
Na de update naar Windows Live Spaces is deze optie niet meer mogelijk.
Banner boven linker en middelste kolom, vanaf verbreding 2 kolommen (optie 2) Zet je sandbox met bannercode in de middelste kolom boven je webloggedeelte, of als je daar nog modules boven hebt staan (bijvoorbeeld je mediaplayer) boven de module vanaf waar je je space verbreed wilt hebben. Resultaat: Je banner komt boven je linker en middelste kolom. Je space wordt verbreed, het gedeelte boven je sandbox met bannercode blijft 3 kolommen, het gedeelte onder je sandbox met bannercode wordt in twee kolomen verdeeld, 1 zeer brede en 1 smalle.
NB Het is nu wel mogelijk meer dan 2 sandboxen te plaatsen, maar je kunt ze alleen onder de sandbox met bannercode of in je rechter lijsten zetten. Zorg dan wel dat de andere sandboxen een andere inhoud hebben dan de bannercode. (bekijk hier de wisseltruuc) NB De breedte van je zeer brede kolom is minimaal 780 pixels of als je banner breder is gelijk aan de breedte van je banner.
Na de update naar Windows Live Spaces is deze optie niet meer mogelijk.
Banner boven je linker en middelste kolom, 3 kolommen met verbrede middelste kolom (optie 3) Zet je sandbox met banner code onder je webloggedeelte in de middelste kolom. Resultaat, de banner verschijnt boven je linker en middelste kolom, je space wordt verbreed maar behoudt de 3 kolommen. ! Echter ! Je middelste kolom is nu wel breder geworden maar je webloggedeelte houdt nog steeds dezelfde breedte. Met andere woorden je hebt meer ruimte tussen de kolommen. Wil je van die ruimte gebruik maken en je webloggedeelte verbreden dan zul je een code in je Topblog (bovenste log) moeten zetten.
Na de update naar Windows Live Spaces is een verbredingscode overbodig geworden.
Topblogcode om je webloggedeelte te verbreden Zet in je bovenste blog deze code: <PRE></TABLE></TABLE><TABLE background=""><TBODY><TR><TD><DIV><IMG height=1 src="" width=600><TABLE style="DISPLAY: none"></PRE>
De iets geoefende code-spacer heeft al gezien dat dit een soort variant is op de code voor een achtergrond voor je webloggedeelte met als toevoeging een 'fakeplaatje' waarvan de width bepaald hoe breed je webloggedeelte wordt. Tip Je kunt dan ook als vanouds een url voor je achtergrondplaatje invoeren. Tip Door de width aan te passen kies je zelf de breedte van je webloggedeelte. Tip In plaats van een 'fakeplaatje' kun je natuurlijk ook een echte afbeelding gebruiken. Vul dan achter src= de url van je plaatje in en vergeet niet de height (en eventueel de width) aan te passen. NB De breedte (en eventueel de achtergrond) wordt na deze topblog van kracht. NB As always met Topblog-codes, houdt ze in je bovenste logje. Maak je er een logje bij, haal de vorige dan weg en maak een nieuwe topblog of maak gebruik van deze (script)tool (klik) voor uitleg en toevoegen aan je favorieten. NB As always bij Topblogcodes verdiend het aanbeveling geen andere dingen bij deze code toe te voegen, zeker geen tabelcodes. NB Meerdere Sanboxen kun je nu alleen nog in de meest rechter kolom plaatsen.
Tenslotte: Dit alles is uitgetest in de 3 kolommen layout (indeling no. 3). Ik weet (nog) niet welke uitwerking het heeft met andere indelingen. Verder Big Thanx to knutselmaatje FranZ die me heeft geholpen de codes te testen en bij te werken.
Helaas werkt deze code op dit moment niet meer op Windows Live Spaces. Het toepassen van de code zorgt er voor dat de layout wordt verstoord. Zodra er een code gevonden is die wel werkt zal dat hier gemeld worden.
Door een foutje in je HTML-code krijg je soms de meest idiote reactie op je space, maar soms ook wel grappige. Op die manier ontdekte ik een trucje om een plaatje of tekst (wat je maar wilt) tussen je weblogs te krijgen. Kijk maar hierboven en hieronder, de Garfieldstrips staan tussen twee weblogitems in!
Hoe werkt het?
Maak je weblogitem
Wanneer je klaar bent ga je naar de HTML-mode van je editor (klik op de HTML-button van je editor)
Scroll helemaal door naar beneden en zet helemaal achteraan </tr>
Achter de</tr> zet je de code voor een plaatje of je tekst dus:
</tr><img src=http://urlvanjeplaatje>
of</tr>Hier komt je tekst
of een combinatie van beide
Tip: Wil je je plaatje (of tekst) netjes in het midden hebben gebruik dan </tr><div align=center><img src=http://urlvanjeplaatje>of hier je tekst</div>
Tip: Zorg dat je plaatje niet breder is dan de kolom waarin je het zet, als het plaatje breder is dan de kolom trekt je webloggedeelte een beetje vreemd naar rechts.
Helaas werkt deze code op dit moment niet meer op Windows Live Spaces. Het toepassen van de code zorgt er voor dat de layout wordt verstoord. Zodra er een code gevonden is die wel werkt zal dat hier gemeld worden.