dreamweaver gradient?
4 februari 2007 - 10:10   
geplaatst door: bartp
hallo,

kan je in Dreamweaver ook een gradient(kleurverloop) als je background color instellen of alleen vaste kleuren ?

bart

 macbook 2GHz/2GBblog:   http://www.stezmedia.nl
dreamweaver gradient?
4 februari 2007 - 10:25    reactie #1
geplaatst door: denn88
Dreamweaver is een HTML editor :music: Geen pixel programma. Gebruik daarvoor Fireworks of Photoshop, maak een plaatje van een verloop en plaats die in de achtergrond van je pagina.
Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
dreamweaver gradient?
4 februari 2007 - 10:27    reactie #2
geplaatst door: bartp
ja dat vind ik dus niet mooi. dat krijg je nooit scherm vullend.
maar bedankt.. dat kan dan dus niet.
 macbook 2GHz/2GBblog:   http://www.stezmedia.nl
dreamweaver gradient?
4 februari 2007 - 10:51    reactie #3
geplaatst door: Spooter
Als je het plaatje lang genoeg maakt wel hoor (plaatje hoeft maar 1 pixel breed te zijn en bv 1600 pixels lang)...

:cool:

dreamweaver gradient?
4 februari 2007 - 10:53    reactie #4
geplaatst door: bartp
ok, tof .dat ga ik proberen.
 macbook 2GHz/2GBblog:   http://www.stezmedia.nl
dreamweaver gradient?
6 februari 2007 - 09:00    reactie #5
geplaatst door: denn88
Je kan gewoon een gradient plaatje maken in bv Photoshop van zeg: 50px breed en zo hoog (of lang) als je de gradient wilt hebben, bijvoorbeeld: 50px x 200px.

Voor de beginners: Kun je in Dreamweaver bij Modify -> Page properties, het Background image kiezen. En daaronder kun je bij Repeat aangeven dat deze moet repeteren op de x of y as. Net zoals je het zelf wilt. Voor de gevorderde kun je dit ook in 1 regel Css doen.

Daar heb je echt geen! enorm plaatje voor nodig. Efficient omgaan met webstandaarden!! :biggrin:

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
dreamweaver gradient?
6 februari 2007 - 09:15    reactie #6
geplaatst door: mvdg
Je hebt natuurlijk wel een groot plaatje nodig als je een gradient wilt die zich niet herhaalt.
Bijvoorbeeld als je bovenaan wit, onderaan blauw wilt hebben ofzo. Als je dan een klein plaatje gebruikt krijg je wit-blauw-wit-blauw met lelijke harde overgangen, dat wil je dus niet..
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
dreamweaver gradient?
6 februari 2007 - 09:22    reactie #7
geplaatst door: Spooter
Ben ik niet met je eens:

Ik heb voor http://www.bierbrouwerijdeeem.nl een plaatje van 1 pixel breed en met een behoorlijke lengte gebruikt voor een gradient  (url plaatje:  http://www.bierbrouwerijdeeem.nl/images/achtergrondkleur.gif)

Zie jij kleurblokken ?  Ikke niet...

:thumbs-up:

dreamweaver gradient?
6 februari 2007 - 09:46    reactie #8
geplaatst door: mvdg
Spooter wij bedoelen hetzelfde. Jij onderschrijft juist mijn punt: het gaat erom dat je altijd een grote lengte nodig hebt anders gaat hij herhalen. In de andere richting maakt het natuurlijk niet uit, zoals je in jouw voorbeeld het plaatje gewoon horizontaal herhaalt.

Wat ik bedoelde, is dat je met 50 x 200 (ofzo) nooit zo'n soort effect kunt maken.

Ik lees nu in denn88 zijn bericht dat hij wel noemt "zo hoog of lang als je je gradient wilt hebben" dus uiteindelijk zullen we wel allemaal hetzelfde bedoelen. Ik zou dan als voorbeeld liever 50 x 1500 noemen ofzo maar ach een voorbeeld is maar een voorbeeld.

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
dreamweaver gradient?
6 februari 2007 - 09:59    reactie #9
geplaatst door: Spooter
Haha, wat is uitleggen en bedoelen toch soms hetzelfde

:biggrin:

dreamweaver gradient?
6 februari 2007 - 10:17    reactie #10
geplaatst door: denn88
Ligt er natuurlijk helemaal 'wat' voor gradient je wilt hebben. Als je een klein stukje bovenaan een pagina, gradient die horizontaal loopt, wilt hebben ... kun je volstaan met een klein plaatje dat repeteerd.

Een voorbeeld waar een gradient over de gehele hoogte van een browserscherm loopt heb je inderdaad een groot (of lang haha!) plaatje nodig. Maar ga efficient om: dus repeteren die handel!!

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
dreamweaver gradient?
6 februari 2007 - 10:27    reactie #11
geplaatst door: mvdg
Helemaal mee eens!
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
dreamweaver gradient?
6 februari 2007 - 10:33    reactie #12
geplaatst door: Peter Villevoye
Met CSS kan je exact instellen of en ik welke richting
je een achtergrondplaatje wil plaatsen c.q. herhalen.
(Iets wat oude HTML niet kon, hooguit een beetje met
illegale codes die alleen bepaalde browsers snapten.)

Afhankelijk van je versie DreamWeaver (vanaf MX?)
wordt (default) de HTML- of de CSS-instelling getoond
bij die Page properties.

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
dreamweaver gradient?
6 februari 2007 - 10:48    reactie #13
geplaatst door: WiMac
Het enige wat ik als tip niet lees is het volgende:
Het verloop hoeft niet perse heel lang te zijn. Meestal wil je het effect hoog in de pagina laten zien. Je kan de kleur, waarmee het verloop eindig, als achtergrond kleur instellen. Dan onstaat nooit het probleem, wanneer het verloop onderaan de pagina stopt, je een witte, standaard achtergrond kleur ziet.
Succes  :wink:
dreamweaver gradient?
6 februari 2007 - 11:03    reactie #14
geplaatst door: mvdg
Dat is inderdaad nog een goede extra tip!!
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
dreamweaver gradient?
7 februari 2007 - 15:50    reactie #15
geplaatst door: CapDude
het kan ook zonder plaatjes... maar dan met (veel) meer code...

http://www.designdetector.com/2005/09/css-gradients-demo.php

:)

dreamweaver gradient?
7 februari 2007 - 17:43    reactie #16
geplaatst door: Peter Villevoye
Dat is geen verlooptintje meer, dat is een layer-breiwerk !
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
dreamweaver gradient?
8 februari 2007 - 10:47    reactie #17
geplaatst door: CapDude
En het kan nog leuker! Probeer maar eens een (kleine) afbeelding te converteren naar css layers :)

http://elliottback.com/tools/image-to-css.php

Da's pas ministecken!