He afegit una ombra a les imatges de la Portada d'avui dilluns (vegeu la portada de la Viquipèdia en neerlandès). Pel que fa a la imatge del dia, podeu veure com quedaria a Usuari:Ssola/proves. Si us sembla bé, ho aplicaré definitivament (amb subplantilles per deixar el codi més net).
Tema de Viquipèdia:La taverna/Propostes
M'agrada molt. Jo en lloc de plantilles ho faria a nivell de full d'estil.
He provat això i crec que funciona: (provat a Usuari:Ssola/Proves2)
.ombreig {
box-shadow:0 3px 4px rgba(0, 0, 0, 0.45);
background:#ffffff;
display:inline-block;
margin-bottom: 7px
}
S'hauria d'afegir a MediaWiki:Common.css, si ho he entès bé.
Sí, s'hauria d'afegir a MediaWiki:Common.css. Sr. Vriullop alguna cosa a dir? Es podria aplicar?
Crec que amb això ja en tindríem prou (aplicant la class ombreig als divs que contenen les imatges).
.ombreig img {
box-shadow:0 3px 4px #000; /* Suport navegadors antics */
box-shadow:0 3px 4px rgba(0, 0, 0, 0.45);
}
/* Evitar espais en blanc sota la imatge a causa d'un <p> */
.ombreig p {
margin:0;
}
Fet! al Common.css.
Podries afegir
border-radius:5px; margin-bottom:7px
a .ombreig img siusplau...
Si poseu
border-radius:5px;
haureu d'afegir també:
-webkit-border-radius: 5px; -moz-border-radius: 5px;
Cert
D'acord amb el suport per a navegadors antics i l'evitar els espais en blanc amb els paràgrafs (jo tot això no sé com va). Així el que passa és que no sé com aplicar directament la class a les <img> afegides amb codi wiki: [[Fitxer:Exemple.jpg|...]]. El background:#ffffff va bé per les imatges amb fons transparent. El display:inline-block i margin-bottom:7px els he necessitat per la imatge del dia i no he vist que fessin mal (però es poden posar a fora).
Jo deia de posar la class als divs que contenen la imagte i seleccionar la imatge amb el css (.class (del div) seguit de img selecciona la imatge no el div)
Ara ho entenc. El background té algun inconvenient?
PD: El que has proposat funciona de meravella, gràcies! Només afegiria background:#ffffff a .ombreig img.
No, el background no té cap inconvenient, simplament m'agrada més sense background. En tot cas m'agrada més un background adaptat al color del panell (un color un pèl més fosc que el panell) en lloc de blanc. També hi afegiria un border-radius:5px
Els cantons arrodonits m'agraden. Pel que fa al fons, m'agrada més blanc, però és qüestió de gustos. En tot cas les imatges afectades no són moltes. Hi ha altres imatges de portada que tenen el fons blanc (png o gif), i potser per coherència hauríem d'agafar blanc. A Usuari:Ssola/proves he fet la comparació.
A mi no se'm veu!
No se't veu perquè no ho tens al teu full d'estil (Usuari:Yuanga/vector.css). Tot i així no t'amoinis que quan ho s'apliqui a tothom no et caldrà.
Crec que queda molt bé. Per mi endavant.
A mi també m'agrada! Ja m'agradaria saber prou html com per posar ombres...
A mi també m'agrada!
Molt bé.
+1 a l'ombra també per a la imatge del dia. Gràcies per la perseverància en millorar la portada!
Jo estava aplicant una cosa similar en algunes infotaules de biografies, però he rebut queixes comentaris pel fet que el text queda descentrat, ja que l'espai que ocupa la imatge, compta. A altres WPs fan servir una tècnica en que la imatge està com a class i es comporta com una trama de background sense ocupar espai, i així el text surt centrat. (Vegeu exemple). Nosaltres tenim definida una (veure .capçalera.mapa en MediaWiki:Common.css ) de la que podeu veure un exemple de com quedaria a Usuari:Amadalvarez/proves.
El que estem afegint són ombres a les imatges que apareixen a la portada (com a la portada de la Viquipèdia en neerlandès). El que tu dius és pels encapçalaments, que és una altra cosa que també es podria fer.
Ui, disculpa. És que he mirat la portada (que feia mesos que no ho feia) i he vist que els encapçalaments dels temes "article del dia" "imatge del dia", etc. sortien amb la bolawiki en difuminat i pensava que anava d'això.
Però ja que estem, aprofito per preguntar: Com preferiu els encapçalaments? :
- Sense cap imatge de fons
- Amb imatge ocupant espai junt amb el text (com a Portada)
- Sense ocupar espai i mantenint el text centrat (com a l'exemple)
Penso que podries obrir un fil nou a la Taverna i ho comentem, per no barrejar temes.
Prefereixo la tercera opció, com a l'exemple, però com a la Portada també queden bé, excepte a la secció Imatge del dia.
Estic veient que els cantons arrodonits amb l'ombra queden molt bé amb fotografies, però recarreguen massa la pàgina amb dibuixos i fotografies de documents, sobretot quan tenen un marc intern. Crec que s'haurien d'eliminar, o mantenir només per la Imatge del dia. I segueixo insistint també amb el fons blanc.
Bé, fem fons arrodonits i si per alguna imatge no queda bé la tractem individualment. I pel que fa al fons, provem background:rgba(0,0,0,0.02); que l'enfosqueix amb fallback a blanc. He demanat els canvis a les pàgines protegides i aviat ja s'hauria de veure tot.
D'acord!