Archief - HTML/CSS: backgroundimages

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
W

Wover

Legacy Member
Hey,

ik ben nu bezig met een klein siteje voor vrienden, waar ze hun eigen agenda kunnen zetten, zodat we kunnen zien wanneer iedereen vrij is en we iets kunnen doen enz.

Nuja, ik was zo eens wa aant proberen voor een background image te maken in paint, maar da lukt ni zo heel goe precies:

http://users.pandora.be/Wover/sites/vakantie.htm

Blijkbaar sluiten ze ni echt goed aan aan elkaar, nochtans zijn het gewoon lijntjes onder 45° in ne gif van 20 op 20 pixels... en dan als background-image met repeat op all...

Enige suggesties (ja ik weet da ge er koppijn van krijgt, maar de andere pagina's zijn beter gevuld, daar valt het veel minder op).

Comments op de CSS mogen ook altijd (gewoon /sites, daar staat het).

De site is wel nog maar in een beginfase natuurlijk, maar ik heb toch geprobeerd om zo juist mogelijk te werken qua tags enz (ik denk dat enkel de <center> tag niet 100% strict xhtml gaat zijn)
W

Wover

Legacy Member
Inderdaad, thanks, Zero Grav had er mij ook al enkele gestuurd, maar ik denk da'k precies toch voor subtielere kleurtjes ga gaan :)

Of een paar keuzes, wit zilver, geel bruin, dit of zwart wit.
d

dendaak

Legacy Member
Stoute vraag van mij :
Ik heb net curuske Xhtml op men eige geleerd maar ik zou graag ook nog wat "images" enzo adden en layout verzorgen, hoe add ik een Background in CSS want het lukt mij niet. :'(

edit: Gewoon images is mij ondertussen al gelukt, nu nog een bg dat luikt echt niet :(
D

Disa

Legacy Member
Als je ze over heel je page wilt, moet je het volgende in je css plaatsen
Code: 
body {
  background-image: url('path/to/image');
  background-repeat: repeat;
}
K

KoenDK

Legacy Member
een gradient kan je ook maken
1200px hoog
10px breed

en repeat-x zodanig dat deze zich horizontaal herhaalt


omgekeerd kan je ook een shadow maken naast uw site
shadow - witte spatie van 750px - shadow (10px hoog)

en deze dan verticaal herhalen via repeat-y

:)
X

XeNiUs

Legacy Member
weet iemand toevallig ergens een site, waar ge mooie achtergronden voor de body kunt vinden?

greetz
o

orez

Legacy Member
KoenDK zei:
een gradient kan je ook maken
1200px hoog
10px breed

en repeat-x zodanig dat deze zich horizontaal herhaalt


omgekeerd kan je ook een shadow maken naast uw site
shadow - witte spatie van 750px - shadow (10px hoog)

en deze dan verticaal herhalen via repeat-y

:)
Klik om te vergroten...

wel wa veel hé...
Ge moet enkel de hoogte nemen dat uw gradient effectief loopt, das meestal een 200 - 250px, en dan slechts 1 px breed.

Waarom 10px ? Da zijn veel te veel nutteloze bytes ;)
R

Rvl

Legacy Member
ik maak het meestal ook 1px breed maar heb eens ergens gelezen dat sommige van 5 tot 10 px breed gaan zodat er minder gerepeat moet worden
o

orez

Legacy Member
da repeaten is ni erg hé ... :p minder/meer speelt echt geen rol, tis en blijft de image die ruimte "vreet", uw css code blijft maar bij background-repeat: repeat-x/repeat-y/repeat hé :)
K

KoenDK

Legacy Member
ahja
das wel waar
is te zien hoe ver uw gradient moet lopen hé

sommige willen die helemaal over 1600*1200
vandaar...


en idd 10px is wat veel
maar zo 1px in photoshop vind ik niet zo handig :D
(oké ja, canvas size wijzigen achteraf :$ )
X

Xavez

Legacy Member
huh? je kan toch perfect een fade van 1px maken in photoshop? gewoon inzoomen? dan zie je toch perfect alles =). En zelfs niet-ingezoomd kan je een perfecte gradient maken :p.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan