Innan har jag skrivit och berättat om hur man gör för att få hela bloggen genomskinlig, så att t ex bakgrunden man har på sin blogg lyser igenom.

Men, jag tänkte utveckla det hela lite och förklara lite hur man kan välja att ha olika element genomskinliga, t ex headern, menyn, inläggen osv.

Före

Efter

Alla objekt och element som finns på bloggen går egentligen att lägga in genomskinlighet på, och man kan styra hur pass genomskinligt det ska vara med.

Koden man använder sig av är följande:

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Man bestämmer hur pass genomskinligt det ska vara genom att ändra de olika värdena uppåt, eller neråt.

  • Värdet 50 är baserat på att 100 är normalt, dvs inte genomskinligt.
  • Värdet 0,5 är baserat på att 1 är normalt, dvs inte genomskinligt.

Att man använder olika värden, det beror på att olika webbläsare tolkar kod på olika sätt. filter: alpha(opacity=50); är ämnad för Internet Explorer medan -moz-opacity: 0.5; är ämnat för Firefox t ex.

Tänk på att ändra på alla tre så att du täcker alla webbläsare. T ex så här:

Mer genomskinligt:

filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;

Mindre genomskinligt:

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

Om du nu vill att t ex din header ska vara lite genomskinlig, då gör du så här:

1. Gå in i din stilmall.

2. Leta upp det avsnitt som du vill ska vara genomskinligt, i det här fallet är det #header som du ska leta upp. Klistra in koden som du hittar i rutan ovan enligt bilden nedan:

3. Förhandsgranska, och ändra till ett annat värde om du vill. När du är nöjd, så sparar du din stilmall.

Om du nu hade velat ha menyn genomskinlig, då hade du istället letat efter avsnittet som heter #side och lagt in koden på exakt samma sätt där.

Så, för att förenkla det hela, så kan du välja att lägga in genomskinlighet på i stort sett alla ställen i din stilmall, det är bara att testa dig fram då.

Ett annat sätt man kan göra det hela på, är att skapa en egen class i sin stilmall och sen ge ett objekt den classen, men det är överkurs.

Testa er fram lite, så kommer ni se att det kommer gå bra.

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.