Enredando un poco con el Dominoblog el día de Reyes
Martin Ortega  Enero 6 2012
Martin Ortega  Enero 6 2012
Este nuevo documento explica como incorporar un código que "pillemos" por la web a nuestro blog.
Voy a poner un ejemplo práctico.
En este ejemplo usaremos un código con el objetivo de tener unas pestañas con efecto de desplazamiento en el template dominoblog.
Lógicamente esto valdría para cualquier otra cosa, el objetivo es ver donde ponemos las cosas, cómo las añadimos ???, etc, etc.
Desde luego, todo lo voy a hacer sin Designer, como ya he dicho en otras ocasiones, el blog lo manejo desde un Mac (nada de Windows en particiones virtualizadas), con MAC OS X a pelo.



El ejemplo es este.
Vamos a usar el "Example 1: Default settings", lo descargamos aquí
Bien, ya tenemos todo lo necesario, el archivo HTML, las hojas de estilos y los javascripts, ahora se trata de ver donde los metemos.
Si usamos una base de datos de Notes a pelo, o sea vacía, esto es una mariconada, pero lo que queremos es aprovecharnos de todas las cosas que nos da la plantilla del blog y además añadir este código, hombre no es que la cosa sea más complicada pero tendremos que tener en cuenta algunos "pequeños detalles" que ahora contaré.
Si ejecutamos el archivo index.html con un navegador la cosa funciona de cine, no problem, está claro donde están las cosas.
Cogemos el código (botón derecho en la página index.html ejecutada en un navegador, ver código fuente, copiar)y lo pegamos ...............dónde ???, dónde cogno lo pegamos ???.
Bueno, la respuesta depende un poco de cuál sea nuestro objetivo, por ejemplo, en la Home Page del ESLUG hay unas pestañas que un código parecido al de este ejemplo, en este caso lo hemos puesto en un HTML Block Template, este Template después ha sido añadido a la Home Page, pero en este momento lo que nosotros perseguimos es ver si el código funciona en el blog, en este caso lo más sencillo es pegarlo en el Page Template "Home Page". Al abrir la base de datos desde un navegador (se supone que estamos usando una base de datos nueva creada usando el template del dominoblog)veremos el código que hemos pegado, claro, no se parece en nada a esto, nos queda añadir las hojas de estilos y los javascripts.
Abrimos la base de datos, Advanced, Recursos, Javascripts, en esta vista tenemos una acción para importar los javascripts, importamos los tres y les ponemos su nombre.
Nos vamos a la vista Stylesheets y hacemos los mismo con las dos hojas de estilo.
Aunque ya tenemos todo lo necesario si refrescamos la página veremos que nada ha cambiado, sigue saliendo tan mal como antes, el motivo es que tenemos que cambiar alguna cosilla, yo creo que es mejor que os ponga un ejemplo, botón derecho, ver código fuente de esta página.
Le he quitado lo del Left y Right, no tiene sentido en el blog, además he tenido que tocar uno de los javascripts porque no funcionaban los enlaces en el blog, motivo ??? el historia del "dx", no lo cuento para no liar las cosas.

Vale, vale, muy guapo pero yo lo quiero ver funcionando en el blog

Si quieres un ejemplo más o menos tuneado con estas pestañas en el header tienes que mandar un mensaje a esta dirección:
martinsidra400arrobagmailpuntocom, asunto ??? Yo también quiero el template con las pestañas de desplazamiento.

Blog for DummiesBlog para Torpes

Enredando un poco con el Dominoblog el día de Reyes