Genomskinlig bakgrund
Jag har fått frågan ett par ggr om hur man gör så att ens bakgrund lyser igenom på bloggen… och efter lite letande på nätet, så hittade jag något som fungerar riktigt bra.
Dock så ska man ha i åtanke att det inte fungerar om du har en version av Internet Explorer som inte är uppdaterad.. dvs version 7. Tyvärr är det många som inte har uppdaterat sin Explorer, vilket innebär att det du gör på din blogg, inte syns för dem. Vad du själv har för Browser och version, kan du se i min meny här till höger.
Hursomhelst… för att få bakgrunden genomskinlig, så gör du så här.
Gå in i din stilmall.
Leta upp koden som heter body{
I min stilmall ser den ut så här:
body {
background: #000000 url(https://xs122.xs.to/xs122/07495/bakgrund1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
Det du ska lägga till i koden är följande rader:
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
Så i mitt fall skall det se ut så här i min stilmall:
body {
background: #000000 url(https://xs122.xs.to/xs122/07495/bakgrund1.jpg);
background-repeat: no-repeat;
background-position: center center;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
background-attachment: fixed;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
Mycket svårare än så är det inte.. dock så är exemplet här gjort så att bakgrunden lyser igenom överallt, dvs i menyn och liknande…
Om du vill ändra hur mycket bakgrunden skall lysa igenom, så ändrar du värdet från 75 till något annat.. men tänk på att ändra det på alla ställen…
För mig blir det så att hela headern lyser igenom, går det att ändra på det? Alltså så att menyn och inläggen lyser igenom, men inte headern och bilderna?
Så blev det för mig också :/ jag vill bara ha inläggs bakgrunden sådär.
så blir det för mig med, vill inte heller att det ska lysa igenom bilder och header.. hur ändrar man det?
Du sätter in koden på content istället för body (:
sätt in på content OCH side 🙂
Så fort jag klistrar in det försvinner halva bloggen! Lite svårt att förklara, men lite efter där menyn slutar så tar “fältet” också slut
fin blogg! 🙂
du har ju sånt där vitt i mitten där inlägget är, och en annan bakgrund runt det? fattar du? iaf, hur får man det så? har letat över hela internet det finns ju ingenstans?
de är väldigt coolt, men dock gillade jag inte att de lyser igenom på bilderna. hur kan jag ändra de? vill gärna ha ett svar.
min bakgrund syns Firefoox, men inte IE ?:/
Vad ska jag för för att den ska synas i båda ?
testbloggen heter
Kan man inte fixa som så att bara Headern blir genomskinlig? För jag vill att resten ska vara som det är innan man gör det genomskinligt och vill bara att headern ska vara det 🙂
Tacksam för svar! 🙂
Jag undrar detsamma om man kan få så att bara själva headern blir genomskinlig?
För mig funkade ingenting så jag är inte helt säker på rätt svar men.. Du vet säkert om programmet http://www.picnik.com, där kan du göra din egen bild genomskinlig sen är det bara att klistra in den som header. Bara ett tips! Hopps jag inte förstod fel hehe..
Var på picknik hittade du det?, jag hittar det inte:S
För mig funkade det jättebra, men undrar om det går att reglera hur genomskinlig det ska vara, tycker att det blev lite väl genomskinligt.. Tacksam för svar 🙂
“Om du vill ändra hur mycket bakgrunden skall lysa igenom, så ändrar du värdet från 75 till något annat.. men tänk på att ändra det på alla ställen…”
Alltså, på varenda ställe det står “75” eller “0.75” osv, ändrar du. Om du vill att det skall vara ännu mer genomskinligt ska du sänka siffran “75” till ett LÄGRE tal. Om du vill att det skall vara mindre genomskinligt ska du höja siffran “75” till ett HÖGRE tal. Lycka till! =)
Hej, det blev jätte fint, men kan man inte göra så att bara bilderna på bloggen blir mer synligare?
Har letat efter det här länge! 🙂
men är det nån som kommit på hur man gör för att inte allt ska bli genomskinligt?
jag skulle också villja ha hjälp med de, jag har löst det med headern. Men jag vill att bilderna i inläggen ska vara 100% synlig, någon som kan:):)?
Hur gjorde du för att inte få headern genomskinlig?
våran stilmall ser inte alls ut som din ! kan man på något sätt ändå göra den genomskinlig?
klistrade jag in i headern då ser det ut så här för mig.
#header { background: url(https://minbildadress.se) no-repeat bottom center ; width: 600px; height: 405px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; float: right; }så här ser det ut då när jag har lagt opacity på 50%
Det blir jättesnyggt med lägre opacitet på bakrunden, men finns det något sätt att göra det så att bilderna i inläggen inte påverkas? *hoppas*
tacksam för svar 🙂
Det verkar som att flera redan frågat detta, men kan man göra så att bilderna inte påverkas av den lägre opaciteten?
tacksam för svar 🙂
Oj, Nu skickades nästan samma två gången >.< xD
Hur gör man så att det är bara headern som man nt kan se bakrunden ??
jag vill ha en sån som foki har det, jag vet inte riktigt hur jag ska förklara, men liksom…
hon har ju bakgrund, en rosa mönstrad, sen där själva INLÄGGET är så är det ju vitt, och så skulle jag också vilja ha det , för annar ser man inte min text. fattar någon?
TACKSAM FÖR SVAR! :D<3
Vet inte vart jag ska skriva, men jag har ett problem.. Det ligger en turkos ram runt alla mina bilder och hur jag än gör så får jag inte bort den! Vet inte hur jag ska göra. Något förslag?
hej! jag ser att flera har frågat samma sak, men hur gör man så att endast den vita bakgrunden blir genomskinlig och inte bilderna och texten också? iallafall bilderna 🙂
hej, ja jag vet inte vart jag skulle skriva så de fick bli här.. Varför läggs aldig svar upp på kommentarerna! Om de gäller generella frågor så är de väl lättast för alla om du (som har sidan) svarade bland frågorna så slipper alla ställa samma frågor! Hur gör man för att få bakgrunden genomskinlig och bilder och text som vanligt?
tack!
Hej!
Jag har precis gjort en downdrop meny på min blogg, och skulle vilja att det vita i undermenyn blir lite genomskinligt. Skulle du kunna förklara för mig hur jag gör ? Skicka gärna svaret till min mail.
Vore jätte snällt!
Mvh Emelie T
Jag vet hur man gör! 🙂
Jag har gjort ett inlägg på min blogg där det står hur man ska göra (jag har det inte så själv, men har lagt upp det i alla fall för många har frågat)
Lämna gärna en kommentar i kommentarsfältet eller i min gästbok som tack 😉
PUSS♥
Jag vet hur man gör! 🙂
Jag har gjort ett inlägg på min blogg där det står hur man ska göra (jag har det inte så själv, men har lagt upp det i alla fall för många har frågat)
Lämna gärna en kommentar i kommentarsfältet eller i min gästbok som tack 😉
Jag vill ha allt grått svart hur fan gör jag? BLIR GALEN!
Hej, när jag testar det så blir det genomskinligt som jag vill ha det, men efter några sekunder så blir det som vanligt igen! Varför blir det så? Jag har valt 70 på alla ställen. Sjukt tacksam för svar! 🙂
Som många andra frågat, hur får man bilderna att inte bli genomskinliga? Det är ju bara sjukt irriterande att dom knappt syns :p
hur gör man om man vill ha menyn genomskinlig men inte texten o bilderna och sånt ?. får panik man för ju inte svar på sina fråga på denna bloggen.
Seriöst, får allting att funka men vill att bilderna skall synnas normalt och inte vara genomskinliga? Har testat och testat men hur går det?
Många har frågat samma men ingen får svar, svara ens om det går alls lixom? Tack 🙂
Hej! Jag har inte de koderna alls! Hur sjutton ska jag göra då? Tacksam för svar 🙂
Jag vet hur man gör för att få genomskinlig bakgrund på inläggen UTAN att få text/bilder genomskinliga. Kontakta mig på min blogg om det är någon som fortfarande behöver hjälp 🙂 (http://sugbha.blogg.se)
skulle du kunna visa mig hur man gör? som du ser på min blogg får jag inte till det. kram kram 🙂
kan man lyckas använda den här koden i content (bakgrunden för inläggen) utan att alla bilder och de i inläggen också blir genomskinliga?
Opacity-egenskapen gör tyvärr att alla element inom det element du lägger opaciteten på blir genomskinliga. Det du kan göra är att skapa en bild i Photoshop (som är lika bred som content, men behöver inte vara mer än ca 10px hög) som är relativt genomskinlig, ta bort background: #fff; under #content och lägga till bilden istället
background: transparent url('dinbild') repeat-y;