Hvordan lage en grunge ramme?

Dette er slik rammen ser ut:

Denne rammen passer best på en svart bakgrunn, men er bakgrunnen din en annen farge går det bra også.
Denne rammen kan brukes på innlegg, sidemeny, footer og header.

Om du får problemer med at innholdet i headeren repeteres, så finner du løsning på det nederst på siden.

Dette er koden du skal bruke:

border-width: 29px 29px 29px 29px;
-moz-border-image: url(http://i43.tinypic.com/nv356r.png) 29 29 29 29 repeat;
-webkit-border-image: url(http://i43.tinypic.com/nv356r.png) 29 29 29 29 repeat;
-o-border-image: url(http://i43.tinypic.com/nv356r.png) 29 29 29 29 repeat;
border-image: url(http://i43.tinypic.com/nv356r.png) 29 29 29 29 repeat;

 

Hvor skal koden plasseres?
1. Gå innpå design
2. Trykk rediger
3. Bla ned til ønsket sted.
Lim koden inn i header for å få den i headeren, entry for å få den rundt selve innlegget, main for å få den rundt bloggen og footer for å få den rundt nederste delen av siden din. Om du har en sidemeny, kan du lime den inn under side for å få den rundt sidemenyen og side div om du har delt inn meny der.

 

Så, for de som har problemer med at headeren repeterer seg når du gjør dette. Dette er pga at rammen har en mengde med gjennomsiktig ramme som den også bruker i tillegg til headeren. Headeren bær skrives med informasjon om bredde og høyde. Det du gjør er å trekke fra 29×2 (som er 58) fra både høyden og bredden av nr du allerede har skrevet inn.
Tallet 58 fordi dette er det som blir summen av antall px lår du lagger de to gjeldene flatene sammen.