ghost raven

Marley And Me Marley And Me

dark raven

Crank:High Voltage Crank:High Voltage

ghost rider

WATCHMEN - The Movie WATCHMEN - The Movie

cuervo fantasma

Bedtime Stories Bedtime Stories

ghost-raven

Con la tecnología de Blogger.
Latest News

Traducir tu blog a 35 idiomas

Posted by ghost raven on domingo, 24 de julio de 2011 , under | comentarios (0)




Traducir tu blog a 35 idiomas


Hola! Con el Script que les dejo a continuación podrán traducir su blog a 35 idiomas.

Nota: Para que Google Traductor puede traducir bien los textos de su blog, deben estar escritos bien.

Ejemplo:

No traduce: Aki.
Si traduce: Aqui/Aquí

El código es este:


CÓDIGO:
 <div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'zh-CN'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 


Para ponerlo ve a Administración --> Multiblog --> General --> Contenido personalizable y elige lo demás a tu gusto.

poner imagen al cursor del blogg

Posted by ghost raven on , under | comentarios (0)



poner imagen al cursor del blogg




El titulo es totalmente explicito. Bueno te explico, es muy sencillo, si sabes como manejar este tipo de Scripts. En el código que se te da sobre "Imagen que sigue al cursor", se te da un CSS y un Script. a continuación se te explica como colocarlos en el panel de administración para ver su resultado en todas las paginas.

Panel de administración ==> Visualización ==> Colores ==> CSS Stylesheet ==> Ingresas:

CODE: ----------SELECCIONAR TODO EL CONTENIDO
BODY {overflow: scroll; overflow-x: hidden;}


Luego en Panel de administración ==> Módulos ==> Gestión de las páginas HTML ==> Añadir una página HTML ==> Ingresas el siguiente código (Recuerda editar lo que colocare en mayúsculas) 

CODE: ----------SELECCIONAR TODO EL CONTENIDO
var trailLength = 8;
var path = "DIRECCIÓN DIRECTA DE UNA IMAGEN";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array(); 
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) { 
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) { 
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}


Una vez que tengas preparada y lista la pagina HTML, tanto como el CSS ingresado donde corresponde.
Dirígete a: Panel de administración ==> General ==> Foro ==> Configuración ==> Descripción ==> Colocas:

CODE: ----------SELECCIONAR TODO EL CONTENIDO
<script src='Dirección directa de la pagina HTML que has creado con el script'></script>

Editas la frase "Dirección directa de la pagina HTML que has creado con el Script" por lo que se te pide en el.

Luego de haberlo, colocado tal como lo he indicado. Registra los cambios y verificarlo en tu foro. Ten en cuenta que este Script, solo funciona con el navegador "Internet Explorer". En ningún otro funciona

guia para enlazar imagenes en el blog

Posted by ghost raven on , under | comentarios (0)



guia para enlazar imagenes en el blog
Hace tiempo hice esta entrada en la que expliqué como poner una imagen que sirva de link o enlace, de manera que al pinchar en ella vayamos a parar a otra página.
Puse esta explicación al final de todo y como la entrada es muy larga, pues trata de como usar las imagenespara varias cosas, he pensado que sería interesante separar esta parte.
Si quieres poner una imagen que sirva de enlace a otro sitio has de poner un código, ya sea en un elemento HTML/Javascript, en la barra lateral, o en una entrada. (En este caso deberás escribir el código directamente pinchando en la pestaña Edición de HTML delescritorio de entradas).

---
El código a colocar es éste:


<div align="center"><a
href="la dirección de la página a la que quieres que se llegue"target="_blank"><img border="0" src="la dirección de la imagen que se
ve"/></a></div>
---
Vamos a analizarlo:
Con <div align= (puede ser right, center o left)> le dices la posición que va a tener en el elemento o en laentrada. Si no le pones esta parte del código la colocará a la izquierda por defecto.
En el caso de que no se lo pongas tampoco has de poner el </div> del final.
Con target="_blank" le dices que abra el enlace en otra ventana.
Con border="0" le dices que no le ponga margen a la imagen.

---
Notas:
Si colocas un código de esos desde otra página, (a veces ponemos imágenes que enlazan a otros sitios cuyos códigos nos proporcionan ellos), antes de guardar cambios, una vez pegado en un elemento, asegúrate que quien ha creado el código ha colocado lo del target="_blank", de lo contrario se abrirá en la misma ventana de tu blog, con lo que echarás del blog a tus lectores (y no a todo el mundo se le ocurre pinchar con el botón derecho para abrir algo en una ventana nueva, por si acaso).
Si tienes modificado el código de tu plantilla para que no ponga bordes a las imágenes, lo de border="0" aparecerá solo aunque no lo pongas. (Si aún no lo has modificado pero quieres hacerlo aquí te explico como).
No olvides poner comillas donde corresponde, ni quites o añadas espacios o no funcionará bien.

guia poner imagen que se desplaza junto con el cursor

Posted by ghost raven on , under | comentarios (0)



guia poner imagen que se desplaza junto con el cursor


solo copia el codigo y cambiua el texto de azul...



<script language="JavaScript" type="text/javascript">

mensaje = 'aqui tu texto';
font = 'Verdana,Arial';
size = 5;
color = 'blue';
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>