29-05-07

Foto's en teksten versieren / Glitterteksten

Nathalie wees mij er op dat je www.glitterfy.com op een zeer eenvoudige wijze leuke glitterteksten én foto's kan maken. Dat moesten we natuurlijk uitproberen. Als je naar deze website surft krijg je eerst dit venster te zien:start (Medium)

Je kiest voor een bestaande animatie (rechterkolommen) of je maakt er zelf een aan (picture (foto) of words (tekst)). Wij kiezen nu voor een eigen foto.glitterfy foto uploaden (Medium) Je klikt eerst op bladeren en kiest een foto die op jouw computer staat. Daarna vink je het vakje daaronder aan. Dan weet je dat je foto op je blog gaat passen. En daarna klik je op de roze knop.foto versieren (Medium) Nu kan je je foto versieren met glitters en tekst. Als je klaar bent, klik je weer op de roze knop.get websitecode (Medium) Je krijgt je werkstuk te zien. Ben je tevreden, klik je op de roze knop. Niet tevreden? Sluit dit laatste venster en verander je ontwerp.code (Medium) Nu krijg je de code. Je kopieert de bovenste en kleeft die in een vakje Vrije Tekst (Personalisering). En voor het resultaat kijk je maar eens in mijn rechterkolom! Succes!

update008

 

Je kan natuurlijk ook een afbeelding opslaan in 'Mijn Afbeeldingen' door met je rechtermuisknop op je gekozen afbeelding te klikken en dan te kiezen voor 'Afbeelding opslaan als...'. Voordeel hiervan is dat je die afbeelding dan ook in je middenkolom gebruiken kan!

16:29 Gepost door meester carlo in Web | Permalink | Commentaren (11) | Tags: website, blog, graphics, blogtip, glittertekst, foto versieren |  Facebook |

28-05-07

Kalender met wisselende welkomstteksten.

Ik heb weer een leuk script gevonden. Deze keer is het er een van een kalender met wisselende welkomstgroeten (zie bovenaan mijn rechterkolom). Dit script mag je gewoon kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken.

<div align="center"><SCRIPT language=JavaScript>
var Today=new Date();
var ThisDay=Today.getDay();
var ThisDate=Today.getDate();
var ThisMonth=Today.getMonth()+1;
var ThisYear=Today.getFullYear();  //included if you wish to insert the year
function DayTxt (DayNumber) {
var Day=new Array();
Day[0]="Zondag";
Day[1]="Maandag";
Day[2]="Dinsdag";
Day[3]="Woensdag";
Day[4]="Donderdag";
Day[5]="Vrijdag";
Day[6]="Zaterdag";
return Day[DayNumber];
}
var DayName=DayTxt(ThisDay);
function MonthTxt (MonthNumber) {
var Month=new Array();
Month[1]="Januari";
Month[2]="Februari";
Month[3]="Maart";
Month[4]="April";
Month[5]="Mei";
Month[6]="Juni";
Month[7]="July";
Month[8]="Augustus";
Month[9]="September";
Month[10]="October";
Month[11]="November";
Month[12]="December";
return Month[MonthNumber];
}
var MonthName=MonthTxt(ThisMonth);
var d = new Date();
var h = d.getHours();
document.write("<TABLE BORDER=3 BGCOLOR=WHITE  WIDTH=75 HEIGHT=85 align=left>"+"<TD>"+"<p align=center>"+"<font size=-2 >"+DayName+"<br>"+"<font color=red size=+3 >"+ThisDate+"</font>"+"<br>"+MonthName+"<br>"+"</b>"+"</font>"+"</p>"+"</TD>"+"</TR>"+"</TABLE>");
if (h < 2) document.write("<P ALIGN=center>"+"<b>"+"Good morning! Yes, it's way past midnight."+"</b>"+"</P>");
else if (h < 3) document.write("<P ALIGN=center>"+"<b>"+"Good morning! Vroeg op of laat aan het werk?"+"</b>"+"</P>");
else if (h < 7) document.write("<P ALIGN=center>"+"<b>"+"Goede morgen! Al vroeg wakker zeg!"+"</b>"+"</P>");
else if (h < 12) document.write("<P ALIGN=center>"+"<b>"+"Goede morgen!"+"</b>"+"</P>");
else if (h < 17) document.write("<P ALIGN=center>"+"<b>"+"Goede middag!"+"</b>"+"</P>");
else if (h < 23) document.write("<P ALIGN=center>"+"<b>"+"Goede avond!"+"</b>"+"</P>");
else document.write("<P ALIGN=center>"+"<b>"+"Nog laat achter de computer! Ga toch lekker naar bed."+"</b>"+"</P>");
</SCRIPT>
</div>

19-05-07

Ronddraaiende tekst op je blog

Een origineel effect op je blog is dit van een ronddraaiende tekst (op een vaste plaats). Kijk voor een voorbeeld maar eens op http://mijntestblogje.skynetblogs.be (linksboven)

Je kan natuurlijk zelf de tekst, plaats en kleur veranderen!

Ook nu weer het volledige script kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken!

<script>
 var defaultString="welkom";

 parentID="area";
   

 vala=160;
 valc=255;

 fontsize=40;  
 posleft=400;  
 postop=150;  

 function q1() {

  for(i=0;i<5;i++) {

   node=document.getElementById(parentID);

   beforediv=document.createElement("DIV");

   cc1=255*(i/11);
   cc2=160*(i/11);
      gfx1=parseInt(vala-cc2);
      gfx2=parseInt(valc-cc1);

   str="position:absolute;top:"+postop+"px;left:"+posleft+"px;color:rgb("+gfx1+","+gfx1+","+gfx2+");width:260px;height:100px;font-size:"+fontsize+"pt;";

   if (navigator.userAgent.indexOf("Gecko")>-1)
    beforediv.setAttribute("style",str);
   else
    beforediv.style.cssText = str;
   
   beforediv.setAttribute("id","object"+i);
 
   newText=document.createTextNode(defaultString);
  
   beforediv.appendChild(newText);

   node.appendChild(beforediv);

   fontsize+=2;
   posleft+=5;
   postop-=(3-((i/20)*2));
  }

  setTimeout("animate()",100); 
 }

 ox=100;
 oy=100;
 pi=3.141516*2;
 ccounter=0;
 ww=1;

 function animate() {
  ww+=.1;  
  ccounter++; 
  if(ccounter<350) {

   for(i=0;i<5;i++) {

    pis=pi*(ccounter/70)*(i/5);
    posx=ox-20+(Math.cos(pis)*20);
    posy=oy-20+(Math.sin(pis)*20);

    document.getElementById("object"+i).style.left=posx+"px";
    document.getElementById("object"+i).style.top=posy+"px";
   }
   setTimeout("animate()",30);
  }
  else {
   ccounter=0;
   setTimeout("animate()",30);
  }
 }

</script>
<body onload="q1()"  >
<div id="area" >
</div>

15-05-07

Een 'lichtkrant' of 'lopende tekst' op je blog?

Hieronder krijg je een zeer eenvoudig script om een 'lopende tekst' (lichtkrant) op je blog te zetten. Een voorbeeldje vind je bovenaan in de linkerkolom van onze moederblog http://meestercarlo.skynetblogs.be . Natuurlijk kan je zelf je tekst aanpassen. Script kopiëren en wederom plakken in een vakje 'Vrije Tekst' (Personalisering).

<marquee scrollamout="2" scrolldelay="120" direction="left">Hey, hallo iedereen! Hopelijk vinden jullie dit een leuke blog. En... komen jullie nog dikwijls terug. Groetjes!</font></marquee>

16:41 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: web, blog, blogtip, webtip, script, webtool, lichtkrant, lopende tekst |  Facebook |

14-05-07

Raad het getal !!!

Een script voor een leuk spelletje op je blog: Raad het getal! De computer kiest een willekeurig getal en jij krijgt 10 beurten om dat getal te raden. Gelukkig geeft onze computer je telkens een hoger-lager-tip.

Wil je dit eerst eens uitproberen? games_10710Natuurlijk moet je het hele script weer kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken. Succes!

<SCRIPT LANGUAGE="Javascript"><!--
var num = Math.floor(Math.random() * 100) + 1;
var tries = 0;
function guessit() {
var guess = document.form1.guess1.value;
tries++;
status = "  Number of tries so far: " + tries;
if (guess < num)
    document.form1.hint.value = "Nee, je zit te laag.";
if (guess > num)
    document.form1.hint.value = "Nee, je zit  te hoog.";
if (guess == num) {
    window.alert("Gefeliciflapstaart ! Je hebt het geraden in " + tries + " beurten.");
    location.reload();
    }
if (tries == 10) {
    window.alert("Helaas, je tijd is om. Het nummer: " + num);
    location.reload();
    }
}
//--></SCRIPT>
<P>De computer kiest een willekeurig getal tussen de 1 en de 100. Je hebt 10 beurten om het getal te raden! Je typt in het onderste vakje een getal in. De computer geeft aan of je te hoog of te laag zit! Suc6 !</P>
<FORM NAME="form1">
<INPUT TYPE="text" SIZE=25 NAME="hint">
<BR>
Hier het nummer:
  <INPUT TYPE="text" NAME="guess1" SIZE="5">
<INPUT TYPE="BUTTON" VALUE="Gok"  onClick="guessit();">
</FORM>

19:57 Gepost door meester carlo in Vrije tijd | Permalink | Commentaren (1) | Tags: script, blogtip, webtip, game, raad het getal, javascript |  Facebook |

08-05-07

Zwemmende visjes op je blog

Het volgende script zorgt ervoor dat er bewegende visjes 'neerdwarrelen' op je blog. 't Is eens iets anders dan de sneeuwvlokjes in de winter. Ook nu weer volledig kopiëren en plakken in een venster 'Vrije Tekst' (Personalisering). Succes!

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:402px; top:-197px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:830px; top:-49px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:682px; top:-84px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:281px; top:-433px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:160px; top:-189px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:830px; top:-153px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:721px; top:-34px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="8" style="position:absolute; left:463px; top:-10px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:257px; top:-300px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:423px; top:-275px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<p style="margin-top: 0; margin-bottom: 0"><a href="http://www.blinkyou.com">picture hosting</a></p>

18:42 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: web, website, blog, webtip, blogscript, blogtip, script, code |  Facebook |

03-05-07

Een ZOOM (+ en -) op je blog

TIPHeb jij soms ook moeite om de kleine lettertjes op een blog te lezen? Met het volgende script kan je héél eenvoudig een ZOOM op je blog installeren (zie mijn rechterkolom). Nu vergroot (of verkleint) je bezoeker op je blog de tekst zoveel hij/zij zelf wil!

 

<script style="text/javascript">
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
<input type="button" value="+" onClick="inzoomen();">
<b>Website Zoom</b>
<input type="button" value="-" onClick="uitzoomen();">

Natuurlijk dient ook dit script weer gekopieerd te worden. Daarna plak je het in een vakje 'Vrije Tekst' (Personalisering). Succes!

12:29 Gepost door meester carlo in Web | Permalink | Commentaren (1) | Tags: javascript, blog, web, zoom, inzoomen, uitzoomen, lettertype, leesbaarheid, script, code, blogtip |  Facebook |

01-05-07

Stop de teller op 100 !

Op deze eerste mei krijg je als uitsmijter nog een script van een supermoeilijk en toch eenvoudig spel: Stop de teller op 100!

Het lijkt zo simpel. Als je op start klikt, begint de teller te lopen. Je moet op stop klikken bij 100. Maar... het is mij na 10 keren proberen nog niet gelukt!

Wil je eerst eens weten hoe dat spel eruitziet? Kijk eens in de linkerkolom opMeer_Games klein

En natuurlijk moet je onderstaand script weer eerst kopiëren en plakken in een vakje 'Vrije Tekst' (Personalisering).

<script LANGUAGE="JavaScript">
function Title() {document.title="STOP ON 1o0 "; window.setTimeout("Title1();",1);}
function Title1() {document.title="STOP ON 10o "; window.setTimeout("Title();",1);}
counter=0;
function Counter1() {
window.status="Counter: " + counter;
document.game.number.value=counter;
counter++;
Time=window.setTimeout("Counter1();",1);
if (counter==106) {
counter=0;
}}
function Results() {
window.clearTimeout(Time);
if (counter==101) {
alert("Yes! Je stopte op 100! Gefelicislagroomtaart !");
}
if (counter!=101) {
counter--;
alert("Ai! Je miste net je stopte bij " + counter + " klik op start en probeer het nog eens");
}
counter=0;
window.status="Counter: " + counter;
document.game.number.value=counter;
}
</script>
<body background=""   onKeyPress="Results();" onUnLoad="alert('Tot de volgende keer');">
<form name="game">
    <p>
      <input type="text" name="number" size="2" VALUE="0" onFocus="this.blur();" style="font-size: 70;">
      <BR>
      <input type="button" VALUE="Start" onClick="Counter1(); counter=0;">
      <input type="button" VALUE="Stop!" onClick="Results(); counter=0;">
      <input type="button" VALUE="Regels" onClick="alert('Stop op 100  n Regels: n Zodra de teller begint te lopen moet je proberen om hem bij  100 stil te zetten. Klik op de start button om het spel te starten , Klik op stop om de meter stil te zetten of druk op een toets.');">
    </p>
  </form>