Cambiar color texto seleccionado en Blogger

LuJo


Cambiar el color cuando se selecciona un texto de un blog o web, por defecto azul, es una forma de personalizarlo eligiendo otro que nos guste más o combine mejor.

Este truco funciona en Firefox, Safari, Google Chrome, Konqueror, Opera y Flock. En Internet Explorer se verá el que se muestra defecto


Sólo habrá que aplicar unas instrucciones simples de CSS:

1. Escritorio - Diseño - Edición HTML y sin expandir artilugios.


2. Apretamos a la vez las teclas Ctrl+F para que nos aparezca el "bendito buscador de palabras".

3. Buscamos:


]]></b:skin>

4. Antes de ]]></b:skin> pegamos el código:


/* Color texto seleccionado */

::selection {

background: #FFFFFF;

}

::-moz-selection {

background: #FFFFFF;

}



Cuidado: el código background: del ejemplo viene definido con el color hexadecimal en blanco. Para seleccionar cualquier otra tonalidad más adecuada se pueden visitar distintas webs.

5. Hacemos "Vista Previa" para saber si lo acepta. (También se puede probar si el color te gusta sellcionando texto)

6. Guardar plantilla.

El resultado será algo similar a:




En fin, rizar el rizo...

15 comentarios:

Nela

Creoq ue me gusta más el azul. Me ha encantado tu blog, sobre todo por lo variado.
Besos
Nela

Gildo Kaldorana

Puede ser interesante y por lo tanto me lo guardo.
Resaltare con diferente fondo alguna de las muchas chorradillas que escribo en el blog.
Muchas gracias.
Unos saludos

LadyMarian

Interesante! La idea es que te sirva para cuando tenés algún fondo que te complique ver bien cuando estás trabajando?

Comentario aparte: Noto que últimamente no me cambia el color de fuente de las entradas si estoy usando el editor viejo. Por ejemplo, si quiero poner un párrafo en rojo no lo publica en rojo. En cambio, si después voy y cambio al editor nuevo, sí cambia el color. El Sr. Blogger está un poquitito loco... ;-P

Besos

Any

Rizemos el rizo entonces ... lo probaremos

;)

besos

Hairy4ever

Buenos días Lujo,

De nuevo, molestándote con mis cuitas. Necesitaría tu inestimable ayuda. Como sabes, tengo este blog:

http://hairy4ever2.blogspot.com/

y estoy 'metido de cabeza' en la cabecera... ;)Me gustaría modificar sus dimensiones... y no hay manera...Mi idea es que el tamaño quedase como la cabecera del blog de un buen amigo mío argentino, que tiene mucho estilo. Su blog es:

http://www.vellohomodos.blogspot.com/

(Atención!: es un blog de 'ocio masculino para adultos' si te incomoda u ofenden esos contenidos, entiendo que no quieras verlo)

En fin. que si tienes alguno de tus maravillosos 'Paso a Paso' que de luz a este torpón, te estaré agradecido infinito!!

De nuevo, mil gracias!!
Abrazo

P.S.: Ah!! Siguiendo tus consejos.. Ya hago copias de seguridad!!!!

Lujo

@Nela Holaaa,
Mil gracias por tus palabras. Los tuyos son excelente.
Abrazotes enormes!!!

Lujo

@Gildo
Es sencillo de hacer con un simple CSS. Es muy simple.(-^o^-)
Abrazotes!!

Lujo

@LadyMarian Hola,
Puede que para eso también...
La idea de este post es que seleccionar el texto en tu blog se vea distinto al color por defecto.
Es algo inservible, puramente estético.

Respecto a la siguiente pregunta no he notado lo que comentas...aunque sí otros detalles.
No lleva bien el cambio de editor. Ayer perdía información por problemas al guardar los posts.

Piensa que al final puedes añadir el código del color al párrafo manualmente.
Abrazotessssss!!

Lujo

@Any Holaa,
Se puede vivir sin este truco perfectamente.
Simplemente lo veía hace tiempo por ahí y me animé a incorporarlo.
Abrazotes enormes!
Besos de los Kasukabe!

Lujo

@Hairy4ever Holaaaa,

Te respondo e intento explicarme:

No creo que en este caso sea necesario un paso a paso. No tengo explicado lo que preguntas exactamente aunque si no te resuelvo lo duda no descarto hacer en el futuro una entrada.


En este caso me he dado cuenta que te tiene algo despistado visualmente las dimensiones del header (tu cabecera) con la zona donde colocas los post, comentarios... (main-wrapper)

Te gusta el ejemplo de blog de tu compañero, pero no pierdas de vista que le ha dado color y transparencia (negro) a la zona del outter-wrapper. El resto es exactamente como tú has construido tu plantilla con el nuevo editor que ha sacado Blogger hace poco.

Se puede colocar un efecto similar con el nuevo editor y visualmente lo notarías igual.

Por otro lado está el tema de la imagen del header. Puede que eso despiste un poco porque la tuya tiene otras dimensiones no tan rectangulares. De ahí que cuando la subes a Picassa te la distorsione un poco.

¿¿Conseguí explicarme??

Espero que haya servido de algo (;_・)
Saludotes!!!

Hairy4ever

Ante todo, mis disculpas por responderte tan tarde y, sí, en efecto, te explicaste, como siempre, de maravilla!

Como dice el refranero: más vale tarde que nunca; así pues, de nuevo, y con este imperdonable retraso, un millón de gracias y Felices Fiestas!

Lujo

@Hairy4ever
Felices Fiestas!
Feliz año nuevo!

Falkrum

Muy buena, es justo lo que estaba buscando. Muchas gracias.

Lujo

@FalKruM
Gracias a ti!
Feliz año!!

LaGrapadora

Hola Lujo.
Lo primero felicitarte por tu blog, que tiene temas muy interesantes. Y ahora una pregunta a ver si me puedes ayudar. ¿Hay alguna forma de centrar la imagen en la cabecera del blog de bloguer?
Saludos.

Publicar un comentario

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.

 


UP