Li | Hobbyfotograf -

Design tips & trix #1

Här kommer ett litet lätt tips & trix inlägg om att få runda hörn ochh genomskinlighet på bloggen.

På denna bild har jag runda kanter och lite genomskinlighet på headern.
För att få det behövs några lätta koder.

Runda kanter

-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px;

Dessa två koder ovanför kopierar du om du bara vill ha runda toppar som det är på bilden, annars om du vill både ha runda toppar och bottnar kopiera koden i scrollrutan.

-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px; 
-moz-border-radius-bottomright:10px;


Om du vill ha runda kanter som på exemplet kopierar du in koderna under div#header 
eller vart någonstans du vill ha de.
Genomskinlighet

opacity: 0.5;

För att ändra styrkan på genomskinligheten till svagare/starkare ska du tänka att 0.1 är det starkaste och 0.9 är svagast. Precis som på en rankinglista. Den som är nr.1 är starkast och nr.9 är svagast.

Nu är det bara att flytta och prova sig fram hur ni vill ha det.
Fler småtips kommer allt eftersom, hoppas jag var till lite hjälp!

2010-09-11 @ 00:49:19 Permalink

Kommentarer

Postat av: Linn - Foto & Hverdag

For ett fint tips. :) Kan være fint med runde kanter. ;)

Sv. Takk for kommentar på bloggen min.

2010-09-16 @ 00:07:52
URL: http://fotolinn.blogg.no

Trackback