15 de abril de 2014
Efecto en las imágenes+link en una nueva ventana
5 message(s) / comment ?★☆
(Soy nerd y me gusta serlo xD)
Hola chicas
hoy publico medio tarde porque era bastante la tarea que me dieron y gimnasia dura como dos horas
estoy súper cansada. No, mentira, no lo estoy, volví hace horas! ok, traigo un tutorial para personalizar las imágenes (cómo estoy con eso) y otro para blogger.
Y quería pedir por mi amiga, que se desmayó ayer, tiene aracnofobia :(
Bueno y también que estoy un poquito triste
si, porque había unas fuentes que me quería descargar, pero son para abrir con zip y nya! Yo no lo tengo ;( ok, no importa :')
Primero el tutorial, para blogger:
Ahora sí, el tuto!
Sabemos que si al code simple de un link:
<a
href="URL"> Link </a>
Le agregamos "target="_blank""
<a
href="URL" target="blank"> Link </a>
Ese link va a abrirse en una nueva pestaña.
Pero... y si queremos que ese link se nos abra en una nueva ventana¿?
Bueno, no es complicado, pero tampoco es como escribir una entrada, que es súper fácil LOL
Ok, nos iremos a plantilla//editar HTML//presiona (haciendo un click dentro del recuadro de tu código) Ctrl F y en el buscador busca:
Debajo de ese code, pega esto:
<script>function
popUp(URL) {day =
new Date();id =
day.getTime();eval("page"
+ id + " = window.open(URL, '" + id +
"',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left = 212,top = 184');");
}
</script>
Cambia lo que marqué en lila, que son las medidas de ancho y de alto (widht significa ancho y height significa alto) y luego puedes cambiar left = 212,top para (solo cambia left) si quieres que esté en el centro (center) en la derecha (right) y si lo quieres a la izquierda, no lo cambies.
Ahora debes elegir que tendrá esa ventana, las reglas, las normas de la publi, tus affies... lo que quieras. Para eso solo añade este code:
<a
href="javascript:popUp('URL')">NOMBRE DE TU LINK</a>
Donde dice 'URL', debes poner la url de lo que quieres que se muestre en la ventana y en Nombre de tu link, escribe lo que te aparecerá, por ejemplo, tienes el photoscape y donde está el logo y dice PhotoScape, ese es el nombre que tienes que poner en Nombre de tu link!
1|NOTA
:::Si tienes algún blog abandonado, que no publiques (sin uso) o de pruebas, coloca tu cbox en alguno de esos y en donde te pide la url, pega la url de ese blog!:::
Alguna que tenga la fuente "Pixel-Love" y la descargó en una web que no se abría con WinZip, ¿me pasa la url de la página? Grax!
Ahora el de las imágenes:
Este es un efecto "velocidad o fantasma". Puede ser que lo conozcan varias, pero yo lo enseño para las que lo deseen
Sólo mostraré imágenes, cada una dirá que hay que hacer, mira todas con atención.
Este es el resultado:
Bueno, esto fue todo, perdón si no puse lo del borde en el post, será en la próxima vez que escriba :)
Próxima entrada
Tutorial blogger+Firmas variadas.
Etiquetas: #Tutoriales, Photoscape
Site

✦ Name: (actual)「D r a g o n」
✦ URL: https://satankeepsyoualive.bs.com.ar/
✦ Genre: literary, personal, graphics ;
✦ Created: February 5th 2014 ;
✦ Status: active
✦ Goal: 100 followers
(impossible, i know it, just let me dream ¬¬)
Sitio dedicado a las anécdotas, historias y gráficos (o cualquier estupidez más) de su autora. No se permite la re-distribución de ningún gráfico ni historia.
15 de abril de 2014
Efecto en las imágenes+link en una nueva ventana
(Soy nerd y me gusta serlo xD)
Hola chicas
hoy publico medio tarde porque era bastante la tarea que me dieron y gimnasia dura como dos horas
estoy súper cansada. No, mentira, no lo estoy, volví hace horas! ok, traigo un tutorial para personalizar las imágenes (cómo estoy con eso) y otro para blogger.
Y quería pedir por mi amiga, que se desmayó ayer, tiene aracnofobia :(
Bueno y también que estoy un poquito triste
si, porque había unas fuentes que me quería descargar, pero son para abrir con zip y nya! Yo no lo tengo ;( ok, no importa :')
Primero el tutorial, para blogger:
Ahora sí, el tuto!
Sabemos que si al code simple de un link:
<a
href="URL"> Link </a>
Le agregamos "target="_blank""
<a
href="URL" target="blank"> Link </a>
Ese link va a abrirse en una nueva pestaña.
Pero... y si queremos que ese link se nos abra en una nueva ventana¿?
Bueno, no es complicado, pero tampoco es como escribir una entrada, que es súper fácil LOL
Ok, nos iremos a plantilla//editar HTML//presiona (haciendo un click dentro del recuadro de tu código) Ctrl F y en el buscador busca:
Debajo de ese code, pega esto:
<script>function
popUp(URL) {day =
new Date();id =
day.getTime();eval("page"
+ id + " = window.open(URL, '" + id +
"',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left = 212,top = 184');");
}
</script>
Cambia lo que marqué en lila, que son las medidas de ancho y de alto (widht significa ancho y height significa alto) y luego puedes cambiar left = 212,top para (solo cambia left) si quieres que esté en el centro (center) en la derecha (right) y si lo quieres a la izquierda, no lo cambies.
Ahora debes elegir que tendrá esa ventana, las reglas, las normas de la publi, tus affies... lo que quieras. Para eso solo añade este code:
<a
href="javascript:popUp('URL')">NOMBRE DE TU LINK</a>
Donde dice 'URL', debes poner la url de lo que quieres que se muestre en la ventana y en Nombre de tu link, escribe lo que te aparecerá, por ejemplo, tienes el photoscape y donde está el logo y dice PhotoScape, ese es el nombre que tienes que poner en Nombre de tu link!
1|NOTA
:::Si tienes algún blog abandonado, que no publiques (sin uso) o de pruebas, coloca tu cbox en alguno de esos y en donde te pide la url, pega la url de ese blog!:::
Alguna que tenga la fuente "Pixel-Love" y la descargó en una web que no se abría con WinZip, ¿me pasa la url de la página? Grax!
Ahora el de las imágenes:
Este es un efecto "velocidad o fantasma". Puede ser que lo conozcan varias, pero yo lo enseño para las que lo deseen
Sólo mostraré imágenes, cada una dirá que hay que hacer, mira todas con atención.
Este es el resultado:
Bueno, esto fue todo, perdón si no puse lo del borde en el post, será en la próxima vez que escriba :)
Próxima entrada
Tutorial blogger+Firmas variadas.
Etiquetas: #Tutoriales, Photoscape