Ehostusta.

  • Juttu julkaistiin 24.07.2005 joskus siinä kello 18 aikaan.
  • Kategoriaksi valittiin .
  • Julkaisun permalinkki on tässä siltä varalta jos haluat vaikka linkittää juttuun omassa blogissasi.
  • Kommentointi suljettu. (Kommentteja 0 kpl.)

Teokset-osiota ehostettu. Yhdellä vaatimattomalla kuvalla ja CSS-merkkauksella loin varjostuksen esikatselukuviin.

Kyseessä olevan efektin luomiseksi CSS-merkkaus on tämännäköinen:

.taustavarjostus { width: 90px; height: 70px; padding: 0; background: url(../images/plus/varjostus_portfolio.png) no-repeat 100% 90%; }

Kuva, johon varjostus liitetään, on kooltaan 40 × 50 kuvapikseliä. Käytän itse taulukkoa, jonka valitsemaani soluun lisään viittauksen class="taustavarjostus", joka kutsuu CSS-tiedoston selektoriin .taustavarjostus ilmoitetut määritteet käyttöön ko. taulukon solussa.

Taustakuva solulle ladataan CSS-merkkauksessa kansiosta “plus”, joka on kansion “images” sisällä.

Tagit:

Tämän julkaisun kommentointi on suljettu.

Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 0 kommenttia. Tämä artikkeli on lokeroitu kategoriaan . Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2005/07/24/Ehostusta.

Blogmaster:
Petri Ikonen, petri.ikonen@kuopassa.com, www.kuopassa.com