..


Sponsoroidut linkit

Minimalistinen ja houkutteleva textarea

Artikkelin kirjoittanut Max Bossi
Sivu 1 2

Web 2.0 on tyypillistä käyttäjän osallistumista sisällön luomiseen. Tässä mielessä yksi tärkeimpiä elementtejä HTML on tekstialueen.

Käyttämällä tätä tag, mikä yleensä sopii muodossa, käyttäjät voivat lähettää mielipiteitä, kysymyksiä ja julkaista sisältöä kirjoitat tekstikenttään.

Oletuksena ulkoasua textarea ei ole erityisen miellyttävä (se on valkoinen suorakulmion vierityspalkkia laterle tahansa), mutta kuten tiedämme, kiitos CSS, voit toimia tämän näkökohdan radikaalisti löytää suunnitteluratkaisuja todella mukavaa.

Ratkaisu esitän tänään tässä lyhyessä artikkelissa on minimalismin hengessä parantaa soveltamalla yksinkertaista taustaa textarea. Tässä esimerkissä käytämme sanaa kuin mielikuvien logo pohjassa oikealle textarea kanssa yksinkertainen valkoinen helmillä koristeltu harmaa:

Tausta

Vaikutus haluamme saavuttaa, on tämä:

Lopullinen vaikutus

Voit tehdä sen entistä houkuttelevamman rislutato lopullinen vaikutus myös hyvin yksinkertainen (JavaScriptin avulla), joka johtaa katoamiseen oletuksena tekstin ja taustan aikaan todellisen käytön textarea. Mutta katsotaanpa astetta aluksi, katsotaanpa CSS-koodin ...

Samassa luokassa ...
E-Learning
CSS (kurssi) CSS (kurssi)
Web Design and Accessibility mukaan W3C CSS ja XHTML. Alkaen 29 €.
HTML (kurssi) HTML (kurssi)
Merkkauskieli Web alkaen 29 €.
Webmaster Advanced (kurssi) Webmaster Advanced (kurssi)
Tullut ammatillinen Webmaster. Alkaen 39 €.
Sponsoroidut linkit