Skugga runt menyn eller content
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 av mina 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!
vilken intressant blogg =) Skoj att du hjälper oss som fattar nada hihi.. Men nu har ja en fråga, vart ska detta sättas in någonstannas? jag vet i stilmallen, men vart i stilmallen? kram
Tack så jättemycket för detta inlägget! :D
Men det går inte för mig.. vart ska man sätta in de?.. fattar inte haha xd hjälp?
Måste fråga en sak bara, jag testade det där (på testblogg) men det fungerar bara i firefox och inte internet explorer eller safari..? :)
Jag undrar varför det inte fungerar i google chrome?
Hej. Du jag undrar jag har provat och provat att använda skuggan. Men den syns inte i Google Chrome? Den kanske inte kan synas i alla webbläsare eller vad beror det på, du kanske vet? Tacksam för svar!
Använder både firefox och explorer. Skuggan syns i firefox men inte i explorer, haha.
hej, jag hittar inte ens " div#content {" utan bara "content {"
Det funkar inte för mig! var ska man sätta in? ska man ta bort allt under side och bara sätta in det? Fattar ingenting! :(
Skulle du inte kunna göra ett inlägg om hur man fixar skugga runt alla inlägg? :D
Hej, koden funkar utmärkt!
Men hur gör man rutan större?
Den är lite för liten för min tjocka meny ;)
Asså gud tack så himla mycket ! Men jag har en fråga kan man göra så att skugga inte sitter ihop tex om man har skuggor runt inläggen kan man göra så att det hela inte sitter ihop utan slutar i varje inlägg ? Svara gärna i min blogg !
Hejsan, superb blogg. :)
Men så har jag ju då såklart en fråga.. :)
Går det att göra skugga runt varje inlägg för sig så de blir flera ruter istället för en lång? :)
Svara gärna i en kommentar på bloggen. :D
Kram!
Om jag bara vill ha skugga där nere, på höger och på vänster sida, hur gör jag då? Alltså inte där uppe. Svara gärna i min blogg! Tack iallafall!! :)
Tack för tipset! Men jag undrar hur man gör för att ''centrera'' skuggan? För nu är skuggan typ 2 cm utanför själva inläggen om du förstår? Tacksam för svar! :) (svara gärna på min blogg)
Det fungerar för mig, men min wrapper går bara lika långt ner som headern gör, hur ändrar man så att den går hela vägen liksom? För man kan ju inte bara skriva "height: 500px" för det varierar ju...
Det fungerar för mig, men min wrapper går bara lika långt ner som headern gör, hur ändrar man så att den går hela vägen liksom? För man kan ju inte bara skriva "height: 500px" för det varierar ju...
Hej! Tack så jättemycket för tipset, funkar skitbra! Har bara en fråga. Kan man ta bort skuggan överst på content? Det blir nämligen en konstig skarv där mot headern, ser snyggare ut om det sitter ihop :) Tacksam för svar! (gärna hos mig så ser jag snabbast) :D
Jag vill bara ha skugga överst, till höger och till vänster, hur gör jag då? tacksam för svar i min blogg!
Hur gör man om man vill ha (på content), skugga på alla sidor förutom den högst upp?
