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: css
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 Korinaa. Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2005/07/24/Ehostusta.
