Hur man får skugga!
För att få en skugga runt menyn gör man detta i stilmallen.
Man kan ändra hur mycke skugga man vill ha och färg, detta är mycket lätt!
Se nedan var koden ska vara:
#side {
-moz-box-shadow:10px 10px 5px #888; <----Ändra färg här!
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
height:auto;
left:740px;
padding:7px 0 0;
position:absolute;
top:87px;
width:195px;
}
Om man vill ha skugga runt inläggsrutan (content) ska det se ut så här:
div#content {
-moz-box-shadow:0px 0px 30px #888; <----Ändra färg här!
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
position: absolute;
top:120px;
left:245px;
width: 730px;
}
Några färdiga koder ni kan välja mellan:
Lite mörkare skugga, höger sida:
-moz-box-shadow:10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
Lite ljusare skugga, höger sida:
-moz-box-shadow:5px 5px 10px #888;
box-shadow: 5px 10px 10px #888;
padding: 0px 0px 0px 0px;
Skugga på alla sidor:
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;
padding: 0px 0px 0px 0px;
Mycke skugga på alla sidor:
-moz-box-shadow:0px 0px 30px #888;
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
Förhandsgranska och spara!
Man kan ändra hur mycke skugga man vill ha och färg, detta är mycket lätt!
Se nedan var koden ska vara:
#side {
-moz-box-shadow:10px 10px 5px #888; <----Ändra färg här!
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
height:auto;
left:740px;
padding:7px 0 0;
position:absolute;
top:87px;
width:195px;
}
Om man vill ha skugga runt inläggsrutan (content) ska det se ut så här:
div#content {
-moz-box-shadow:0px 0px 30px #888; <----Ändra färg här!
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
position: absolute;
top:120px;
left:245px;
width: 730px;
}
Några färdiga koder ni kan välja mellan:
Lite mörkare skugga, höger sida:
-moz-box-shadow:10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
Lite ljusare skugga, höger sida:
-moz-box-shadow:5px 5px 10px #888;
box-shadow: 5px 10px 10px #888;
padding: 0px 0px 0px 0px;
Skugga på alla sidor:
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;
padding: 0px 0px 0px 0px;
Mycke skugga på alla sidor:
-moz-box-shadow:0px 0px 30px #888;
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
Förhandsgranska och spara!
Hoppas det va till hjälp! :D
Kommentarer
Postat av: Sanna & Lano
Vad har du gjort idag hittils?
Det skulle vara jätte snällt om du kommenterade i detta inlägg, om vad vi ska blogga om mer. Vad tycker du? :) http://lhsa.blogg.se/2012/july/a-question.html#comment
Postat av: sofia
blog'vin byte??:)
Svar:
Mathilda Reimertz Landin
Trackback