Millä koodilla saa tekstiin varjostuksen??

Meeani

Tarvisin apua, eli millä koodilla nääs saa tekstiin varjostuksen? Tarvisin SUNTUUBILLE, koska kaikki koodit jotka olen kokeilleet, ovat toimineet VAIN WEBSILLÄ. : ( Iiiiiiiiiso kiitos, jos kertoisit koodin. ^^

- Meeani

11

733

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • _TTTTTT_

      En tiedä pääseekö Suntuupissa kiinni html:ään, mutta jos pääsee niin varjon saa tehtyä css:llä.

      Esim:

      Otsikko
      Otsikko

      ... noilla negatiivisilla mariginaaleilla siirrät "Otsikon" toisen päälle niin, että toinen otsikko muodostaa sen varjon ja passaat värit sopiviksi.

      • Mie Vain.

        Niin nykyään kyl kannattaa käyttää CSS 3 jossa moinen ominaisuus on valmiina, eikä tarvitse turhaa kikkailua. http://www.westciv.com/tools/shadows/ Toki ei toimi IE selaimilla muilla kylläkin, mutta eihän se mitään haita.

        Mutta eikös toi sinun kikkailu onnistuisi ihan että CSS:ssä contentilla otsikko ja se halutulle paikalle, näin ei tarvitsisi otsikkoa olla kahteen kertaan HTML koodissa, toimii myös IE. http://www.quirksmode.org/css/beforeafter.html


      • _TTTTTT_
        Mie Vain. kirjoitti:

        Niin nykyään kyl kannattaa käyttää CSS 3 jossa moinen ominaisuus on valmiina, eikä tarvitse turhaa kikkailua. http://www.westciv.com/tools/shadows/ Toki ei toimi IE selaimilla muilla kylläkin, mutta eihän se mitään haita.

        Mutta eikös toi sinun kikkailu onnistuisi ihan että CSS:ssä contentilla otsikko ja se halutulle paikalle, näin ei tarvitsisi otsikkoa olla kahteen kertaan HTML koodissa, toimii myös IE. http://www.quirksmode.org/css/beforeafter.html

        >> Toki ei toimi IE selaimilla muilla kylläkin, mutta eihän se mitään haita.

        Kyllä se ainakin itseäni haittaa. Se olisi toinen juttu, jos ei toimisi jossain marginaaliselaimessa.

        Tuo css/content on monessa hommassa toimiva juttu, mutta en tiedä onko se sitä tässä, etenkin jos tulee useampia erilaisia otsikoita (tai muita varjostettuja tekstejä*). Tietysti jos tyylin liittää html:n ja päivittelee html-merkkausta tai sitten niin, että css syntyy ohjelmallisesti kun otsikko* luodaan tai sitä muutetaan.

        Moniin hommiin löytyy useampia vaihtoehtoja ja hyvä niin. On valinnanvaraa.


      • Mie Vain.
        _TTTTTT_ kirjoitti:

        >> Toki ei toimi IE selaimilla muilla kylläkin, mutta eihän se mitään haita.

        Kyllä se ainakin itseäni haittaa. Se olisi toinen juttu, jos ei toimisi jossain marginaaliselaimessa.

        Tuo css/content on monessa hommassa toimiva juttu, mutta en tiedä onko se sitä tässä, etenkin jos tulee useampia erilaisia otsikoita (tai muita varjostettuja tekstejä*). Tietysti jos tyylin liittää html:n ja päivittelee html-merkkausta tai sitten niin, että css syntyy ohjelmallisesti kun otsikko* luodaan tai sitä muutetaan.

        Moniin hommiin löytyy useampia vaihtoehtoja ja hyvä niin. On valinnanvaraa.

        "Kyllä se ainakin itseäni haittaa. Se olisi toinen juttu, jos ei toimisi jossain marginaaliselaimessa."

        Niin kyseessähän on pienenpieni kosmeettinen haitta, jota kävijä ei todennäköisesti edes huomaa koska ei tiedä että tekstissä pitää olla varjostus. Sivunhan ei tarvitse näyttää jokaikisessä selaimessa 100% samannäköiseltä.

        Mutta halutessa voi lisätä tohon aikasempaan CSS 3 esimerkkiin filtterin mukaan silloin myös IE:hen* saa varjot http://www.ssi-developer.net/css/visual-filters.shtml

        * = suojaus asetukset voivat estää filttereiden toiminnan.

        "jos tulee useampia erilaisia otsikoita (tai muita varjostettuja tekstejä*). Tietysti jos tyylin liittää html:n ja päivittelee html-merkkausta tai sitten niin, että css syntyy ohjelmallisesti kun otsikko* luodaan tai sitä muutetaan."

        Niin toki tossa content kikkailussa on omat puutteensa. Mutta siinäkin on omat ongelmansa jos sama teksti monistetaan sivulle kaksinkappalein, jos CSS on pois kytketty .... niin näkyykin kaksi tekstiä. Sekä ennenkuin tämmöisiä kikkailuja käyttää niin kannattaa testata miten ne käytännössä toimii eri selaimilla, varsinkin silloin jos varjostettu teksti rivittyy, lopputulos voi olla aika sekava ;)

        Mutta yhä olen sitä mieltä että varjo on niin pieni asia, ettei kannata kikkailla vaan käyttää vaikkapa text-shadow filter DropShadow/Shadow


      • Mie Vain. kirjoitti:

        "Kyllä se ainakin itseäni haittaa. Se olisi toinen juttu, jos ei toimisi jossain marginaaliselaimessa."

        Niin kyseessähän on pienenpieni kosmeettinen haitta, jota kävijä ei todennäköisesti edes huomaa koska ei tiedä että tekstissä pitää olla varjostus. Sivunhan ei tarvitse näyttää jokaikisessä selaimessa 100% samannäköiseltä.

        Mutta halutessa voi lisätä tohon aikasempaan CSS 3 esimerkkiin filtterin mukaan silloin myös IE:hen* saa varjot http://www.ssi-developer.net/css/visual-filters.shtml

        * = suojaus asetukset voivat estää filttereiden toiminnan.

        "jos tulee useampia erilaisia otsikoita (tai muita varjostettuja tekstejä*). Tietysti jos tyylin liittää html:n ja päivittelee html-merkkausta tai sitten niin, että css syntyy ohjelmallisesti kun otsikko* luodaan tai sitä muutetaan."

        Niin toki tossa content kikkailussa on omat puutteensa. Mutta siinäkin on omat ongelmansa jos sama teksti monistetaan sivulle kaksinkappalein, jos CSS on pois kytketty .... niin näkyykin kaksi tekstiä. Sekä ennenkuin tämmöisiä kikkailuja käyttää niin kannattaa testata miten ne käytännössä toimii eri selaimilla, varsinkin silloin jos varjostettu teksti rivittyy, lopputulos voi olla aika sekava ;)

        Mutta yhä olen sitä mieltä että varjo on niin pieni asia, ettei kannata kikkailla vaan käyttää vaikkapa text-shadow filter DropShadow/Shadow

        »Mutta siinäkin on omat ongelmansa jos sama teksti monistetaan sivulle kaksinkappalein, jos CSS on pois kytketty .... »

        Tämän takia itse en missään tapauksessa käyttäisi tuollaista tuplatekstikikkailua. Sivujen pitää toimia järkevästi KAIKILLA selaimilla, enkä itse ainakaan pidä kovin järkevänä toimivuutena otsikoiden tuplana näkymistä/kuulumista (puhesyntsat).

        Css:n hienoin piirre onkin juuri siinä, että voidaan rakentaa hyvin toimivat mutta tylyn näköiset sivut, jotka toimivat takuulla joka paikassa, ja erikseen suunnitella sivustoon nätti, näyttävä, hyvin tulostuva, pieneen ja isoon näyttöön tai mihin tahansa erikoistilanteeseen sopiva ratkaisu.


    • Meeani

      Kiitos, kiitos, kiitos! Toimi mahdottoman hyvin. : D Oon tooosi kiitollinen!

    • _TTTTTT_

      Hyvä jos oli apua ja kiva kun kerroit.

    • blisad

      Windows that are hard to fit can still benefit from fabric blinds. Problem areas are usually skylights, arches blinds, eyebrows, and occasionally portal windows when you fabric blinds are picking out coverings for your windows. Creativity and the right accessories might fabric blinds be all that you need!

      i like the information here With ps3 Jailbreak you can host a challenge lobby for modern warfare 2, with this you can cheat all your way up to the achievements in jailbreaking your ps3 and more! how to jailbreak ps3 4.00 all the playstation jailbreak 3.72 details and software ps3 jailbreak.

      Thanks for the info here i got more info about memory foam mattress toppers its quit an interesting read there Mattress toppers are designed to protect your mattress so that it would have a longer life span it protects the mattress from stains and wine or liquid spills and any elements that could damage your mattress. Today you memory foam mattress toppercan find different types of mattress toppers

    • .......,,,,,,,,,,,,,
    • .......

      CSS3 text-shadow ominaisuudella..

      esimerkki ja selityksiä:

      text-shadow: 0 0 7px #070707;

      Ensimmäinen 0 tarkoittaa vertikaalista off-setiä, eli missä kohtaa varjo on. Negatiivinen luku tarkoittaisi että varjo on tekstin ylpuolella, ja positiivinen alapuolella. 0 tarkoittaa että se on tekstin alla.
      Toinen 0 on sama juttu, paitsi että horisontaalista off-setiä koskeva. Eli sivusuunnassa.

      7px tarkoittaa blurin määrää.

      Ja viimeinen #070707 tarkoittaa väriä.

    • Tuolla IE:nkin

      body { 14px; color: black; background: white; font-family: Arial, Sans-serif; }

      h1.varjo01 { position: relative; font-size: 60px; color: #333; }
      h1.varjo01:after
      { content: "Remember this"; position: absolute; color: orange; left: -2px; top: -3px; }

      h1.varjo02 { position: relative; font-size: 90px; font-weight: bold; color: #ddd; letter-spacing: -7px; }
      h1.varjo02:after { content: "Remember this"; position: absolute; font-size: 60px; font-weight: bold; color: green; left: 10px; top: 10px; letter-spacing: 0px; }

      h1.varjo03 { position: relative; font-size: 90px; font-weight: bold; color: #ddd; left: -2px; top: -3px; }
      h1.varjo03:after
      { content: "Remember this"; position: absolute; font-size: 60px; color: orange; left: -2px; top: -3px; }
      h1.varjo03:before
      { content: "Remember this"; position: absolute; font-size: 60px; color: #000; }





      Remember this
      Remember this
      Remember this

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      89
      4600
    2. Maisa on SALAKUVATTU huumepoliisinsa kanssa!

      https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/1525663
      Kotimaiset julkkisjuorut
      140
      3133
    3. Vanhalle ukon rähjälle

      Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen
      Ikävä
      50
      3125
    4. Mikko Koivu yrittää pestä mustan valkoiseksi

      Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi
      Kotimaiset julkkisjuorut
      403
      2202
    5. Purra hermostui A-studiossa

      Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.
      Perussuomalaiset
      231
      1348
    6. Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."

      Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito
      Ensitreffit alttarilla
      11
      1223
    7. Mitä sanoisit

      Ihastukselle, jos näkisitte?
      Tunteet
      76
      1207
    8. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      67
      1097
    9. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      30
      1084
    10. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      112
      999
    Aihe