Sida 1 av 1

Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 17:28
av Okänd

Kod: Markera allt

@import "../base.css";

body {
  color: #000;
  background: #840;
}
a {
  color: #420;
}
#site-name a, #site-slogan a {
  color: #840;
}
#top-nav {
  color: #fff;
  border-color: #630;
  background: #840;
}
#primary, #secondary {
  border-color: #420
}
.content-title {
  color: #420;
}
.calendar .day-today, .calendar .day-today a {
  background: #420;
  color: #fff;
}
.poll .bar .foreground {
	background: #630;
}
.comment {
  border: 1px solid #975;
}
.comment .picture {
  border: 1px solid #ccc;
}
#mission {
  background-color: #630;
}
#mission a, #mission a:visited {
  color: #c96;
}
Jag vill gärna ändra så att bakgrunden blir en bild med repeat-funktion.
Ni vet, bilden i sig är bara ett streck men ska fylla hela bakgrunden.

Nån som vet  ???

SV: Ändra stylesheet

Postat: 21 mar 2007, 17:36
av Emil.s
Kan det vara "background-repeat: repeat;" du lär lägga till?

Då blir det så här högst upp:
body {
  color: #000;
  background: #840;
  background-repeat: repeat;
}

SV: Ändra stylesheet

Postat: 21 mar 2007, 17:40
av Okänd
Bra Emil, men själva bilden...
Hur trycker jag in den med sökväg..

Och färgen av bakgrunden ska bort.

Bifoga bilden

[bifogad fil raderad av administratör]

SV: Ändra stylesheet

Postat: 21 mar 2007, 17:54
av Emil.s
Borde bli något i stil med:

body {
  background-image: url(http://länk.till.bilden.se);
  background-repeat: repeat;
}

SV: Ändra stylesheet

Postat: 21 mar 2007, 17:55
av Eric Tranehag, inAbsurdum
Tja! Den korrekta syntaxen är:
  • background-image: url(adresstillbilden)
  • background-repeat: repeat-x (för horisontell repeat)
  • background-repeat: repeat-y (för vertikal repeat)
  • background-repeat: repeat (för "allmän" repeat)
Vilket skulle ge till exempel:

body {
  color: #000;
  background: #840;
  background-image: url(URLtillbilden);
  background-repeat: repeat;
}


Själv skulle jag använda Hex-koder till färgerna, men annars såg det bra ut!



Edit: emil.s hann före här, men men... :)

SV: Ändra stylesheet

Postat: 21 mar 2007, 18:07
av Okänd
Tack alla ni !

Problem solved !!

Vilket fint forum vi har eller hur ??

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 18:09
av Okänd
Själv skulle jag använda Hex-koder till färgerna, men annars såg det bra ut!
inAbsurdum, varför det ?

(Förresten, har du också läst Latin ? Nicken tyder på det ) ;)

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 18:58
av Eric Tranehag, inAbsurdum
Little John skrev:
Själv skulle jag använda Hex-koder till färgerna, men annars såg det bra ut!
inAbsurdum, varför det ?

(Förresten, har du också läst Latin ? Nicken tyder på det ) ;)
Ingen anledning egentligen, jag är nog mer van vid att tänka i #RRGGBB bara ;)

och ja, även om jag inte riktigt vet vad som skulle vara in Absurdum med mig... känner mig som en rätt reguljär man egentligen  ;D

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 19:44
av Okänd
;D ;D ;D ;D

Jo, kan ni kolla på http://www.xxp.space2u.com varför bakgrunden inte räcker till som den
gör hos ubuntu.com ?

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 21:05
av Eric Tranehag, inAbsurdum
Little John skrev: ;D ;D ;D ;D

Jo, kan ni kolla på http://www.xxp.space2u.com varför bakgrunden inte räcker till som den
gör hos ubuntu.com ?
Oj, förlåt! Jag har ändrat min tidigare post... repeat-x gör att den bara repeterar horisontellt...
ändra  i /themes/B7/B7 Brown/style.css från repeat-x till repeat, så fixar det sig!

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 21:08
av Emil.s
inAbsurdum skrev:
Little John skrev: ;D ;D ;D ;D

Jo, kan ni kolla på http://www.xxp.space2u.com varför bakgrunden inte räcker till som den
gör hos ubuntu.com ?
Oj, förlåt! Jag har ändrat min tidigare post... repeat-x gör att den bara repeterar horisontellt...
ändra  i /themes/B7/B7 Brown/style.css från repeat-x till repeat, så fixar det sig!
eller "repeat-y" lär väl funka? :)

SV: Ändra stylesheet [LÖST]

Postat: 21 mar 2007, 21:10
av Okänd
Provade alla möjligheter.
Men det bästa är den just nu.
Undrar om bilden inte räcker till............
Kan man zooma den vertikal?

SV: Ändra stylesheet

Postat: 22 mar 2007, 07:11
av Okänd

Kod: Markera allt

body {
  color: #000;
  background:url(bgrepeat.jpg);
  background-repeat: repeat;
  
}
Jag försökte både med -x och -y och helt utan.

Så ser den ut nu, men kolla på resultatet på sidan  ???

SV: Ändra stylesheet

Postat: 22 mar 2007, 09:48
av Okänd

Kod: Markera allt

body {  
        background-image: url(bgrepeat.jpg);
        background-color: #D3CAAA;
        background-repeat: repeat-x;
        padding: 100;
        margin: 0;
{
;D ;D ;D ;D ;D ;D ;D ;D ;D ;D

http://www.xxp.space2u.com/