Avatar billede dorthek76 Nybegynder
06. november 2001 - 11:20 Der er 17 kommentarer

Fadet grafik

Jeg skal lave menuknapper som er fadet ned/halv gennemsigtige, således, at man kan se menubaggrundsbilledet igennem knappen. Hvordan gør jeg det?
Avatar billede pelkjaer Nybegynder
06. november 2001 - 11:23 #1
Sæt opacety\'en på layeret(erne) ned.
Avatar billede dorthek76 Nybegynder
06. november 2001 - 11:33 #2
Det er desværre ikke nok. Jeg skal vide hvordan grafikken gemmes, så man kan kigge igennem den, når den bliver uploadet på hjemmesiden.
Avatar billede pelkjaer Nybegynder
06. november 2001 - 11:35 #3
save for web>>gem som gif - husk at afkrydse feltet \"transparency\".
Avatar billede pelkjaer Nybegynder
06. november 2001 - 11:35 #4
Dette er PS 6.
Avatar billede NanoQ Nybegynder
06. november 2001 - 11:35 #5
Lav knapperne som alm. transperente giffer. Gør hver 2. pixel hvid (eller anden farve), og sæt dén farve transperent.

NanoQ
Avatar billede dorthek76 Nybegynder
06. november 2001 - 11:54 #6
løsningen på de 2x2 pixels er desværre ikke helt optimal, for der må ikke ligge mønster. Hele grafikken skal være fadet ned.
Avatar billede dorthek76 Nybegynder
06. november 2001 - 11:58 #7
Jeg kan desværre stadig ikke få grafikken til at forblive transparent på nettet, selv om jeg gemmer som \"transparency\". Kan du uddybe det, og er du sikker på det virker på nettet også?
Avatar billede prodic Mester
06. november 2001 - 12:56 #8
Dorthe->Alt efter hvad du skal bruge det til kunne en løsning være, at oprettet et layer med en ensfarvetbaggrund under din \"dæmpede\" grafik.
Eller et udsnit af din baggrund.

For du kan ikke få et \"optimalt\" billed ud af, at gemme et billed som \"gennemsigtig\" og lade billedet være fadet. Det bliver noget fnallerværk.


Og når du gemmer som transparant skal du ikke PS6 huske at have skakternene fremme - de indikerer at netop de områder er gennemsigtige. Hvis du har en ensfarvet baggrund(IKKE skaktern), så bliver effekten ikke gennemsigtig.
Avatar billede cgleerup Nybegynder
06. november 2001 - 13:02 #9
Problemet med at gemme som transparent kan opstå flere steder.

punkt. 1
Tjek at din image mode står til endten \"RGB\" eller \"Indexed colors\". Det gøres på følgende måde: Image>mode>rgb eller samme med indexed colors.

punkt. 2
Du skal gemme som gif, eller png (Gif er dog mest almindelig) - når du gemmer som Gif skal du benytte samtlige 256 farver.

En helt tredje ting er at få styr på begreberne:
Du kan ikke kigge igennem dit billed fordi at du sætter opaciteten ned. Hvis du vil kunne kigge igennem knapper på denne måde, skal du direkte klippe små huller på eksempelvis 1x1 pixel i din knap på samme måde som med et skakbræt!

Det du fjerne ved hjælp af gif filen, er én farve den kigger igennem, så i princippet skal denne ene farve ligge som et tærnet bræt ud over dit billede.

Den måde man normalt laver dette på er ved at designe sin side således at i photoshop eller hvad man nu bruger af billedbehandlingsprogram, har sin knap og billedet bag, det vil sige at man skal have det udsnit af baggrundsbilledet som svarer til det man skal kunne se igennem knapper.
På den måde placerer man det allerede her og lader knapper have den ønskede oppacitet - derefter gemmes i det ønskede format og placeres ind på hjemmesiden så den passer med baggrunden. På den måde kommer det til at se ud som om knapper er gennemsigig!
Avatar billede pelkjaer Nybegynder
06. november 2001 - 13:44 #10
Hvis du kun bekymrer dig om IE kunne du blot bruge:

<STYLE type=text/css
.fadediv { -moz-opacity: 70%; filter: alpha(opacity=70)}
</STYLE>

Indsættes i <head>
Avatar billede cgleerup Nybegynder
06. november 2001 - 13:45 #11
Korrekt pelkjaer, men så vil hele knappen fade, og teksten skal sandsynligvis stadig kunne ses!
Avatar billede pelkjaer Nybegynder
06. november 2001 - 13:47 #12
nå ja, men så sæt opacity\'en lidt ned, så kan knappen sikkert ses tydeligt nok :)
Avatar billede pelkjaer Nybegynder
06. november 2001 - 13:48 #13
Op...
Avatar billede cgleerup Nybegynder
06. november 2001 - 13:57 #14
Det er ikke så meget det jeg mener, men hvis dorthek76 skal bruge en gennemsigtig knap, er det ikke løsningen, den kommer meget nemt til at virke tam!
Avatar billede canedo Nybegynder
07. november 2001 - 09:05 #15
Hej :-) jeg tror altså ikke det kan lade sig gøre....
Avatar billede helgj Nybegynder
12. november 2001 - 11:00 #16
Nu ved jeg ikke hvor mange detaljer der er på dit baggrundsbillede, MEN ... Det nemmeste er nok at hale baggrundsbilledet (eller et udsnit) ind i PS6, og lægge knappen på som et layer dér.
Se f.eks. hvordan logoet på www.toldskat.dk er \"farvet ind\" med baggrundsfarven for den bedste effekt.
Avatar billede dorthek76 Nybegynder
12. november 2001 - 11:12 #17
Tak for svaret, men knappen skal være uafhængig af baggrunden, da der skal være mulighed for dynamik, og knapperne skal således kunne tilføjes og fjernes efter behov. Teksten på den enkelte knap skal ligge i en tabelcelle med det fadede baggrundsbillede, hvorigemmen det bagerste menubillede skal skinne igennem. Løsningen på mit problem bliver nok stylesheet.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester