dissabte, 9 de gener del 2010

Banderes: Codi CSS/ Flags: CSS code

Per afegir les banderes als meus posts he afegit aquestes línies de codi CSS dins de l'etiqueta <head>:
El codi s'ha de col·locar dins de l'etiqueta <b:skin> </b:skin> després de la declaració de les les variables, que finalitza amb un /*.

.cat{ background-image:url('cat.png');
background-repeat:no-repeat;
padding-left:35px;
text-align:justify }

.eng{ background-image:url('eng.png');
background-repeat:no-repeat;
padding-left:35px;
text-align:justify }


I quan escric un post l'he de posar entre <div class="cat"> i </div> o <div class="eng"> i </div>

<div class="cat">aquí el text del post </div>


Les banderes són imatges que he creat jo, no són intrínseques del codi css o html. Per tant on diu
background-image:url('cat.png');
s'ha de posar la ruta a l'arxiu d'imatge; per exemple:
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeh79kucTov2hkplSSV9HqEsp0yv6RHk_k68FTmFaTrN_UiFp3njFMClE1X0s10laUsjNySpDtwu-sZuFgqqjENMgA1D7zVvQwTAHVUS8l77q6XIBJ40y3f1muCYDldHKKNZn3_Q/');



To add the flags in my posts I added the next CSS code between the tags <head> and </head>:

.cat{ background-image:url('cat.png');
background-repeat:no-repeat;
padding-left:35px;
text-align:justify }

.eng{ background-image:url('eng.png');
background-repeat:no-repeat;
padding-left:35px;
text-align:justify }


When I'm writting a post I need to write the text between the labels <div class="cat"> and </div> or <div class="eng"> and </div>

<div class="eng">here the text of the post </div>




publicat originalment el 18/11/2009 i modificat el 09/01/2010 per afegir comentaris d'aclariment.

1 comentari:

Natxo ha dit...

Gràcies a tu sempre aprenem coses noves.

Radio + not?es