Página receptora de links.

Tengo un blog en el que suelo escribir sobre temas de mi ciudad y me gusta documentarlas con lo aparecido en otras páginas, blogs o periódicos.

El caso es que he detectado que muchas veces, que después de seguir alguno de estos enlaces, el lector ha perdido mi página.

Para que esto no ocurra tan a menudo se me ocurrió la idea de que los links se abrieran dentro del mismo blog.

Como el mio es de blogger, no puedo programar demasiado sobre él, así que diseñé una página similar al blog y redirigí los liks a ella.

Como vi que funcionaba, la adapté para que otros usuarios de blos o de otras páginas pudieran usarla.

La dirección para llamarla es https://pfont.eu/www4/nuevapagina.htm , que por defecto saca mi diseño.

Los modificadores para personalizarla son los siguientes:

a= URL de la página que queremos abrir dentro.
bgc= color de fondo
ban= URL de la imagen del banner
bgcc= color detrás del banner
bgca= color detrás de anuncio de Adsense.

Si no sabes como va lo de los modificadores mándame un correo y te lo explico. Es muy fácil.

Les dejo dos muestras de la misma página personalizadas de diferente manera para que sirvan de ejemplo.

Quizá hubiera podido perder más tiempo haciéndolas más bonitas, pero eso lo dejo para vuestra imaginación.

Saludos.

Números aleatorios.

Los juegos de azar están de moda.

En tiempos de crisis todos queremos que un golpe de suerte nos ayude a salir de la misma, y si es posible, incluso que nos instale en la abundancia.

Es por ello que todos apostamos a todo tipo de loterías, rifas y sorteos. Quizá entre los más populares, por la cuantía de sus premios estan las loterías primitivas, y el Euromillon.

A fin de animar un poco estos juegos he creado este gadget que genera números aleatorios, que no nos garantiza los premios, pero nos distraerá un poco mientras apostamos.

Esta aplicación, es también perfectamente válida para la realización de rifas y sorteos. 

Este es el código para enlazarlo, si queréis usarlo en alguna de vuestras páginas.

<div align="center">
<iframe frameborder="no" src="https://pfont.eu/gadgets/numeros_aleatorios.html" width="330px" height="300px">
</iframe></div>

Mucha suerte.

Por si no sabléis como poner el código en un blog os lo indico en esta otra página.

Quizá también le pueda interesar Juegos y Loterías

Adivina Cantidad.

En esta ocasión he hecho una incursión en el mundo del entretenimiento.

Se trata de un gadget que, realmente, no sirve para nada, es un mero divertimento, para mi al hacerlo y para los que quieran entretenerse un rato.

La aplicación genera un número de cuatro dígitos que hay que adivinar en cuatro pasos.

Los números no se pueden repetir, y cuando nosotros proponemos un número, la aplicación lo colorea según los siguientes patrones: Si el número no está comprendido entre los planteados por el ordenado, lo colorea de rojo; en caso de que si esté, pero en otra posición, nos lo indicará coloreándolo de amarillo. En caso de que coincida además en la posición, lo pintará de verde.

En general se puede resolver en cuatro intentos, y este es precisamente el reto. Inténtelo y a disrutar.

Este el código si quieres instalarlo en tu página:

<div align= center>
<iframe src="https://pfont.eu/gadgets/adivinacantidad.html" width="220" height="150" scrolling="no" frameborder="0"></iframe></div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

Un libro.

Hace unos días me dejaron unos escritos antiguos, muy curiosos, en formato libro, con 10 o 12 páginas cada uno, para escanearlos y poder usarlos en mis páginas cuando me interese. Ya lo haré cuando lo estime oportuno en mi página Plaza Mayor Villarreal.

El caso es que para mostrarlos adecuadamente necesitaba algunas funciones en javascript que dieran el aspecto al libro.

He visto verdaderas maravillas por la red, para hacer este efecto, pero están hechas con flash.

Yo, de momento no trabajo con herramientas de pago, por lo que mis aspiraciones eran más modestas, y al final he hecho lo que seguidamente les muestro con páginas de ejemplo.

Si puede serle útil a alguien, aquí le dejo el código. Las imágenes tienen que llamarse 1.jpg, 2.jpg,...

<script>
var hoja;
var ancho;
var ancholibro=350;
function libro(ancholibro)
{
l='<table border=0 style="border-collapse: collapse;width:'+ancholibro+';background-color:gray ;margin:0;padding:0"><tr><td id="par" width="50%">';
l+='</td><td id="impar" width="50%">';
l+='</td></tr></table>';
document.write(l);
ancho=ancholibro/2;
hoja=1;
document.getElementById("impar").innerHTML='<img width="'+parseInt(ancho-4,10)+'px" alt="" src="'+hoja+'.jpg" onclick=pasahoja(2) onerror=sinimagen("impar") />';
}
function pasahoja(x)
{
hoja=parseInt(hoja+x,10);
ancho=ancholibro/2;
document.getElementById("impar").innerHTML='<img width='+parseInt(ancho-4,10)+'px" alt="" src="'+hoja+'.jpg" onclick=pasahoja(2) onerror=sinimagen("impar") />';
document.getElementById("par").innerHTML='<img width="'+parseInt(ancho-4,10)+'px" alt="" src="'+parseInt(hoja-1,10)+'.jpg" onclick=pasahoja(-2) onerror=sinimagen("par") />';
}
function sinimagen(a)
{
document.getElementById(a).innerHTML='';
}
libro(ancholibro);
</script>

Carrusel de imágenes

Esta vez os presento un código que permite ir alternando tantas imágenes (banners) como deseemos, asignándole a cada una un enlace.

Puede servir para anuncios, presentación de imagenes, diapositivas, y cuantas aplicaciones consideréis.

El código es bastante sencillo para cualquier iniciado, pero si necesitáis ayuda podéis contactar conmigo.

Este es el código:

<script>
var imagen=new Array();
var enlac=new Array();
imagen[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCzN3Boz7Y2dIziCzk16t0-lUGCsGF3usIGwXQHRD_ihERigkicJuAvqa1y4XSwP_23TUVDS5VKgn14k35aykv1yJzvibtg0JorhzSAMBGjPlcd656UyJBjeCJDRDxXE5yu438O-mPfN8/s640/plazamayor.jpg";
enlac[0]="https://plazamayorvillarreal.blogspot.com";
imagen[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXC9c911lPTwCCgxuHUS4CNWVWvX0QwZWh3lHbH12tPCxLAcP0WWbzt5o4FRY4HICYTTI2akGj9pi0lgSx1H2liwokuMONCAWRYZi1VkERUYQDvAfkZ-CUNCbW8kHiCwGDFlacrDpYg-UR/";
enlac[1]="https://www.andresroca.com/contacto.html";
imagen[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2_lt8ZFPFt0qm7amszx4_8pdO_Vhjh-O5QLe6nEyhHbXzjrhoemX5zphyphenhyphenqZ6ocfX9vN_Qv3d_ClPtkpUatOMhPK8S-inotlig-FyWN-necPEI123wSS92RO8b0vMko04FXXYKlxEGMO3/s640/anuncio.jpg";
enlac[2]="mailto:pfont.3110@cajarural.com?subject=Inclusion_propaganda_en_Plaza_Mayor_Villarreal";
np=parseInt(Math.random()*imagen.length,10);
function actupag()
{
if (np<imagen.length-1)
 {np++;}
 else
 {np=0;}
document.getElementById('pag').innerHTML='<a href='+enlac[np]+' TARGET="_new" ><img  id="np" src='+imagen[np]+' style="border:0;display:block; margin: auto auto;padding:0px"/></a>';

if (document.getElementById("np").offsetWidth>ancho)
    {
    document.getElementById("np").width=ancho;
    document.getElementById("np").style.width=ancho;
    }

}
setInterval('actupag()', 10000);
</script>
<div id="pag" style="font-size: 9px; height: 70px; text-align: center; width: 100%;">
</div>
<script>
var ancho=document.getElementById('pag').offsetWidth;
actupag();
</script>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página