Nou disseny del bloc amb tècniques ComplexSpiral
El nou disseny d’aquest bloc, http://noguer.bloc.cat, està especialment pensat per a Firefox.
Basant-me amb les tècniques de ComplexSpiral,
es pot aconseguir posar capes semi transparent sobre un fons estàtic.
La idea és molt senzilla mitjançant el GIMP he creat una imatge
semitrasnparent i l’he desada com a PNG, un format que permet treballar
amb transparències millor que amb GIF. A continuació he configurat el
CSS de la pàgina web perquè la imatge de fons de la pàgina estigui fixa:
body { background: url(img/imatge-fons.jpg) fixed;
I finalment he dit que tots els meus paràgrafs tinguin el fons PNG semi transparent:
p { background: url(img/transparent.png) fixed;
A ComplexSpiral
a més a més deixen triar el tema de forma dinàmica. Des del Firefox es
pot escollir el tema de la pàgina anat al menú Visualitza – Estil de
pàgina i seleccionant un dels molts estils que pot tenir. Això jo
encara no ho he posat en el meu bloc.
No només hi ha un sol exemple de ComplexSpiral, cercant per Internet he trobat aquest altre exemple amb un vidre glaçat, o aquest més ben definit.
Un altre efecte que he volgut incloure en el disseny del bloc són les
vores arrodonides dels quadres, a tot arreu he posat vores arrodonides
només utilitzant CSS:
<div style=" background-color: #ccc;-moz-border-radius:
5px;-webkit-border-radius: 5px;border: 1px solid #000;padding: 10px;"
> Això és una prova </div>
