Yo, el virus

Hoy recibí un mail de Harold (no colocaré su enlace porque no quisiera involucrarlo en este tema pero, le agradezco su información). Decía algo así:

... te cuento que hoy estaba leyendo sobre los metas tags, y por ahí navegando llegue a esta pagina: http://www.adoos.com.mx/post/2822172/vagabundia
parece que hay alguien envidioso está tratando de dañar la buena imagen de tu blog, pensé que era un articulo viejo, pero tiene una fecha reciente: Domingo, 4 Mayo 2008 09:45 ...

Ooops ¿Qué será? Pensé en algún artículo "malo" ... ¡qué se le va a hacer!

Allá voy y me encuentro en Adoos - Anuncios gratis en México. Un sitio donde se crea una cuenta gratuita y cualquiera puede poner una publicidad. Un tablón de anuncios al viejo estilo donde podemos encontrarnos de todo ... bueno, casi todo.

Este, en particular dice:

EL BLOG LLAMADO: VAGABUNDIA, viola la normatividad de GOOGLE blogger, porque el usuario de este chat no tiene impresa la barra de busqueda de google blogger, y ésta es una normatividad de uso de blogger para que el usuario pueda hacer uso del blogger y ser el propietario de su propio blog.

si tu por algun motivo quieres entrar a VAGABUNDIA, mejor no entres, porque el blogg tiene ademas scrips dañinos que redireccionan la pagina, intentan entrar en tu PC, como scrips dañinos, no entres a este sitio.

DIRECCION DE ESE BLOG: http://vagabundia.blogspot.com

Contiene scrips dañinos para tu PC y virus.

EPA ¡Ese soy yo!

SOY UN VIRUS INFORMÁTICO

SOY UN CHAT

VIOLO LAS NORMATIVAS de Google/Blogger y Google/Blogger es tan imbécil que no se da cuenta ...

Amigo, si no tengo impresa la barra de búsqueda (la navbar) es porque no se como IMPRIMIRLA y si te refieres a dejarla visible, eso no viola la política de Blogger, en todo caso, te convendría leerlas.

Es cierto que este blog contiene scripts (scripts amigo, scripts con T) dañinos para la salud, intentar usarlos suele causar dolores de cabeza, retorcijones estomacales y uno que otro ataque pero, salvo los contadísimos casos en que la poca paciencia nos lleva a darle de martillazos, dudo mucho que dañen la PC

La verdad, no sé si debería reírme de un imbécil o tenerle lástima, lo cierto es que me parece incompresible que un sitio, grande o pequeño, no controle lo que hacen sus usuarios. Si no pueden hacerlo, dedíquense a otra cosa.

Por supuesto, Adoos posee una Política de seguridad:

¿Que debería hacer si me acosan porque alguien ha publicado un anuncio falso o una broma?

Por favor, contáctanos inmediatamente y solicita que eliminen tu anuncio. Por favor incluye el título del anuncio, categoría, y dirección de email (si está disponible). Nos tomamos muy en serio los casos de abuso y trabajamos de forma conjunta con las autoridades pertinentes en su búsqueda de aquellos que han vulnerado la ley.

Basándome en eso, me he dirigido a ellos como corresponde, usando su formulario de contacto aunque dudo mucho que vaya a tener alguna respuesta porque lo que se ve, muy serio no es:
Hackeo cuentas de correo; ¿quieres saber la clave de correo de tu novia?
¿Le gustaría ganar dinero de por vida sin si quiera tener que salir de su casa?

En fin, ahora que reconozco que soy un virus, no se si me siento más aliviado ¿Habrá alguna asociación al estilo de Alcohólicos Anónimos donde pueda encontrar apoyo psicológico?

¡Ahhh, qué maravilloso es este mundo de la internet!

Contentslider es un pequeño script que nos permite crear bloques con contenidos que pueden efectuar scrolls de manera manual o automática.

En el sitio, puede descargarse un ZIP que contiene una serie de ejemplos pero, de todo su contenido, lo único que necesitamos es el archivo slider.js que subimos a un servidor y que luego cargamos en la plantilla, justo antes de </head>:

<script type="text/javascript" src="URL_slider.js"></script>

El área donde queremos usar el efecto la definimos como una serie de bloques DIV. Un ejemplo sencillo:

<div class="sliderDemo">
<div id="sliderDemo" class="sliderDemoContent">
<div id="sliderSeccion-1" class="sliderSeccion"> el contenido </div>
<div id="sliderSeccion-2" class="newssection"> el contenido </div>
<div id="sliderSeccion-3" class="newssection"> el contenido </div>
</div>
</div>

Claro que, debemos establecer las propiedades de esos bloques pero son muy pocas las propiedades obligatorias, el resto es muy personal:

<style type="text/css">
.sliderDemo { /* es el área general */
position:relative;
overflow:hidden;
height:VALORpx;
}
.sliderDemoContent { /* es el área interior */
position:absolute
}
.sliderSeccion { /* cada una de las secciones que se mostrarán */
}
</style>

Cada DIV debe tener un ID es decir, un nombre único y los de las secciones deben ser iguales entres si con el agregado de un guión y un número correlativo entre 1 y 50:

<div id="section-1" class="section"></div>

¿Cómo hacemos que funcione?

Hay dos modelos diferentes. Uno hace que el script funcione de manera automática y realice un scroll constante. Para este, lo que debemos hacer es llamar a la función inmediatamente después del código HTML que la contiene:

<script type="text/javascript">autoScroll('sliderDemo','sliderSeccion',5,true);</script>

La función es esta:

autoScroll(id,prefix,timer,restart)

donde:

id es el ID del bloque general
prefix es el prefijo que le colocamos a los IDs numerados con el contenido de las secciones
timer es el tiempo que permanece visible cada sección
restart es false si no queremos que sea contínuo y true si queremos que lo sea

También hay una función que nos permite detenerlo:

<a href="javascript:void(0);" onclick="cancelAutoScroll('sliderDemo')">PAUSAR</a>

Y para restaurarlo, hacemos lo mismo que antes, volvemos a llamar a la función de autoscroll:

<a href="javascript:void(0);" onclick="autoScroll('sliderDemo','sliderSeccion',5,true)">
CONTINUAR</a>

El segundo modelo es similar al anterior pero su característica principal es que no hace un scroll constante sino que nos muestra un contenido determinado por vez.

El código HTML es exactamente igual al anterior y lo único que debemos tener en cuenta es que si usamos varios, los nombres de los IDs deben ser diferentes.

En este caso, no hace falta llamar a ninguna función para que se ejecute, eso, lo hacemos con enlaces usando los eventos onClick, onMouseOver, onMouseDown, etc:

<a href="javascript:void(0);" onmousedown="slideContent('section-1')">;EJEMPLO 1</a>
<a href="javascript:void(0);" onmousedown="slideContent('section-2')">EJEMPLO 2</a>
<a href="javascript:void(0);" onmousedown="slideContent('section-3')">EJEMPLO 3</a>
<a href="javascript:void(0);" onmouseover="scrollContent('slider',-1)" onmouseout="cancelScroll('slider')">SUBIR</a>
<a href="javascript:void(0);" onmouseover="scrollContent('slider',1)" onmouseout="cancelScroll('slider')">BAJAR</a>

El último ejemplo es como el anterior excepto que sólo hay una gran sección de texto y utilizamos dos enlaces para subir y bajar por el contenido:

<a href="javascript:void(0);" onmouseover="scrollContent('textslider',-1)" onmouseout="cancelScroll('textslider')">SUBIR</a>
<a href="javascript:void(0);" onmouseover="scrollContent('textslider',1)" onmouseout="cancelScroll('textslider')">BAJAR</a>

AideRSS es un sitio que nos permite evaluar la popularidad de las entradas de nuestro sitio, analizando la cantidad de comentarios, los enlaces, los clicks directos y las entradas en Digg y del.icio.us.

Para usarlo, basta ingresar la dirección del feed de nuestro blog que será:

http://nonbreBlog.blogspot.com/feeds/posts/default

o bien:
http://feeds.feedburner.com/nombreFeed

si lo redireccionamos con Feedburner.

También podemos crear un widget y agregarlo en nuestra plantilla. Para eso, vamos a Sharing & Widgets y copiamos uno de los dos códigos que nos proveen. El primero mostrará los posts más populares y allí podemos establecer el valor del período a evaluar: year, month, week, day y además, si queremos, podemos reemplazar el número 5 que indica la cantidad a mostrar.

REFERENCIAS:

BlogTecnia

En general, los elementos de los formularios no son sencillos de personalizar, No es que sea muy necesario hacerlo pero, a veces queremos experimentar un poco.

Un formulario es un elemento que permite que interactuemos con una página web y se crea con la etiqueta <FORM> </FORM>. Esta, es un contenedor y se usa para colocar cosas dentro de ella; en ese sentido es similar a una etiqueta DIV excepto que tiene algunos atributos extras que nos permiten indicar el tipo de acción a realizar:

action="direccionURL" es "el lugar" donde se procesa la información
method="VALOR" es la forma en que funciona; puede ser POST o GET.

Dentro de ese formulario hay diferentes etiquetas que podemos usar; son los controles, eso que vemos; donde ingresamos o seleccionamos dato, donde establecemos opciones o damos órdenes. Muchos de esos controles se crean con la etiqueta: <INPUT> </INPUT> donde lo único que varía para diferenciarlas es el atributo type. Por ejemplo:

<input type="text" ... />
<input type="checkbox" ... />
<input type="radio" ... />
<input type="submit" ... />
<input type="image" ... />

El tipo submit es el que usamos para crear botones; submit envia la información a donde nos lo indican los atributos de FORM pero, también podemos utilizar una variante para tener botones que ejecuten rutinas de JavaScript propias:

<input type="button" value="elTexto" />

Por ejemplo, mostrar y ocultar elementos:

<input type="button" 
value="CLICK" 
onclick="new Effect.toggle('demoBoton1','slide'); return false"/>

Una alternativa para los botones es la etiqueta BUTTON que funciona igual pero nos ofrecen más posibilidades gráficas y además, a diferencia de INPUT, los navegadores no les dan propiedades por defecto así que es mucho mas sencillo personalizarlas:

<button type="submit"> contenido </button>

La posibilidad de agregar contenido también hace la diferencia ya que en su interior, no sólo podemos incluir textos simples sino textos formateados o imágenes:

<button type="submit"> 
Es es un <strong>Texto</strong> formateado
</button>

<button type="submit">
<img src="unaImagen" /> 
</button>

Un ejemplo de esta flexibilidad es la posibilidad de usar CSS para crear una clase que unifique el estilo de los botones:

button.demoB { /* el botón en si mismo */
background: URL(imagenIzquierda) no-repeat right;
border: 0;
margin: 0;
padding: 0 3px 0 0;
overflow: visible; /* para eliminar el padding en IE */
text-align: center;
}
button.demoB span { /* el texto del botón */
color: #FFFFFF;
display: block;
height: 23px;
font: bold 11px/23px Arial, Helvetica, sans-serif;
background: URL(imagenDerecha) no-repeat left top;
padding: 0 5px 0 8px;
position: relative;
text-transform: uppercase;
white-space: nowrap;
}

The story of stuff es un video escrito y narrado por Annie Leonard, dirigido por Louis Fox y producido por Free Range Studios donde se trata de mostrar el funcionamiento real del sistema económico en el que que vivimos.

Google Doctype es una enciclopedia que recopila información para desarrolladores web.

Al estilo Wikipedia, puede ser editada por cualquiera que posea una cuenta de Google y quiera colaborar agregando nuevos artículos sobre seguridad, CSS, HTML, JavaScript, etc. Hay trucos, referencias y todo es de uso público aunque, por ahora, el contenido no es muy abundante.

Podemos empezar a navegar el sitios desde su página de bienvenida y allí seguir avanzando hacia las diferentes secciones y artículos:

• HOWTO
  • Web security
  • DOM manipulation
  • CSS and style
  • Tips and tricks
    
• DOM objects
  • document
  • window
  • history
  • location
  • navigator
  • screen
    
• CSS
  • CSS properties
  • pseudo-classes |pseudo-elements
  • at-rules
  • colors
• HTML element
  

Entrevista a Mark Pilgrim (en inglés).

REFERENCIAS:

Google Operating System

ver la versión actualizadaLas aventuras mágicas viajan en autobús