EDICIóN GENERAL

Cómo montar una servidora feminista con una conexión casera

#18: Ahora va el taller de CSS facha:
En él vamos a superponer dos símbolos que no tienen nada que ver:
- La bandera de España que estableció Carlos III para los barcos (y que más tarde se adoptó par el país).
- El escudo de los Reyes Católicos con el Águila de San Juan y el lema "una grande libre".

Primero el CSS:

.bandera_anacronica{
position: relative;
padding: 0 60px; /* for this demo, push the content off the image */
}
.bandera_anacronica::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50px; /* width of your jpg file */
height: 100%;
background-image: url("Bandera_España_RojiGualda_Carlos_3.png");
background-position: top left;
background-repeat: repeat-y;
z-index: -1;
}

.bandera_anacronica::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50px; /* width of your jpg file */
height: 100%;
background-image: url("pollo.png"); // Escudo de los Rayos Catódicos con lemas nazis franquistas nostálgicos
background-position: top right;
background-repeat: repeat-y;
z-index: -1;
}


Ahora el fichero HTML:

<body>
<div class="bandera_anacronica">
<div>

</div>
</div>
</body>

En mi opinión, nos podrá gustar más o menos la forma de usar las palabras, o la feminización de sustantivos (como si yo digo "trofea", "peloto" ó "porterío" hablando de fútbol), a mi también me parece excesivo, pero al menos organizan algo para divulgar conocimiento, cosa que otros critican mucho, pero no hacen (¡salvo este hacklab facha!).

#Nota: Este hacklab facha ha sido creado con la ayuda de Stack Overflow:
stackoverflow.com/questions/40321686/multiple-transparent-background-i

#Fé_de_ratas: en el comentario anterior Menéame elimina automáticamente la "barra inversa ene", que permite saltar de línea y hacer un retroceso de carro, si se pone así os sale todo seguido.
#19 Ahora lo mismo pero montando la bandera con el CSS y no con una imagen, venga ;) :-D
#19 Se dice fe de etarras.
#28: Lo puse a propósito. :-P

menéame