Agregar un boton spoiler

Últimamente me he topado con algunos foros, blogs o webs que están usando los llamados spoilers pues en un acto de ociosidad (como de costumbre -__-U) me di a la tarea de investigar como hacer uno y de paso descubrir para que sirve originalmente (emmm cual seria mi prioridad?) ya que podemos darle el uso que queramos jeje n__n

Estos botones sirven para no echar a perder la trama a alguien que no sepa completamente el tema del que estamos hablando, ya sea que estemos ofreciendo una critica de una película y en algún momento nos da por decir algo que es de suma importancia pero no queremos fastidiarle el momento a alguien que no la ha visto, pues ahí entra en acción un spoiler, pues podremos ponerlo y advertir que ahí esta algo que podria arruinarle la película.

Spoiler texto que puede develar informaciones futuras, la palabra spoiler proviene del inglés «spoil» cuyo significado es «estropear(se), echar(se) a perder, arruinar(se)». Spoiler quiere decir aguafiestas. Es bastante común que esta palabra aparezca en reseñas, comentarios, monografías, etc., indicando la situación antes mencionada, para aquellos que consideran los adelantos perjudiciales para el disfrute de la historia. http://es.wikipedia.org/wiki/Spoiler

Bueno, despues de tanto choro pasemos a lo mas importante xD poner uno en nuestra web. Y para ello solo necesitaremos pegar este codigo donde queramos que aparesca:

<div style="background-color: #CCCCCC; border: 1px solid #666666; padding: 5px;">
Este es un spoiler: <span>
<span style="margin-bottom: 5px;">
<input class="button" value="Mostrar" style="margin: 0px; padding: 0px; font-size: 12px;" onclick="if (this.value=='Mostrar') { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</span>
<span>
<span style="border: 0px dashed rgb(11, 25, 140); padding: 0pt 3px; display: none;"><br>
Esto es un texto oculto<br>
o un spoiler como le quieran llamar<br>
jajajajaja xD
</span>
</span>
</div>

El resultado sera como este: (esque en mi blog se cambia un poco)

Este es un spoiler:
Esto es un texto oculto
o un spoiler como le quieran llamar
jajajajaja xD

Pues nada mas es cuestion que practiquen un poco modificandolo y ya veran. chau!

Quitar todos los hipervinculos en word 2003

Que onda! Si alguna vez han tenido la necesidad de copiar una pagina web y pegarla en Word posiblemente han tenido que quitar cada uno de los hipervínculos que se quedan agregados, pues si te parece tedioso estar quitando cada uno de ellos, aquí les dejo este macro que les ahorrara mucho tiempo (digamos que trabajas en un cibercafe y tienes que hacer tareas ajenas jaja).

En tu archivo de Word debes oprimir Alt+F11 te aparecerá una ventana de Microsoft Visual Basic ahora tienes que ir a menú Insertar luego en Modulo y ahí pegaras el siguiente código:

Sub Quitahiper()

Dim i

Do While ActiveDocument.Hyperlinks.Count > 0
For Each i In ActiveDocument.Hyperlinks
i.Delete
Next i
Loop

End Sub

Ahora puedes cerrar esa ventana, ya de regreso en Word activaras este macro oprimiendo Alt+F8 y aceptando en Ejecutar

Esto no es mio, lo encontre en la siguiente direccion:
http://www.todoexpertos.com/categorias/tecnologia-e-internet/software-y-aplicaciones/microsoft-word/respuestas/104379/eliminar-hipervinculos-en-word
Espero les sea de utilidad, yo últimamente lo uso mucho. xD

Como agregar un icono (favicon) a tu sitio web

Y algunos se preguntaran que es un favicon?
La palabra FavIcon es una abreviatura de "Favorites Icon" O__O
Y es el icono que aparece en algunos navegadores junto a la dirección de una página web, en las pestañas de navegación, en la barra de titulo y en los favoritos guardados, y es probable que ya lo conozcan. n_n

Pues bien ahora hay que hacer uno propio.

Para empezar necesitamos una imagen de 32x32 o 48x48 píxeles (o una imagen exactamente cuadrada xD jaja asi le hago yo).
Y vamos a la siguiente herramienta:
http://tools.dynamicdrive.com/favicon/



Solo tenemos que subir nuestra imagen con el botón Examinar... elegir el tamaño de nuestro futuro favicon, dar clic en el botón Create Icon y esperar...



Aparecerá un ejemplo con el resultado y ahora solo hay que dar clic en el botón Download FavIcon para descargar nuestro favicon.ico, ahora solo tenemos que colocar este archivo donde se encuentran los demas archivos de nuestra pagina web.

Ahora hay que editar nuestro código HTML para que el favicon se pueda ver.

Entre las etiquetas:

<head>
...
...
</head>

Pegaremos lo siguiente:

<link href="/favicon.ico" rel="shortcut icon">

Donde habrá que cambiar /favicon.ico por la ruta donde se encuentra nuestro icono.

Así de fácil! n__n (espero haberlo explicado bien o_oU)

Mi blogger me gusta mas!!

Tal vez a nadie le interese, y aunque tampoco estaba pensando en poner un post al respecto, acabo de darle un pequeño toque a mi blog y despues de verlo por unos segundo creo ke puedo sonreir y decir; ME ENCANTA COMO QUEDO!!! n__n otro pequeño logro, pero un buen logro! Al menos a mi me encanta como se ve.

Gracias por leer este pequeño post. n__n

Convertir codigo HTML para poder verlo en una web

Es muy util poder mostrar algun codigo fuente de HTML y visualizarlo en nuestros sitios web, y asi poder compartirlos a otros usuarios.

Asi que aqui les comparto estas herramienta que nos permitira hacer este proceso:
http://www.simplebits.com/cgi-bin/simplecode.pl
http://nosetup.org/php_on_line/convertir_html_texto
http://chuano.net/chuano/util/convsimbolos.php

Solo hay que pegar nuestro codigo HTML y obtendremos otro nuevo pero en forma de texto plano, que pegaremos en nuestra web y se podra ver claramente.
Asi de facil! n__n (para que doy mas detalles)

Pegar codigos HTML en Blogger

Este es el codigo html para insertar cuadros de texto con los que conpartiremos codigos HTML en nuestros Blogs o paginas web:

<pre style="overflow: auto; font-size: 8pt; width: 200px;">
aqui va el codigo
</pre>

este seria el resultado:

<html>
<head>
<title>título</title>
</head>
<body>

</body>
</html>

o este otro:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>

</body>
</html>

si es muy larga una linea nos permite verla completa sin romperla. n__n
y tambien funciona con imagenes.

Diganme que les parecio.

Bienvenidos!

Hola!

Este blog existe con la finalidad de hacerme de un lugar aquí en la red, así que tal vez no lo actualizare tan seguido, pero pueden darse una vuelta por las siguientes direcciones, ahí encontraran algo de su agrado.

http://kzr.cjb.net - La web del KZR-Team
http://brokentakers.blogspot.com - El blog de Brokentakers
http://slashkizar.blogspot.com - Blog de Slash Kizar
http://slashkizard.blogspot.com - Blog de Slash Kizar D