CSS antaa sinun muotoilla verkkosivusi helposti, hyvinhelposti. Voit määritellä yli sata tekstityyliä yhdellä sivulla (tietysti sivusi tulee näyttämään sirkusteltalta), mutta kyse on CSS: n käytön helppoudesta ja joustavuudesta verkkosivuilla.ThemeShock on CSS-kooderigeneraattori, joka auttaa sinua lisäämäänerilaisia varjon tehosteita kuviin muutamalla yksinkertaisella napsautuksella. Valitset tehosteen ja se kirjoittaa koodin; tehosteita voidaan lisätä alareunaan, sivuille, ylhäälle ja alaosaan, vasen alaosa, oikea alaosa, oikea yläosa ja vasen alaosa tai vinot nurkkaan.
Ennen kuin aloitat; tarkista mittasikuva (johon haluat lisätä tehosteen). Koodigeneraattorilla on ennalta määritelty ylä- ja alaraja 130 - 347px kuvan leveydelle ja korkeudelle. Jos kuvasi mitat ylittävät tämän, voit aina muokata leveyttä ja korkeutta myöhemmin. Koodin avulla voit myös määrittää varjon opasiteetin ja sumennuksen. Et voi ladata kuvaa koodigeneraattorissa. Oletuskuvaa käytetään, jotta voit esikatsella efektiä.
Valitse avattavasta valikosta mikä varjohaluamasi tehoste, joka kerta, kun vaihdat jotakin valitsinta, uusi koodi luodaan, joten varmista, että käytät uusinta. Kun olet valinnut haluamasi tehosteen, aseta kuvan leveys ja korkeus vaakavierityspalkin avulla. Käytä oikeaa ja vasenta nuolinäppäintä, kun haluat napauttaa painiketta vain vähän. Aseta epäterävyys ja opasiteetti ja koodi luodaan. Kummankin parametrin lisääminen tai pienentäminen luo uuden koodin.
Kun kaikki on asetettu, kopioi CSS-koodi a-kohtaanCSS-tiedosto ja nimeä se verkkosivulle (tai teemalle). Myös verkkosivusi HTML-koodi luodaan (se on ainutlaatuinen jokaiselle avattavassa valikossa valitsemallesi efektille), kopioi se ja aseta kuvakoodi (img src = ”“) kohtaan ”koodisi täällä”.
Parasta tässä koodigeneraattorissa on sese toimii ja se on ilmainen. Sillä on kuvien mittarajoituksia, mutta niitä voi muokata koodista. Jos käytät läpinäkyvää kuvaa (kuten yllä), se antaa tylsää harmaata taustaa. Voit muokata taustaväriä myöhemmin koodista. (Muokkaa koodirivin taustaa: #ccc). Koodi antaa myös 5xx-kehyksen kaikille kuville. Voit myös muokata kehystä, mutta leveyden lisääminen ja pienentäminen peittää tai paljastaa varjon enemmän kuin on tarpeen, joten se on parasta jättää yksin.
Käy ThemeShock CSS Drop Shadow Generator -sivustolla
Kommentit