konponenttien ulkonökö?

Eli voiko tällä CSS:llä muuttaa myös näiden komponenttien ulkonäköä, tarkoitan esim. tämmöinen tekstilaatikko, johon kirjoitetaan tekstiä, textarea. Kun näiden perusulkonäkö on aika köykäinen?

Täällä on siisti esimerkki. Hieno fontti ja mukavat varjostukset :)

http://www.020202.fi/
4446
Äänestä

Muut lukivat myös

Vastaukset 4

Vanhimmat

Tarkastelepa 020202.fi:n lähdekoodia ja CSS-tiedostoa, niin näet miten tuo on käytännössä toteutettu. Kuviahan noilla sivuilla on käytetty tekstikentän paranteluun.

Jos haluaa tehdä lähdekoodin ja CSS:n tarkastelusta helpompaa, kannattaa käyttää firefoxia ja Web developer -laajennusta.

Äänestä
  • Että tuo "komponentti" on vain itseasiassa kuva ja itse komponentti on "näkymätön", ettei niitä surureunoja piirretä.

    Äänestä

  • ap. kirjoitti:

    Että tuo "komponentti" on vain itseasiassa kuva ja itse komponentti on "näkymätön", ettei niitä surureunoja piirretä.

    Juu, nuo tekstilaatikot ovat rakennettu diveistä, ja divithän on näkymättömiä, ellei niihin aseteta reunoja, taustaväriä/kuvaa. Tuossa noi tekstilaatikot koostuu diveistä joissa on taustakuvina nuo graafisemmat laatikon osat.
    Diveillä taustakuvillahan tuollaiset laatikot aina tehdään, ellei käytetä taulukkoja.

    Äänestä

Lomakkeen kenttien - niitähän tarkoitat "konponenteilla" - ulkoasua voi jossain määrin (ja eri määrässä eri selaimilla) muuttaa CSS:llä. Tässä on paljon likaisia yksityiskohtia, joita voi opiskella kirjoista tai kokeillen ja räpeltäen.

Mutta yleensä niitä ei _kannata_ muuttaa kuin muutamilta osin, lähinnä fonttikokoa suurentamalla, kenties fonttilajia muuttamalla ja koko kentän kokoa säätämällä.

Miksikö ei? Jakob Nielsenillä on hyvä selitys:

"Consistency is one of the most powerful usability principles: when things always behave the same, users don't have to worry about what will happen. Instead, they know what will happen based on earlier experience. Every time you release an apple over Sir Isaac Newton, it will drop on his head. That's good."
http://www.useit.com/alertbox/990530.html

Nielsen tarkoittaa lähinnä toiminnallisuutta, mutta sama pätee ulkoasuun.

Lomakkeen tarkoitus on tarjota käyttöliittymä johonkin palveluun tai toimintoon, ei tyydyttää tekijänsä pätemisen ja näyttämisen tarvetta tai taiteellisia pyrkimyksiä. Vai mitä tuumisit, jos veroilmoituksen liitelomakkeet olisivat taiteellisia ja kaikki eri tavoilla tehtyjä värikkäitä kokemuksia?

Äänestä

Kommentoi aloitusta


mie vaan.. kirjoitti:

Eli voiko tällä CSS:llä muuttaa myös näiden komponenttien ulkonäköä, tarkoitan esim. tämmöinen tekstilaatikko, johon kirjoitetaan tekstiä, textarea. Kun näiden perusulkonäkö on aika köykäinen?

Täällä on siisti esimerkki. Hieno fontti ja mukavat varjostukset :)

http://www.020202.fi/

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu