Actualizado Truco nº 14: (Avanzado) Crear y utilizar CSS para personalizar la apariencia de un Colectivo o de 'Mi Web/Blog Personal.


14. (Avanzado) Crear y utilizar CSS para personalizar la apariencia de un Colectivo o de 'Mi Web/Blog Personal.

a. Genera el código CSS ayudándote de un generador como éste.

b. Copia el código y pégalo en un nuevo archivoponiéndole cualquier nombre con extensión '.css'.

c. Sube a internet el fichero. Por ejemplo, crea un mensaje insertando una imagen, cuando te pida el nombre del fichero pon el '.css' que has creado. Al editar el mensaje en html, podrás ver la dirección donde se ha subido, por ejemplo

"http://storage.ning.com/topology/rest/1.0/file/get/983041962?profile=original"

luego copia dicha dirección sin las comillas (control+C).

d. Si lo quieres aplicar a tu Web/Blog personal:

- En 'Colectivos', Ve a "Personalizar my
Página Web"=>"Editar Apariencia"
=> Avanzado.
- Pega el código copiado (control+V). Puedes modificarlo para cambiar las imágenes o para aplicar algún otro truco.

e. Si lo quieres aplicar a tu Colectivo:
- Edita el Cuadro de texto de tu Colectivo (Text Box).
- Añade el siguiente código:

< link rel="stylesheet" type="text/css" media="screen,projection" href="SUSTITUYE ESTA FRASE POR LA URL DE UN FICHERO .css" > </link>

- Sustituye la frase indicada por un fichero válido, por ejemplo:

"http://storage.ning.com/topology/rest/1.0/file/get/983041962?profile=original"


Nota: También se puede añadir un anuncio de cabecera al colectivo, ver truco 19 'Mi Web/Blog Personal: Añadir anuncio en cabecera.'


Visitas: 97

Añadir un comentario

¡Necesitas registrarte en el colectivo 'Colectivos' ¿Arquitectura sin Arquitectos? para añadir comentarios!

Unirse 'Colectivos' ¿Arquitectura sin Arquitectos?

Llévalo contigo:

[cA] (aA) Tu Web

VENTAJAS COLECTIVAS:

Insignia para tu Web:

Cargando…

© 2024   Creado por aA asociacion de Arquitectos. (Powered by Realego.es)   Potenciado por

Mi Emblema Personal  |  Informar sobre un problema  |  Términos de servicio

_____________________________________________________________________________________________ \ua!-- End NBar Navigat Link --> \ua!-- Add Scroll Mess to NBar --> \ua!--\ud\ud--> ___________________________________________________________________________________________ \ua!-- Cambia suger, ver adv CSS y desactiv www.colectivosarquitectura.com/main/feature/edit --> \uascript type="text/javascript" src="http://apis.google.com/js/plusone.js"> \uadiv id="social_buttons" style="display:none;"> \ua\ua\ua \ua\ua\uaShare on Tumblr\ua\ua/div> \uascript type="text/javascript">if (typeof(x$) != 'undefined') { x$("p.small.dy-clear.view-count-container").after('
'); var inject_buttonscode = document.getElementById('social_buttons'); var buttonscode = document.getElementById('buttons'); buttonscode.innerHTML = inject_buttonscode.innerHTML; } \uascript type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"> \uascript>\ud$('ul.actionlinks').append('
Informar al administrador
');\ud$('.postbody').append('
Informar al administrador
');\ud$('.description').append('