Weergegeven resultaten: 1 t/m 17 van 17
  1. #1
    Member Wover's schermafbeelding
    Lid sinds
    27/12/03
    Locatie
    Tallinn, Estland
    Berichten
    7.615
    iTrader
    39 (100%)

    HTML/CSS: backgroundimages

    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)
    Op reis naar Estland? Kijk eens op HansaGuides
    Buy & Sell iTrader

  2. #2
    Member Quxan's schermafbeelding
    Lid sinds
    12/09/03
    Locatie
    Laken
    Berichten
    2.075
    iTrader
    1 (100%)
    komt omdat bij het naast elkaar zetten er 2ptn in elkaar lopen; zoiets dus ><

    http://img270.imageshack.us/img270/9932/bgimage3pd.gif

    zou moeten werken

  3. #3
    Member Wover's schermafbeelding
    Lid sinds
    27/12/03
    Locatie
    Tallinn, Estland
    Berichten
    7.615
    iTrader
    39 (100%)
    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.

  4. #4
    Member dendaak's schermafbeelding
    Lid sinds
    1/07/04
    Berichten
    6.377
    iTrader
    2 (100%)
    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

  5. #5
    Member Disa's schermafbeelding
    Lid sinds
    28/04/04
    Locatie
    Gent
    Berichten
    1.317
    iTrader
    0
    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;
    }

  6. #6
    Member dendaak's schermafbeelding
    Lid sinds
    1/07/04
    Berichten
    6.377
    iTrader
    2 (100%)
    Merci man !

  7. #7
    Member
    Lid sinds
    19/09/05
    Berichten
    1.919
    iTrader
    0
    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


  8. #8
    Member XeNiUs's schermafbeelding
    Lid sinds
    2/05/03
    Locatie
    Hasselt
    Berichten
    1.414
    iTrader
    21 (100%)
    weet iemand toevallig ergens een site, waar ge mooie achtergronden voor de body kunt vinden?

    greetz

  9. #9
    Crew Member Zero Grav's schermafbeelding
    Lid sinds
    6/06/04
    Locatie
    Bilzen
    Berichten
    8.815
    iTrader
    18 (100%)
    K10K - The Designer's Lunchbox

  10. #10
    Member dendaak's schermafbeelding
    Lid sinds
    1/07/04
    Berichten
    6.377
    iTrader
    2 (100%)
    Wat is dat ? K10K -
    Designer's Lunchbox ?

  11. #11
    Crew Member Zero Grav's schermafbeelding
    Lid sinds
    6/06/04
    Locatie
    Bilzen
    Berichten
    8.815
    iTrader
    18 (100%)
    www.google.be Net wakker ofzo?

  12. #12
    Member dendaak's schermafbeelding
    Lid sinds
    1/07/04
    Berichten
    6.377
    iTrader
    2 (100%)
    OFF-topic: ja sorry

  13. #13
    Member orez's schermafbeelding
    Lid sinds
    17/07/02
    Locatie
    Meulebeke
    Berichten
    4.405
    iTrader
    7 (89%)
    Citaat Oorspronkelijk geplaatst door KoenDK
    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

    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

  14. #14
    Rvl
    Rvl is offline
    Member
    Lid sinds
    12/11/03
    Locatie
    Scherpenheuvel
    Berichten
    929
    iTrader
    6 (100%)
    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

  15. #15
    Member orez's schermafbeelding
    Lid sinds
    17/07/02
    Locatie
    Meulebeke
    Berichten
    4.405
    iTrader
    7 (89%)
    da repeaten is ni erg h ... 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

  16. #16
    Member
    Lid sinds
    19/09/05
    Berichten
    1.919
    iTrader
    0
    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
    (ok ja, canvas size wijzigen achteraf )

  17. #17
    Member Xavez's schermafbeelding
    Lid sinds
    29/11/04
    Locatie
    My attic
    Berichten
    5.938
    iTrader
    0
    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 .

Discussie informatie

Users Browsing this Thread

Op dit moment bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •