login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Transparante banner

Offline rolos - 09/04/2010 15:28
Avatar van rolosNieuw lid Ik kwam laatst deze site tegen:

http://www.sarlemijn.nl/home.html

waarbij ik wel onder de indruk was van de banner. Nou vroeg ik mij alleen af hoe je zoiets maakt. Ik kan wel een swf slideshow maken, maar met een transparante navigatiebar met werkende links erbij is voor mij wat teveel. Ik vroeg me eigenlijk alleen maar af welk programma er is gebruikt om dit te maken.
Zat eerst zelf te denken om een apart swf slideshow te maken en aparte transparante navmenu met photoshop. Maar hoe voeg je dit dan samen? :S

ben ff helemaal de kluts kwijt!

groetjes
ronald

8 antwoorden

Gesponsorde links
Offline vinTage - 09/04/2010 15:30
Avatar van vinTage Nieuw lid Er is gewoon een transparante png gebruikt voor de background in die div, thats all.
Offline rolos - 10/04/2010 00:21 (laatste wijziging 10/04/2010 00:36)
Avatar van rolos Nieuw lid Ok goed idee!

net ff opgezocht wat png is en dat moet denk ik wel werken. Alleen nog ff uitzoeken hoe ik dat png plaatje maak, maar dat komt wel goed.

Super bedankt voor deze simpele oplossing

gr
ronald
Offline vinTage - 10/04/2010 00:42 (laatste wijziging 10/04/2010 00:42)
Avatar van vinTage Nieuw lid Die oplossing staat gewoon op die site hoor, kijk maar in de broncode.

Het makkelijkste "ontdek" je dat, door in FF de webdev toolbar te instaleren en dan klikken op het "ding" wat je wilt weten en dan "inspect element"
In de broncode die je dan te zien krijgt, is exact dat "ding" gezelcteerd (dus je hoeft niet te zoeken) en rechts staat de bijbehorende css.

Een png maak je gewoon met eender welke grafische applicatie.
Gewoon een transparante achtergrond en kleur die in en zet de alpha op 50% ofzo.
Offline Jelmerholland - 10/04/2010 00:52
Avatar van Jelmerholland PHP beginner De Fitebug add-on is daarvoor ook wel een optie, ipv webdev ;) Idee erachter is het zelfde, maar firebug is bekender (volgens mij), dus kan je ook makkelijker support op krijgen , Maar dat is mijn logica 
Offline vinTage - 10/04/2010 00:54
Avatar van vinTage Nieuw lid oops, eigenlijk bedoelde ik die ook, my bad 
Offline Jelmerholland - 10/04/2010 11:08
Avatar van Jelmerholland PHP beginner Achja, dat heb je soms 
Offline rolos - 10/04/2010 13:13
Avatar van rolos Nieuw lid Webdev tool inderdaad wel is eerder van gehoord, maar nooit iets mee gedaan.
klinkt inderdaad wel superhandig ga dat gelijk even instaleren bedankt voor jullie hulp!

Offline gnotrgnotr - 10/04/2010 19:07
Avatar van gnotrgnotr Nieuw lid met photoshop daar heb je in het begin van het document een achtergrond van grijse en witte vakjes als je daar niks doet is het Transparant en eventeweel kan je afbeelding frames maken langzaam gaan dan en dan nog bij een afbeelding steeds minder opacity maar doe dan opasity niet op nul dan zie je niks snapie
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.167s