Archief - JS/HTML? : Gradient back color

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.
m

menlor

Legacy Member
Groeten iedereen

ik ben op zoek naar een script waarmee ik op een webpagina de achtergrondkleur kan veranderen in een gradient. Dus bovenaan donkerblauw en onderaan iets lichter blauw.
Ik heb al een tijdje zitten zoeken, in html en JavaScript, maar het enigste dat ik vind is flashy achtergronden die in elkaar over gaan, maar degene die ik zoek moet statisch zijn en op alle resolutie's zichtbaar( dus geen image gebruiken, denk ik).

Dank bij voorbaat.
P

Pietje Prik

Legacy Member
ik zou toch een image gebruiken: eentje van 900 op 1 ofzo, die zich vertikaal herhaalt. Gebruik daarvoor css ...
reply als ge niet weet hoe ge 't moet doen
m

menlor

Legacy Member
dat had ik ook gedacht, maar degene voor wie ik het moet maken gebruikt 1600*1200 als scherm resolutie, en op andere schermen komt da dan niet uit.

Edit: blijkbaar toch iets gevonden.
<style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#000000,EndColorStr=#CCCCCC); }</style>

Maar dat doet hij over de ganse pagina, en niet per table. zal wat zoeken worden ^^
T

Talos

Legacy Member
Is dat filter gedoe crossbrowser?
Anders kan je ook een image horziontaal laten repeaten in combinatie met een achtergrondkleur, werkt ook op alle resoluties.
P

Pietje Prik

Legacy Member
<div id="wrapper">
hier zet je uw inhoud
</div>

Dit zet je daarna in je stylesheet:

body,html
{
height: 100%;
background-color: kleur;
}

div#wrapper
{
position: absolute; margin: 0px;
width: 100%; height: 100%;
background-image: url('background.jpg');
background-repeat: repeat-x;
background-position: middle;
}

als je je langgerekte background-image hoog genoeg maakt (maakt niet uit of dat 900px hoog is of 1200...) dan zou dit moeten werken. De inhoud van je site moet dan wel binnen die div staan :)
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