Publicidad:
La Coctelera

Ad astra

El blog es de Chuck Norris y me lo follo cuando él quiere

6 Octubre 2005

Agitando la coctelera (o sea, jugando con los estilos)

Hay varios lectores (y lectoras) que me han pedido que les cuente cómo cojones he cambiado la cabecera del blog, entre otras cochinadas que he hecho con los estilos. Por supuesto, no me lo han pedido con las palabras soeces que he puesto. Eso es cosa mía. Marca de la casa, podríamos decir.

No soy muy dado a hablar de la cosa técnica en este nuestro weblog. Y eso que uno es técnico. Pero haré una excepción en este caso :) Voy a darles la receta rápida y fácil, ya que dar un curso de hojas de estilo (CSS o Cascading Style Sheets) está lejos de mis objetivos en la vida. Procedamos.

A pesar de que los responsable de La Coctelera todavía no han preparado el invento para cambiar las hojas de estilo en el panel de administración, realmente sí que se pueden cambiar. Yo lo descubrí por casualidad, gracias a que uso como navegador Mozilla Firefox, con una extensión llamada Web Developer. Con esa extensión puedo ver las hojas de estilo de cualquier página, y de esa forma me di cuenta de que la hoja de estilos del blog estaba disponible en mi espacio de ficheros dentro de La Coctelera. Otro ejemplo: esta es la hoja de estilos del blog de mi hermano.

Esto es importante. Yo pensaba que los estilos de la página estaban en una hoja de estilos común para todos los que usaban la misma plantilla. Por ejemplo, Ruido blanco emplea la misma plantilla que este blog.

Entonces, si la hoja de estilos es un fichero más de los que están en mi espacio personal de La Coctelera (como una foto, por ejemplo)... ¡Puedo sobreescribirlo!

Para guardar su hoja de estilos y luego modificarla, solo tienen que cargarla en el navegador (la dirección es www.lacoctelera.com/myfiles/nombre-del-blog/estilo.css). Si tienen Internet Explorer, al intentar cargar la hoja de estilos les preguntará si desean abrirla o guardarla (la guardan, claro). Si tienen Firefox, al cargar la hoja de estilos se muestra en el navegador como un fichero de texto, con lo que solo tienen que ir al menú «Archivo» y darle a la opción «Guardar cómo...». Et voila!

Para sobreescribir la hoja de estilos, solo tienen que volver a subirla a su espacio de ficheros exactamente igual que cuando suben una foto para publicarla. Van a su coctelera para crear un nuevo artículo, le dan al enlace de «Incluir archivo», y ya está. Eso sí, recuerden que tienen que subir la hoja de estilos con el mismo nombre, que si no luego no carga.

Y hasta aquí puedo leer, como decían en el «Un, dos, tres». La forma exacta de modificar el aspecto de cada blog depende de la plantilla de estilos que estén utilizando. Yo ya les he proporcionado el conocimiento para que sepan cómo modificar los estilos. Las modificaciones son cosa de ustedes :)

¡Ah! Si alguien cambia la hoja de estilos siguiendo estos consejos me gustaría que me dejara algún comentario para darme un garbeo por su blog, a ver cómo ha quedado el invento. Veamos cómo anda la gente de creativa, jiji.

servido por adastra 28 comentarios compártelo

28 comentarios · Escribe aquí tu comentario

sinsangre

sinsangre dijo

Eres un crack.
No se como lo haré, pero eso tengo que probarlo.

7 Octubre 2005 | 02:00 AM

sinsangre

sinsangre dijo

Eres un crack.
No se como lo haré, pero eso tengo que probarlo.

7 Octubre 2005 | 02:00 AM

sinsangre

sinsangre dijo

Deja vu

7 Octubre 2005 | 02:01 AM

JAM

JAM dijo

Algún día lo probaré y eso que te tomaste la molestia de enviarme la información hasta el mail, que ocupado que estoy, o será mera falta de interés, eso lo dejo como tarea de esta semana y después te escribo para que lo veas.

3 Noviembre 2005 | 12:57 AM

jomis

jomis dijo

Por lo que veo, los nuevos blogs en La Coctelera no permiten hacer ese «tuneo». Ayer me creé un blog de pruebas y el sistema me fija las hojas de estilo en estas URL:

plantillas/NombreDePlantilla/estilo.css
stylesheets/edCabecera.css

tomando como base http://www.lacoctelera.com/
Por tanto, no tengo ninguna posibilidad de utilizar una hoja de estilos personal para cambiar el aspecto de mi blog.

He curioseado varios blogs de La Coctelera y la configuración es similar a la mía: hay que ceñirse a las plantillas del sitio.

¿Es que eres un privilegiado de La Coctelera??? :-)

5 Diciembre 2005 | 03:58 PM

adastra

adastra dijo

Llevo unos cuantos días meditando esto. Estaba en conversaciones con otro usuario de La Coctelera que me planteó algo parecido, y en realidad sí que hay una forma de «tunear» los estilos de La Coctelera, aunque no resulta muy ortodoxa, y desde luego, no pasaría ningún validador del W3C.

Sinceramente, no sé por qué yo tengo posibilidad de cambiar mi hoja de estilos, pero el resto de la gente no. De hecho, sospecho que el cambio se ha producido hace poco, ya que las hojas de estilo normalmente están también en el espacio local del usuario. En tu blog de prueba, el cual no enlazas de manera ruin y artera ;) tu hoja de estilos local estaría en:

http://www.lacoctelera.com/myfiles/{LOQUESEA}/estilo.css

Puedes hacer la prueba con cualquier blog de La Coctelera. En cualquier caso, habrá que preguntar a los Amos de La Coctelera, porque no sé si eso es un fallo o un comportamiento intencionado :|

5 Diciembre 2005 | 05:19 PM

adastra

adastra dijo

Por cierto, para usar una hoja de estilos local en La Coctelera, sobreescribiendo los estilos cargados por defecto en cualquier blog, hay que poner lo siguiente en la sección «Sobre mí»:

<style type="text/css">
@import url('/myfiles/{LOQUESEA}/estilo.css');
</style>

Como dije antes, esto no valida ni de coña (no se puede poner marcas de estilo en el cuerpo de la página), pero funciona.

5 Diciembre 2005 | 05:24 PM

jomis

jomis dijo

Hey, ¡muchas gracias! He probado a enchufar tu hoja de estilos y funciona perfectamente, salvo por que se ve una vaquita en la imagen de fondo...

Aún estoy indeciso con lo del blog. Si me preguntas hoy, diría que es seguro que lo pondré en La Coctelera. Pero llevo una semana mirando opciones y cada día me encuentro una posibilidad distinta... como diría un inglés, estoy «en las tijeras» (in the scissors).

5 Diciembre 2005 | 09:59 PM

adastra

adastra dijo

Joder, macho, deja de marear la perdiz de una puñetera vez }:-) Yo me hice el blog en cinco minutos, y a los 10 ya tenía mi primera historia publicada ;)

De todas formas, reconozco que a veces hay que pensar unas cuantas cosas. Si, con lo que sé, fuera a hacerme hoy un blog, me plantearía unas cuantas cosas que no pensé en su momento.

Sin embargo, creo que a veces hay que lanzarse a la piscina, sin más. Hoy por hoy estoy contento con La Coctelera. Como usuario avanzado que soy (sin ánimo de ir de pedante) echo de menos unas cuantas opciones que me permitan meterle mano a fondo al código generado, antes incluso de que se vuelque en HTML en mi página. Pero claro, La Coctelera es lo que es y está pensada para lo que está pensada, y no es precisamente para los usuarios culoinquieto como yo :) De todas formas, estoy contento, porque ayudo al desarrollo de La Coctelera llevándola a límites que los propios creadores quizás no consideraron. Me siento muy honrado por ello.

Así pues... ¡Abre tu blog de una puta vez! }:-)

5 Diciembre 2005 | 10:49 PM

laveron

laveron dijo

a ver. soy una triste inútil. diseño gráfico, animación 3D, pero de esto nada. en pañales. yo puse una imagen en la cabecera pero sólo es eso. tuve que dejar el nombre del blog arriba. hace tiempo que quisiera poner algunos trucos y fue lo único que hice. lo que realmente quería era sobreescribir el laveron al DEPALABRANOFUNCIONA...y no salió (buaaa) si podés auxiliarme ( a ésta inútil).
Otra duda...¿se pueden poner imagenes como fondo total, en vez de un color plano?
gracias anticipadas
saludos!
laura

5 Diciembre 2005 | 11:56 PM

{ El blog de jomis }

{ El blog de jomis } referenció

Tuneando la coctelera (CSS2): comentarios numerados, dividir palabras muy largas, etc.

...a href="http://www.lacoctelera.com/adastra">adastra, mi gurú particular de estilos, <a href="http://www.lacoctelera.com/adastra/post/2005/12/03/firefox-1-5-y-comillas...

26 Diciembre 2005 | 04:06 PM

Te odio

Te odio referenció

Cómo destrozar tu blog

...Este destrozo no hubiera sido posible sin la inspiración de Adastra, y su post sobre Cómo destripar la coctelera. Mañana puliré un par de aspectos que no me gustan, amén de repasar todos los posts para limpiar chapuzas con estilos css hechos sobre la marcha...

26 Diciembre 2005 | 11:46 PM

foo-bar

foo-bar referenció

Agitando la coctelera

... title="Agitando..." />..y en dos sentidos, el primero de ellos gracias al artículo Agitando la Coctelera (o sea, jugando con los estilos), donde se indica cómo poder modificar la hoja de estilos que viene por defecto con cada tema de la Coctelera...

27 Diciembre 2005 | 01:50 AM

foo-bar

foo-bar referenció

Sección de tags aleatorios para la Coctelera

De acá a un tiempo he podido ver unos cuantos <a href="http://www.lacoctelera.com/jomis/post/2005/12/27/tuneando-coctelera...

17 Enero 2006 | 10:40 AM

antiheroe

antiheroe dijo

Por fin tengo un rato para intentar cambiar mi blog... veamos, he buscado el archivo este en mi listado de archivos subidos. Con Firefox. Le pincho y se me abre en una ventana nueva. Lo guardo como en mi escritorio. Lo abro pinchando dos veces y se me abre en Dreamweaver, pero no veo cómo cambiar nada. No sé cómo cambiar la cabecera, no logro ver dónde puedo insertar una imagen que quiera meter (y por supuesto si hablamos de las medidas justas para que quede bien, peor)

24 Febrero 2006 | 05:46 PM

Elena

Elena dijo

Hola;

Llevo milenios leyendo este artículo y cada vez me deprimo más. Me gustaría poner una foto en la cabecera con enlaces. Cuando dices lo de guardar como... como que? Estoy tan obsesionada por cambiar la aburrida coctelera que no dejo que nadie se acerque al ordenador. Por favor necesito una explicación un poco más amplias (para tarugas como yo), ya se que será pesado porque te preguntan mucho, si tienes un momento te agradecería que ampliaras un poco el tema.

Un saludo desde Barcelona

18 Abril 2006 | 11:38 AM

Eclipse

Eclipse dijo

Hola Adastra,

Estoy intentando modificar mi hoja de estilos. El problema está en que cuando la cargo como si fuera una foto el sieguiente paso no sé cuál es. Es decir, subo la hoja modificada y luego qué? Si le doy a publicar me pide titulo del artículo o texto. Estoy estancado en este punto, si pudieras aclararme cómo continuar... Muchas gracias!

31 Julio 2006 | 09:07 PM

Eclipse

Eclipse dijo

Gracias, creo que ya lo solucioné :)

31 Julio 2006 | 09:13 PM

Alejandro

Alejandro dijo

Buenas... estuve agitando un poco mi coctelera... y no pude hacer mucho, pero algo es algo... por lo menos me quedó diferente. Esto de no poder hacer cambios en las plantillas me tenía algo aburrido, estamos muy limitados en ese sentido. Pero bueno... de a poco, creo yo, que si vamos haciendo este tipo de cosas, la gente de la coctelera va a encarar.
Compañero Pablo, le agradezco mucho todo ésto... si no fuera por este post y los comentarios de otros visitantes, nunca hubiese podido hacerle ningún cambio en la apariencia a mi blog. Lo que hiciste ahí arriba con esa foto te quedó perfecto. Saludos, desde Uruguay.

13 Agosto 2006 | 11:30 AM

Anabela

Anabela dijo

Como se podra poner algún texto entre post y post... lo eh intentado pero no puedo.

15 Agosto 2006 | 04:10 PM

tt

tt dijo

No se por qué, pero se me desconfiguró todo de un momento a otros. Tenía todo bien hace tiempo, había hecho lo que dicen en esta página y había modificado el estilo de manera correcta. Pero de un momento a otro las letras quedaron mas chicas, todo se cambió de lugar y tuve que volver al estilo por defecto. :-/
A alguien mas le pasó?

28 Agosto 2006 | 05:26 PM

adastra

adastra dijo

Alejandro, me da que los amos de La Coctelera han toqueteado algo de los estilos porque a mí un buen día las etiquetas de Technorati se alinearon a la derecha y, de buenas a primeras, aparecen alineadas a la izquierda otra vez. Raro, raro, raro.

28 Agosto 2006 | 05:53 PM

Alejandro

Alejandro dijo

Seguramente fué eso. Yo como hago los cambios ''en caliente'' a lo guapote como dices tú, tengo que tener cuidado y tener siempre un plan B, por si el plan A no funciona, jeje. Aún sigo esperando el día que La Coctelera sea como blogger, en el sentido de que puedes hacer lo que quieras con el estilo del blog de forma mas sencilla.

28 Agosto 2006 | 08:18 PM

Yeray

Yeray dijo

Puede ser que esto que escribes aquí ya no funciones?¡¡..... me estoy volviendo loco¡¡¡, solo quiero cambiar mi cabecera y no hay manera...

Yeray

10 Septiembre 2006 | 01:45 PM

Alejandro

Alejandro dijo

''los amos de La Coctelera han toqueteado algo de los estilos''

Exacto... el estilo cambió (creo), en fin... hice lo mismo que antes (explicado en el post) y quedó la fotito en la cabezera... nada mal!. Jeje. Gracias.

13 Septiembre 2006 | 08:39 AM

† Issac †

† Issac † dijo

Hola!!! ^^
espero que estes bien...

Primero que todo, quiero pedirte perdon por revivir una historia tan antigua, pero hace un par de meses que di con ella y gracias a eso es que ahora mi blog esta ultra-mega bonito ^^
Te escribo porque has puesto que te dejen los link para que veas como andamos con la originalidad... (bueno en eso no ando muy bueno) he sacodo algunas ideas de tu blog porque me han parecido muy ultra buenas, como por ejemplo el cuedro de los comentarios y la imagen en el titulo de la historias... (perdon por eso, pero no me aguante xD).

En fin... que mas puedo decir, solo escribia para agradecerte y dejar constacia de que eres un master para mi ^^

Que estes bien...
CUIDATE!!!

15 Abril 2008 | 05:01 AM

adastra

adastra dijo

Joer... No se encuentra uno con comentarios como este todas las mañanas. Gracias a ti por usar las rayadas que incorporé hace tiempo en el blog :) Me alegro de que te haya servido.

¡Un abrazo!

15 Abril 2008 | 08:09 AM

† Issac †

† Issac † dijo

Al contrario... gracias a ti por escribir tantas cosas buenas y ser un mentor para muchos de nosotros que estamos comenzando con los blog...

Como ya dije... ERES UN MASTER!!!

cuidate!!! =3

16 Abril 2008 | 03:33 AM

Escribe tu comentario


Sobre mí

Te observo

Publicidad Mediasand

Suscripción por correo

Cortesía de FeedBurner

Seis destellos

Blogs de mis amigos

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?