Forum » Client-Side scripting » scroll-zonder-meescroll van bg
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privebericht
Hallo CP!

EDIT: Om je achtergrond gewoon te laten staan kan je gewoon gebruikmaken van; 'background-attachment: fixed'

(Daarom nieuwe vraag! lees hieronder de reacties door en zie maar hoe je me verder kan helpen)

Mvg,

De onderstaande vraag, is niet opgelost in de gewenste tijd (want ik heb de opdracht all ingeleverd.. moest vandaag af zijn, maar toch zou ik graag nog willen weten hoe dat nou moet voor de volgende keer, kan ik dat wel in me volgende opdracht gebruiken^^
Laatst gewijzigd door h4x0r666 op 2011-10-28 09:53:42
24-10-2011 13:53
Dit topic is 269 keer bekeken door 54 verschillende leden
Reacties op: "scroll-zonder-meescroll van bg"
1
Webbasing
Berichten: 317
avatar
Offline Stuur privébericht
background-attachment: fixed;
24-10-2011 13:56
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
wow dat was simpel haha excuses.. misschien om het nog beter te maken, weet je ook hoe ik de pagina door laat lopen met een zegmaar lange streep die de pagina niet lelijk maakt en vooral de tekst erop niet..

zegmaar je hebt een vloed van boven naar onder
en onderaan is hetgewoon hetzelfde dus die mag gedupliceerd worden. heb je daar ook zn css code voor?

(edit: wel gwn met een plaatje he, een stuk van die layout^^ niet letterlijk een streep. je snapt me vast wel)
24-10-2011 14:10
Dein
Berichten: 2778
avatar
Offline Stuur privébericht
Bedoel je met die streep een gradient ? Want met CSS 3 kun je heel gemakkelijk gradients toepassen.

http://css-tricks.com/5700-css3-gradients/
26-10-2011 10:20
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
kijk als voorbeeld... bedoel ik,
een schaduw die van boven naar beneden gaat..
dan als die schaduw, vlammen of wat dan ook.. eindigt
heb je iets dat niet verschilt als je het opnieuw doet..
wat ik dus heb is dat de tekst nietgoed zichtbaar wordt met fixed background dus wil ik dat een ander plaatje.. de onderste gedeelte (een kleine lijn) gewoon gedupliceerd wordt. snap je?

alleen ik weet ten eerste niet hoe dat heet of genoemd wordt, en ten tweede googlen leverde me niks op dus hopelijk heb jij een oplossing xD .. in die gradients zag ik geen oplossing

Nieuwe reactie samengevoegd met originele reactie op 26.10.11 12:31:13:
Kijk dit wil ik even bereiken xD
dit is de achtergrond:
Afbeelding
en daaronder moet deze streep door en door gaan.. hoever de tekst ook gaat.. zegmaar hetzelfde als ik die streep niet zou gebruiken dan zou die gwn de achtergrond zelf dupliceren...
Afbeelding

Mvg,
26-10-2011 11:57
pekelterror
Berichten: 470
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
<style>
body {
background-attachment: fixed; /* Laat achtergrond staan */
background-color: #cccccc; /* Achtergrondkleur, loopt door als de achtergrond te klein is */
background-image: url('http://www.google.nl/images/srpr/logo3w.png'); /* Achtergrond plaatje */
background-repeat: no-repeat; /* Achtergrond niet laten repeaten, maar de rest opvullen met de achtergrondkleur */
}
</style>


Probeer het eens op die manier.

Of je kan het zo doen:
Code | Selecteer Alles
minimaliseren
1
background:#ccc url(http://www.google.nl/images/srpr/logo3w.png) no-repeat fixed;

Is netzo, maar dan korter.
26-10-2011 13:44
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
ik zie aan de codes dat dit nog over het vorige onderwerp gaat of heb ik het fout? want dat fixed wist ik all, ik wil graag zoals ik in vorige reactie heb gezegt, dat die background gewoon blijft staan
en in het geval dat als de tekst te lang is voor de background zelf, dat die niet fixed is.. maar dat die met die streep gewoon verder gaat (inplaats van kleur) zodat het net lijkt zegmaar dat de achtergrond veel langer is.. terwel er gwn 1 lijn opnieuw en opnieuw wordt gebruikt als er meer text enzo is..

btw ik gebruik op dit moment gewoon:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
....
  <style type="text/css">
  body {
    background-attachment: fixed }
  </style>
</HEAD>
<BODY background="media/images/achtergrond.jpg" BGCOLOR="grey">
.......


Nieuwe reactie samengevoegd met originele reactie op 26.10.11 14:17:22:
Iets zoals dit, (is niet goed mja; voorbeeld!):
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
<style type="text/css">
  body {
    background-image: url('media/images/achtergrond.jpg'); top no-repeat; /* Achtergrond plaatje */
    background-line: url('media/images/onderlijn.jpg'); repeat; /* Achtergrond onderlijn, loopt door als de achtergrond te klein is */
    background-size: 100%; /* Achtergrond laten uitrekken tot beeldscherm formaat */ }
  </style>
26-10-2011 13:57
L.Groot
Rapifia Europe
Berichten: 3718
avatar
Online Stuur privébericht
Kan wel, maar dan moet je denk ik 2 background images gebruiken in dus 2 div's.
27-10-2011 16:07
Cas
BuitengewoonUniek.nl
Berichten: 1156
avatar
Offline Stuur privébericht
Dan pak je toch gewoon:

Code | Selecteer Alles
minimaliseren
1
2
3
4
body {
    background-image: url('http://www.google.nl/images/srpr/logo3w.png');  
    background: no-repeat fixed #666666;
}


/* Waarvan je #666666 de kleur van die streep meegeeft */
27-10-2011 17:16
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
de streep is een plaatje geen kleur ik moet 'm laten uitrekken doormiddel van background-size: 100% (anders kwam hij niet goed),
de background moet blijven staan en die streep (image) bekijk maar de vorige reacties.. moet gwn door gaan.. zou dan misschien die kleur in een andere url veranderd worden? volgens mij nie
iemand nog ideeen?

Moet morgen inleveren
27-10-2011 23:14
Reageer op: "scroll-zonder-meescroll van bg"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden