Martin Ortega  Diciembre 27 2011


Diciembre 27 2011  Martin Ortega

Como hace tiempo que no doy la vara con alguna cosilla del dominoblog voy a poner una chorrada for dummies.
Estaba yo sentado delante de mi Mac, la partición donde tengo el cliente Designer está un poco tocada, no tiene demasiados recursos, dentro de esa partición tengo mi servidor (con Sidra400 y demás cosas raras), de pronto se me ocurrió que quería modificar un poco el look de nuestro blog, pero claro, a pelo sin Designer.
Cómo le meto mano a la hoja de estilos si en el blog del ESLUG es un recurso de la base de datos ??? Necesito el Designer por pelotas ¡¡¡.
Alguien tiene la respuesta ??? Bueno, no voy a haceros pensar mucho, la respuesta la tengo yo.
Lo primero es pillar la hoja de estilos, here está (por cierto, hecha unos zorros) la copiamos, creamos un documento de hoja de estilos y la pegamos. Ya tenemos una hoja de estilos accesible desde el cliente Notes.
Ahora le tenemos que decir al blog que use esa hoja de estilos pero se lo vamos a decir donde Dios manda, en el HTMLtop (HTML Templates Block Templates), lo que pasa es que es una pequeña putadita hacer esto porque vamos a romper algunas cosas. No va a funcionar ??? si claro, el blog no se va romper pero todas las imagenes a las que hagamos referencia en la hoja de estilos se van a ir a la porra, (fondos, header, etc).
Vale, estoy aburrido, quiero enredar un poco pero no tengo ganas de pegarme un palizón cambiando todo el tema de las imagenes.
Entonces cuál es la solución ??? Vamos por partes, lo primero es saber como le decimos al blog como usar la nueva hoja de estilos, si os fijais en el código fuente de la Home Page del blog a pelo pone algo así,"../default.css", pero la Home Page del blog del ESLUG ahora pone esto,"../css/home.css", la home.css fue la que creé con el código que copié, el resto de las páginas siguen usando la hoja de estilos de todoa la vida, solo la Home Page usa la home.css. Cogno ¡¡¡ y eso cómo se hace ???, pues muy fácil, copia el Block Template HTMLtop, pégalo con el resto de templates, ya tienes dos HTMLTop, cámbiale el nombre al nuevo y dile donde tiene que coger la hoja de estilos. Seguidamente te tendrás a ir a la Home Page (Page Templates) y poner el nombre del nuevo "HTLMTop Template".
Bueno, ahora solo te tienes que preocupar de arreglar los lios que tengas en la Home Page, el resto de páginas no se verán afectadas por los cambios que hagas.
El tema de las imágenes ??? cuando la hoja de estilo es un recurso (accsible con el Designer) pones la imagen entre paréntesis, ejemplo, quieres que le fondo del body se blanco y use una imagen de background, sería así "body { margin: 0; background: #fff url(fondo.png) repeat-x; }" pero si la hoja de estilos es un documento de la base de datos tendremos que usar este formato "body {margin: 0; background: #fff url(../dx/fondo.png/$file/fondo.png) repeat-x ; }".
Que no te gusta como te ha quedado ??? virgencita virgencita que me quede com estaba, te vas a la Home Page y le dices que use el de toda la vida.
Que has cambiado cosas en la Home Page y ahora te queda hecha unos zorros ??? Siempre que toques algún template lo primero es hacerte una copia (sobre todo si no eres un experto).
Como podeís observar en el blog del ESLUG la Home Page tiene un aspecto diferente al resto de las páginas, este documento cuenta como hacerlo pero si tenéis alguna duda por aquí andamos.

Blog for DummiesBlog para Torpes

0 Comentarios 
Sin comentarios

Comentarios

Solo en casa (Home Alone)