Ändra stylesheet [LÖST]

Här diskuteras programmering och utveckling
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

Ändra stylesheet [LÖST]

Inlägg 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  ???
Senast redigerad av 1 Okänd, redigerad totalt 22 gånger.
Emil.s
Inlägg: 6633
Blev medlem: 12 dec 2006, 23:20
OS: Ubuntu
Ort: /Dalarna/Hedemora/
Kontakt:

SV: Ändra stylesheet

Inlägg 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;
}
Home sweet ~/ = http://sandnabba.se
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet

Inlägg 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]
Emil.s
Inlägg: 6633
Blev medlem: 12 dec 2006, 23:20
OS: Ubuntu
Ort: /Dalarna/Hedemora/
Kontakt:

SV: Ändra stylesheet

Inlägg av Emil.s »

Borde bli något i stil med:

body {
  background-image: url(http://länk.till.bilden.se);
  background-repeat: repeat;
}
Home sweet ~/ = http://sandnabba.se
Användarvisningsbild
Eric Tranehag, inAbsurdum
Inlägg: 861
Blev medlem: 04 feb 2007, 13:11
Ort: Västerås - Sverige
Kontakt:

SV: Ändra stylesheet

Inlägg 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... :)
Senast redigerad av 1 Eric Tranehag, inAbsurdum, redigerad totalt 21 gånger.
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet

Inlägg av Okänd »

Tack alla ni !

Problem solved !!

Vilket fint forum vi har eller hur ??
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet [LÖST]

Inlägg 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 ) ;)
Användarvisningsbild
Eric Tranehag, inAbsurdum
Inlägg: 861
Blev medlem: 04 feb 2007, 13:11
Ort: Västerås - Sverige
Kontakt:

SV: Ändra stylesheet [LÖST]

Inlägg 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
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet [LÖST]

Inlägg 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 ?
Användarvisningsbild
Eric Tranehag, inAbsurdum
Inlägg: 861
Blev medlem: 04 feb 2007, 13:11
Ort: Västerås - Sverige
Kontakt:

SV: Ändra stylesheet [LÖST]

Inlägg 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!
Emil.s
Inlägg: 6633
Blev medlem: 12 dec 2006, 23:20
OS: Ubuntu
Ort: /Dalarna/Hedemora/
Kontakt:

SV: Ändra stylesheet [LÖST]

Inlägg 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? :)
Home sweet ~/ = http://sandnabba.se
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet [LÖST]

Inlägg 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?
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet

Inlägg 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  ???
Okänd
Inlägg: 30172
Blev medlem: 03 mar 2008, 01:30
OS: Ubuntu

SV: Ändra stylesheet

Inlägg 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/
Skriv svar

Återgå till "Programmering och webbdesign"