Mun pitäs laittaa kotisivuille semmosia puolittain läpinäkyviä kuvia. Osaan kyllä tallentaa gif-kuvia läpinäkyvinä, mutta silloin se "läpinäkyvä" osa on täysin näkymätön. Se ei ole tarkoitus.Jos joku tietäs jonkun koodin pätkän, olis tosi kiva.
Kuvat läpinäkyviksi
ohhi
13770
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 13
Vanhimmat
Hmm... itse en edes osaa tallentaa gif-kuvia läpinäkyviksi, miten se onnistuu Photoshopissa? Tai niin että reunat olisivat läpinäkyvät esim.logossa?
Kun sulla on kuva auki fotarissa niin tallennat sen kuvan web-muodossa (File -> Save for Web.. taikka sitten Alt Shft Ctrl S) jolloin aukeaa se "Save For Web" -ikkuna.
Valitset tallennusmuodoksi Gif ja katsot että "Transparency" -kohdassa on ruksi.
Sitten valitset siitä alhaalta olevasta värilaatikosta (Color Table) värin jonka haluat läpinäkyväksi ja sitten painat sen laatikon alareunassa olevista pikkupikkukuvakkeista vasemmanpuoleisinta eli sitä jossa on harmaavalkoinen ruudukko. Voit valita useampiakin värejä läpinäkyviksi.
En viitsi arvailla mitä nuo tekstit ovat suomenkielisessä Photoshopissa mutta etköhän sinä keksi sen ihan itsekin.
Aivan, osaan kyllä käyttää Photoshopia (ihan koulutuksenkin saanut asiaan) mutta tuota ei ole tullut jostain syystä koskaan tehtyä. Joten kiitos neuvoista! :)
Koulutuksesta ei aina ole hyötyä. Minä taas en ole saanut minuutinkaan koulutusta Photoshoppiin.
Koulutuksesta on aina hyötyä, mutta ei vaan ole sattunut moista tallennettavaa kohdalle.
Siis tarkoitin että koulutus millään tavalla takaa osaamista. Ja yleensäkin koulutus on vasta hyvä lähtökohta oppimiselle.
Toisaalta ilman koulutustakin voi osata aika paljonkin koska ihan itsekin voi opetella vaikka mitä.
Harvemmin koulunkäynti silti on hukkaan heitettyä aikaa.
Ei onnistu koodilla, minun tietääkseni..
Eikä GIF kuvana. Giffissä valitaan yksi väri joka on täysin läpinäkyvä.
Osittain läpinäkyväksi saat kun käytät PNG kuvaformaattia. Se ei vaan toimi kaikissa humpuuki selaimissa, vain kunnollisissa -> OPERA =)
Gif kuvissa väri ei voi olla osittain läpinäkyvä vaan se joko on tai ei. PNG-muodossa voi käyttää alfakanavia mutta kuten -JK- mainitsikin niin se ei toimi eräässä jostain ihmeen syystä varsin usein käytetyssä selaimessa (IE).
Css:ssä taitaa olla jokin Micro$oftin kehittelemä epästandardi purkkaviritelmä (jota ei kukaan tervejärkinen suosittele käytettäväksi) joka taas ei toimi muilla selaimilla.
Yksi toisinaan käytetty vaihtoehto on että laitetaan läpikuultavaksi haluttuun kohtaan joka toinen piste läpinäkyväksi. Teknisesti tuo toimii joka paikassa mutta ulkonäöllisesti pitää tarkkaan katsoa milloin se näyttää hyvältä.
Html-koodilla ei kuulu hoitaa (eikä edes pysty hoitamaan) noita asioita.
"Css:ssä taitaa olla jokin Micro$oftin kehittelemä epästandardi purkkaviritelmä (jota ei kukaan tervejärkinen suosittele käytettäväksi) joka taas ei toimi muilla selaimilla. "
Tossa jo mainittiinkin linkin takaa nuo toistaiseksi epäviralliset filtterit. Tein aikoinaan pienen "demon" noista ja päivittelin ajantasaisemmaksi: http://www.yojih.net/csslayout/opacity.html
"Huhut" antavat kertoa, että myös Opera 7.5b tukisi opacitya, mutta ainakaan Mac-versiolla ei toiminut. Win-versio, anyone? Vai kuuluko sille sanoa jotain tyyliin -opera-opacity? Luulenko ma vaan, mutta jotenkin tuntuu, että Opera alkaa CSS(2)-tuen osalta jäämään Geckon ja Safarin jalkoihin?
Eli opacity on sisällytetty tällä hetkellä ainakin Gecko-pohjaisiin selaimiin sekä Safariin(v1.1 ). Ja IE:ssä sitten se varsinainen viriviri-filter.
Eipä näytä Opera tosiaan ymmärtävän tuosta mitään (ainakaan 7.23).
Nuo Mozillan ja Safarin määrittelyt (-moz-opacity, -khtml-opacity) kuulostavatkin jo hirveiltä, oikein tekemällä tehdään ainoastaan omalle sopivaa .
Mutta jotain tuollaista kyllä olisikin jo aika saada käyttöön vaikka taitaapi taas kulua piiiitkä tovi ennen kuin noita voi yleisemmin käyttää. Kun Mikkis nyt saisi edes tuon png:n toimimaan kunnolla niin sekin olis hyvä.
"Eipä näytä Opera tosiaan ymmärtävän tuosta mitään (ainakaan 7.23). "
Juu, ei käsittääkseni toimi tuossa. Jotain huhuja olen kuullut että 7.5 tukisi.
"Nuo Mozillan ja Safarin määrittelyt (-moz-opacity, -khtml-opacity) kuulostavatkin jo hirveiltä, oikein tekemällä tehdään ainoastaan omalle sopivaa . "
Tämä -moz, -khtml taasen on yleisesti hyväksytty tapa selainten kehittäjille "merkata" nuo kokeelliset CSS3:n _ehkä_ tulevat jutut.
Safari 1.2 tukee jo suoraan opacitya, ilman engine-kohtaista merkkausta.
"Mutta jotain tuollaista kyllä olisikin jo aika saada käyttöön vaikka taitaapi taas kulua piiiitkä tovi ennen kuin noita voi yleisemmin käyttää. Kun Mikkis nyt saisi edes tuon png:n toimimaan kunnolla niin sekin olis hyvä."
Niinpä.
Täytyy vaan odotella CSS 3:sta, siinä on mukana tuo transparency.
Tai sitten täytyy tehdä purkkaviritelmiä tyyliin:
http://www.domedia.org/oveklykken/css-transparency.php
Grafiikan värin muuttaminen läpinäkyväksi
Valitse grafiikka sivunäkymässä.
Napsauta Kuvat-työkalurivin Määritä läpinäkyvä väri -painiketta .
Huomautus Jos haluat tuoda näkyviin Kuvat-työkalurivin, Valitse Näytä-valikosta Työkalurivit ja valitse Kuvat.
Valitse grafiikasta väri, jonka haluat muuttaa läpinäkyväksi.
Huomautus Kun tallennat sivun, Microsoft FrontPage kehottaa sinua tallentamaan kuvan GIF-muodossa, vaikka alkuperäinen kuva olisikin JPEG-muodossa (JPEG-muoto ei tue läpinäkyvyyttä). Jos FrontPage muuttaa kuvan toisesta tiedostomuodosta GIF-muotoon, kuvan värien lukumäärä saattaa pienentyä ja kuvatiedostosta saattaa tulla suurempi.