martes, 29 de octubre de 2019

Decoración del blog

Hola a todos y a todas.

En la entrada de hoy les comparto los gadgets que he usado para decorar el blog dada la época de Halloween. Además, os añado los que usé el diciembre pasado y que seguramente repita con algunos de ellos este año. He pensado que les podrían servir si son profesores y profesoras y tienen un blog que utilizan para compartir sus experiencias como docentes ya sea, a otrxs compañerxs, familias de su alumnado o quizás, si simplemente tienen un blog y al igual que a mi, les gustan estos pequeños detalles. 
Navidad
  • Del blog Todopatuweb  pude sacar muchos adornos para el blog.
  • Campana de navidad: 
<div id="navidad">
<img alt="Feliz navidad" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaR8kXglY_zMs2Otif_CQPWk9LI4Fe15YpB4YTPQlqZ1_1KzOnNVjzAn5tnCpkcBpbejc9o4nCQu4A8pFSn9lWwhZM4ukM9mXvPaVomtgBDkL9mcIrs1H0Fq5MxUVHc4gia4EUFVw6uvY/s200/Navidad+(34).png" title="Feliz navidad" width="159" /></div>

  • Luces de navidad:
<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZGyRAxkfwsayVKC71NnZmdd066gwTvqtDOiWLjpbkI8NvB-uV8b-DNRO2bHfpxrJT8Bld81MX9Fppcu3OUKF8oslB1t6qTpocXOnseHQnIogaiMYqycCPbsLiKw9r1SHUqqI5ur5tRk/s333/luces8.gif);
background-repeat:repeat-x;
height:45px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->
  • Copos de nieve cayendo:
<script type="text/javascript">
var speed=30; // A menor numero más rápido
var flakes=150; // Numero de Copos de Nieve
var flake_image="http://i60.servimg.com/u/f60/13/20/23/83/sin_ta11.png"; // URL de la imagen de nieve
var swide, shigh;
var dx=new Array();
var xp=new Array();
var yp=new Array();
var am=new Array();
var sty=new Array();
window.onload=function() { if (document.getElementById) {
var k, f, b;
b=document.createElement("div");
b.style.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
for (var i=0; i<flakes; i++) {
dx[i]=0;
am[i]=Math.random()*20;
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=Math.random()*shigh;
sty[i]=0.75+1.25*Math.random();
f=document.createElement("div");
f.style.position="absolute";
f.setAttribute("id", "flk"+i);
f.style.zIndex=i;
f.style.top=yp[i]+"px";
f.style.left=xp[i]+"px";
k=document.createElement("img");
k.src=flake_image;
f.appendChild(k);
b.appendChild(f);
}
setInterval("winter_snow()", speed);
}}
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600
}
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}
function winter_snow() {
for (var i=0; i<flakes; i++) {
yp[i]+=sty[i];
if (yp[i]>shigh-30) {
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=0;
sty[i]=0.75+1.25*Math.random();
}
dx[i]+=0.02+Math.random()/10;
document.getElementById("flk"+i).style.top=yp[i]+"px";
document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";
}
}
</script>
  • Bola de navidad (imágen):
 <div id="navidad"><img alt="Feliz navidad" src="http://www.100pies.net/Gifs/Navidad/Bolas-Cristal/bolas-cristal-05.gif" title="Feliz navidad" /></div>
  • Lazo y campanas:
 <div id="navidad"><img alt="Feliz navidad" src="http://www.caxigalines.net/gifanimados/navidad/guirnaldas/guirnaldas2.gif" title="Feliz navidad" /></div>

Halloween
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispfQs1JkLF3m7xQGm9Ba64dV5rTMpGKpmKppe7XF5BNMmLiZ6Kt0_NIzpBlRiqgVIRtKRo2uyFl6SJg4iMYs9GI0CWzzFjzZsMM2Uzy-mCbsI74UihYk1OVXxOMcvJDI1QqlhJ3iBWH8/' style='position:fixed; top:0; left:0;'/>
  • Cursor con forma de calabaza: 
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol14.cur), progress;}</style>
  • Fantasmas a en ambas esquinas superiores flotando:
<!-- ADORNO SUPERIOR IZQUIERDA CPC-->
<script language="JavaScript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var numberOf = 1; /* 0 Inactivo - 1 Activo */
var idx = document.getElementsByTagName('div').length;
for (i = 0; i < numberOf; i++)
{
document.write('<div id="'+(idx+i)+'"'
+' style="position:fixed;top: 5px; left: 0px; z-index: 300;'
+'"><a href="AQUI LA URL DEL ENLACE" target="_blank"><img src="https://lh5.googleusercontent.com/-sYrxr3EJB3I/TqHTFqaRz-I/AAAAAAAAa6Q/Jv-j55nRWiI/s156/32556382.gif";" title="Feliz Hallowen" width="126" height="106"/></a></div>');
}
if (window.addEventListener){
window.addEventListener("resize",win,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",win);
window.attachEvent("onload",init);
}
})();
}//End.
</script>
<!-- ADORNO SUPERIOR IZQUIERDA CPC-->


<!-- ADORNO SUPERIOR DERECHA CPC-->
<script language="JavaScript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var numberOf = 1; /* 0 Inactivo - 1 Activo */
var idx = document.getElementsByTagName('div').length;
for (i = 0; i < numberOf; i++)
{
document.write('<div id="'+(idx+i)+'"'
+' style="position:fixed;top:35px; right: 0px; z-index: 300;'
+'"><a href="AQUI LA URL DEL ENLACE" target="_blank"><img src="https://lh6.googleusercontent.com/-Nph36qV-W9s/TqIhXwEQUrI/AAAAAAAAa64/VLbW7dmGafg/s156/32556382.gif";" title="Feliz Hallowen" width="126" height="106"/></a></div>');
}
if (window.addEventListener){
window.addEventListener("resize",win,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",win);
window.attachEvent("onload",init);
}
})();
}//End.
</script>

Aquí les dejo un pantallazo del blog durante la semana antes a Halloween, así pueden ver la decoración aunque lo vean cuando ya no esté.




Música
  • De Navidad: 
<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="http://scmplayer.co/script.js" 
data-config="{'skin':'skins/simpleBlue/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'BSO Eduardo Manostijeras','url':'https://www.youtube.com/watch?v=XZi4yOUXuLo'},{'title':'BSO La novia cadaver','url':'https://www.youtube.com/watch?v=a7ouDfay0Ug'},{'title':'BSO The Polar Express','url':'https://www.youtube.com/watch?v=Yz4cUZeN5wM'},{'title':'Dreaming- Los mundos de Coraline','url':'https://www.youtube.com/watch?v=YS1qWMvsFZo'},{'title':'Ice Dance Eduardo Manostijeras','url':'https://www.youtube.com/watch?v=MiYNHOkY_vM'},{'title':'Lang Lang - The Nutcracker Suite','url':'https://www.youtube.com/watch?v=Iz1J_mwnMQc&list=PLtNjm54MgVUaiHVu_KkgQp2-Dbro8BmY7'}]}" ></script>
<!-- SCM Music Player script end -->

  • De Halloween: 

<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="http://scmplayer.co/script.js" 
data-config="{'skin':'skins/scmOrange/skin.css','volume':26,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Beethoven- silence','url':'https://www.youtube.com/watch?v=YFD2PPAqNbw'},{'title':'Caroline','url':'https://www.youtube.com/watch?v=58uLS0xgxzY'},{'title':'Harry Potter','url':'https://www.youtube.com/watch?v=Htaj3o3JD8I'}]}" ></script>

<!-- SCM Music Player script end -->+
  • Crea tu propia lista de reproducción: SCM Music Player .Si necesitas ayuda para hacerlo visita puedes visitar el blog que me ayudó a mi: BloggerGifs.
Cursor habitual de pájaro: 
<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hummingbird2.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/hummingbird2.gif"), auto;}</style>

Que tengan un lindo día
Chao.😃
en
Etiquetas: , , , , ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)