tag:blogger.com,1999:blog-20051611074888419642024-03-04T23:24:55.941-08:00ValentijnsontbijtUnknownnoreply@blogger.comBlogger1125tag:blogger.com,1999:blog-2005161107488841964.post-46711774276539244752020-01-06T09:42:00.000-08:002020-02-16T03:30:48.269-08:00De directeur en juf Evelyn gaan de uitdaging aan met de volledige school!!!<div style="text-align: center;">
De directeur en juf Evelyn hebben de uitdaging van de ouderraad aangenomen om te streven naar <b><u>750 verkochte ontbijten voor het Valentijnsontbijt</u></b>.</div>
<div style="text-align: center;">
Halen we dit dan zullen de directeur en juf Evelyn een "surprise-act"<br />
voorzien in de week na het ontbijt<br />
<b>EN</b> voorziet de ouderraad pannenkoeken!!!</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Op deze blog kan je de <b>Valentijnsmeter</b> in de gaten houden. De meter zal geregeld aangepast worden zodat iedereen de voorlopige stand van zaken kan bekijken...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Helpen jullie mee om de <b>Valentijnsmeter</b> te vullen?</div>
<style type="text/css">
div.container {
position:relative;
width: 580px;
height: 530px;
}
.subcont {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.cont_Transp {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoz0Cm4Xw12BABVVDOSomm7WpxYwvXn71j9mEuZ6rzJe6uvJ_F009LbCd3rsPSueEs_O1BA82qsJ1PoFuYquKc0QYtgLsaJ3Dc99Z4TuI3Noeof_jQ8NmZ4X-IC7N_TY0FusxqofGpDZBN/s1600/hart_trans.png);
}
.cont_Color {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbJ_koO1RdHfw9iAXuFzJw9Dv_KIUb9c6fkTzkf2wcq2NmycUlC5tTODOY5qVl1OndZ8TP5fVy46MyIxJVjgHZtqfaCFoOTknA04ixWycAPTTxwMJjfA3SQ0lCg28uwhRfC5IYPEJJY2y/s1600/hart_color.png);
top: 470px;
height: 1px;
}
.cont_Value {
text-align: center;
font-size: 20px;
font-weight: bold;
}
#totValue {
display: inline;
color: red;
font-weight: bold;
font-size: 1.5em;
}
</style>
<br />
<div class="container">
<div class="subcont cont_Color" id="color-filler">
</div>
<div class="subcont cont_Transp">
</div>
<div class="subcont cont_Value">
<div style="height: 200px;">
<br /></div>
<div style="margin: 0px;">
Reeds</div>
<div id="totValue">
</div>
<br />
ontbijten<br />
verkocht!</div>
</div>
<script type="text/javascript">
// hieronder de huidige waarde aanpassen. laat alle andere tekens staan (var current = <aantal>;)
//
var current = 752;
//
// hieronder niets meer aanpassen!
document.getElementById('totValue').innerHTML = current;
if (current > 750) current = 750;
var max = 750;
var perc = current/max*100;
//alert(perc);
var minimum = 40;
var maximum = 470;
var filler = (current > 730 && current < 750)? 413 : (maximum-minimum)*perc/100;
//alert(filler);
document.getElementById('color-filler').style.height = filler+'px';
document.getElementById('color-filler').style.top = (maximum-filler)+'px';
</script>
Unknownnoreply@blogger.com0