**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.

Herramientas

domingo, 4 de noviembre de 2007


Expandir/Contraer




Contenido:En el estupendo blog de César (dedicado a trucos, herramientas y toda clase de cosas que tenga que ver con el blog y su entorno, aparte de su estimable ayuda en todo lo concerniente al mismo, he pedido encontrar esta estupenda aplicación para Expandir y/o Contraer, tanto texto cómo imagenes y todo lo que se nos ocurra. El código para su implantación es el siguiente:

Entre la etiqueta -Head-/head-, pondremos lo siguiente;:
<script type="text/javascript" src="http://webjcp.googlepages.com/switchcontent.js" >

</script>

<style type="text/css">

.handcursor{

cursor:hand;

cursor:pointer;

}

</style>



-----Y en añadir un elemento de página, en la sección de -HTML-Javascript-,
añadiremos esto otro:

<div><a href="javascript:bobexample.sweepToggle('contract')">Contraer todo</a> | <a href="javascript:bobexample.sweepToggle('expand')">Expandir todo</a></div>

<h3 id="bobcontent1-title" class="handcursor">TITULO</h3>

<div id="bobcontent1" class="switchgroup1">

Contenido

</div>

<h3 id="bobcontent2-title" class="handcursor">TITULO</h3>

<div id="bobcontent2" class="switchgroup1">

Contenido

</div>

<h3 id="bobcontent3-title" class="handcursor">TITULOS</h3>

<div id="bobcontent3" class="switchgroup1">

Contenido

</div>



<script type="text/javascript">

var bobexample=new switchcontent("switchgroup1", "div") //Limit scanning of switch contents to just "div" elements

bobexample.setStatus('<img src="http://webjcp.googlepages.com/abrir.png"/> ', '<img src="http://webjcp.googlepages.com/cerrar.png"/> ')

bobexample.setColor('darkred', 'black')

bobexample.setPersist(true)

bobexample.collapsePrevious(true) //Only one content open at any given time

bobexample.init()

</script>



Titulo




Contenido:


Titulo




Contenido:


Titulo




Contenido:



Publicado por Guti en 23:56 29 comentarios  

Etiquetas:


Pulsar para oir post hablado

Trucos Blog


Ver todas las entradas




Contenido:Para ver todas las entradas hasta 999, vasta con añadir el siguiente código
en la parte correspondiente a añadir un elemento de página -apartado de -HTML-javascript-.
El código es el siguiente :
<a href="http://reinosano.blogspot.com/search/label/?max-results=999"><img src="http://img58.imageshack.us/img58/7954/bulletgoro6.png"/>Ver todos los post</a>

Nota : Solamente habrá que cambiar laa partee correspondiente a http://, y poner la direccion de vuestro blog.


Efecto reflejo en Imagenes




Contenido:
Para obtener el efecto de reflejo en las imagenes tienes que pegar el siguiente código antes de -/head-:
Código:<script src='http://blogdecesar.googlepages.com/reflection.js' type='text/javascript'></script>
guardas plantilla y luego añades esto otro en la imagen:
<img src="dirección de foto" class="reflect"/>


Eliminar barra de Blogger




Contenido:
En el caso de que deseemos eliminar la barra de blogger situada en la parte superior del blog debemos insertar el siguiente código antes de -<head>-
Código:
<style type="text/css">

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

</style>

-------
y si nos queda un espacio en blanco Nos situamos en #outer-wrapper

en su lugar deberemos restificar la instrucción a donde dice -padding: 10px-, pondremos a 5 px o a 0px


Titulo




Contenido:



Publicado por Guti en 23:25 0 comentarios  

Etiquetas:


Pulsar para oir post hablado

Utilidades

sábado, 3 de noviembre de 2007


Frase/Texto en Cursor




Contenido: Gracias al blog del Escaparate de Rosa podemos poner un texto que sigue el movimiento del ratón: El código de que nos muestra Rosa es el siguiente:
<script language="JavaScript" type="text/javascript">



mensaje = 'COLOCAR AQUI LA FRASE QUE SIGUE AL CURSOR';

font = 'Verdana,Arial';

size = 2;

color = 'black';

velocidad = 0.7;



n4 = (document.layers);

ie = (document.all);

n6 = (document.getElementById);





mensaje = mensaje.split('');

n = mensaje.length;



a = size*10;

ymouse = 0;

xmouse = 0;

props = "<font face="+font+" color="+color+" size="+size+">";



if (n4)

{

for ( i = 0; i < n; i++)

document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');

}

else if (ie)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}

else if (n6)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < n; i++)

document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}



if(n4)

window.captureEvents(Event.MOUSEMOVE);





function Mouse(evento)

{

if(ie)

{

xmouse = event.x+20;

ymouse = event.y+20;

}

else if(n4 || n6)

{

xmouse = evento.pageX+20;

ymouse = evento.pageY+20;

}

}



if(n4)

window.onMouseMove = Mouse

else if(ie || n6)

document.onmousemove = Mouse;



y = new Array();

x = new Array();

Y = new Array();

X = new Array();

Yaux = new Array();

Xaux = new Array();



for (i=0; i < n; i++)

{

y[i] = 0;

x[i] = 0;

Y[i] = 0;

X[i] = 0;

Yaux[i] = 0;

Xaux[i] = 0;

}



function asigna()

{

if (ie)

padre.style.top = document.body.scrollTop;



for (i = 0; i < n; i++)

{

if(n4)

{

document.layers['n4mensaje'+i].top = y[i];

document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));

}

else if(ie)

{

iemensaje[i].style.top = y[i];

iemensaje[i].style.left = x[i]+(i*(a/2));

}

else if(n6)

{

eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");

eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");

}

}

}



function ondula()

{

y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);

x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);



for (var i = 1; i < n; i++)

{

Yaux[i] = Math.round(Y[i]);

Xaux[i ]= Math.round(X[i]);

y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);

x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);

}

asigna();

setTimeout('ondula()',50);

}



window.onload = ondula;



</script>


que lo añadiremos en añadir un nuevo elemento de HTML, y pegamos en su interior este
Script


Mostrar/Ocultar




Contenido:Gracias a http://www. ForosdelWeb.com/, podemos disfrutar de este estupendo
Script, para mostrar y ocultar toda clase de contenido, incluso con varios enlaces
que interactuan entre sí. En el propio contenido del código está explicado como se debe de pegar en el blog, tanto en el -sidebar-, como en las -entradas. Hay una parte que se pone entre la etiqueta -head-, /head-, y otra entre -body -/body-, o en añadir un elemento de HTML y pergarlo en su interior.
El código es el siguiente:
<html>

<head>



<script>

function mostrar(enla , etik) {

obj = document.getElementById(etik);

obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';

enla.innerHTML = (enla.innerHTML == '[-]') ? '[+]' : '[-]';

}

</script>



</head>



<body>



<p><a href="#" onclick="mostrar(this,'oculto'); return false" />[+]</a></p>



<div id="oculto" style="display:none">

Este texto se verá cuando yo quiera

</div>



<div>esto es un texto intermedio, siempre esta visible</div>



<p><a href="#" onclick="mostrar(this,'oculto2'); return false" />[+]</a></p>



<div id="oculto2" style="display:none">

Este texto se verá cuando yo quiera

</div>



<div>esto es otro texto intermedio, siempre esta visible</div>



</body>

</html>



Mostrar/Ocultar con el Ratón




Contenido:Otro Script interesante referente a mostrar y ocultar texto o imagenes, es la variante de pasar el ratón por encima de una palabra y que se vea el texto completo y al quitar el ratón dicho texto se oculta. Resulta bastante llamativo.
Tambien gracias a la gentileza de gente estupanda en programación visto en www.forosdelweb.com. El código lo explica por si sólo, hay una parte a insertar entre la etiqueta -head-/head-, otro parte a poner en el entradas o sidebar, en este caso basta añadir en un elemento de página en Script -HTML-.
El código es el siguiente:
<script type="text/javascript">



function mostrar(enla,etik) {

obj = document.getElementById(etik);

obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';

}



</script>

..............................

<body>



<a href="#" onmouseover="mostrar(this,'capa'); return false" onmouseout="mostrar(this,'capa'); return false">enlace</a>



<div id="capa" style="visibility:hidden">

Este texto se verá cuando ponga el cursor sobre el enlace

</div>



</body>



Tarjetas Navideñas




Contenido:
Para estas proximas Navidades a continuación les detallo algunas páginas de tarjetas Navideñas, para poder enviarlas por correo a sus familiares y amistades:
http://www.guiastur.com/NAVIDAD/
http://www.latincards.com/
http://www.postalvirtual.net/
http://www.tuspostales.net/ecard/
http://www.tarjetasnico.com/
http://www.regalosvirtuales.com/
http://www.postalvirtual.net/postal/





Publicado por Guti en 12:03 0 comentarios  

Etiquetas:


Pulsar para oir post hablado

M/O Acerca del miedo

viernes, 2 de noviembre de 2007


Codigo+Acerca del miedo


Publicado por Guti en 8:48 0 comentarios  


Pulsar para oir post hablado

Mostrar/Ocultar

jueves, 1 de noviembre de 2007

[+]





esto es un texto intermedio, siempre esta visible


[+]





esto es otro texto intermedio, siempre esta visible

Publicado por Guti en 20:53 0 comentarios  


Pulsar para oir post hablado

miércoles, 10 de octubre de 2007



Este texto se ve siempre

Publicado por Guti en 16:22 0 comentarios  


Pulsar para oir post hablado

holaprueba


Aquí escribes el resto del post.hola

Publicado por Guti en 15:49 0 comentarios  


Pulsar para oir post hablado

Suscribirse a: Entradas (Atom)
 
Comentarios