Kuoppakuoriainen.

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

KuopassaPäivitin sivuston juuri hetki sitten. Sieltä saattaa löytyä vielä pieniä virheitä ja kummallisuuksia, mikä ei liene yllätys kenellekään joka on näitä hommia joskus tehnyt. ;-)

En oikeastaan ole edes laskenut kuinka monta kertaa tämän vuoden aikana on tullut uusittua saitin ulkoasu. Varmaan ainakin kerran, ellei toisenkin.

Erään yksityiskohdan tarina

Sivuston taustakuvaksi on tapetoitu tuollainen tiiliseinä. Se on toteutettu CSS:llä siten, että jotta juupa joopa näin:

body {
background: #000 url(../images/musta/bg1.jpg)
repeat-x 0 100% fixed;
}

Sivun body-elementtiin tuodaan musta taustaväri (värikoodi #000) jonka jälkeen tuodaan itse taustakuvaksi asetettava kuvatiedosto, joka on nimeltään "bg1.jpg". Kyseistä kuvaa toistetaan vaakatasossa (repeat-x) ja se sijoitetaan sivun alaosaan (100%). Taustakuva on liimattu ruudulle käyttämällä ominaisuutta fixed.

Jos olisi haluttu laittaa taustakuva rullaamaan kun sivun vierityspalkkia liikutetaan, olisi voitu asettaa arvo scroll nykyisen arvon fixed sijaan.

Vielä selvennykseksi kuvatiedoston toistamiseen ruudulla: yllä näkyvässä koodiesimerkissä on ominaisuuden repeat-x jälkeen laitettu luku 0. Tämä tarkoittaa, että kuvatiedoston sijainti body-elementissä on sivun vasemmassa laidassa. Luku olisi voinut olla vaikkapa 100%, jolloin taustakuva olisi sijoitettu bodyn oikeaan laitaan. Tällä arvolla ei ole tässä tapauksessa juurikaan merkitystä, sillä kuvatiedostoa toistetaan joka tapauksessa horisontaalisesti.

Tagit:

  1. Bitten kirjoitti 967 päivää sitten:

    Kokonaisuus toimii, vaikka jotkin yksityiskohdat vähän häiritsevätkin. Hyvää työtä.

  2. laatikko kirjoitti 967 päivää sitten:

    Entinen oli parempi.

  3. Teme kirjoitti 967 päivää sitten:

    Hienoa jälkeä. Onko tullut kommenttia tuosta logon yläpuolelle sijoitetusta navigaatiosta? Edellinen ulkoasuni sai haukut nimenomaan siitä, vaikka mielestäni se sopi siihen loistavasti.

  4. Riku kirjoitti 967 päivää sitten:

    Söpö ja pieni.

    Selvä Kuoppa. :)

  5. AtteL kirjoitti 967 päivää sitten:

    E-rittäin hieno. Itseäni toistaen. :-)

  6. Blacklion kirjoitti 967 päivää sitten:

    Hieno, tosi hieno. Varsinkin tuo logo.

  7. kuopassa kirjoitti 966 päivää sitten:

    Kiitos vaan kaikille kommenteista, mielipiteistä ja palautteesta. :-)

    Teme: Nykyisen navigaation sijainnista ei ole tullut lainkaan negatiivista palautetta, which is strange, but nice.

  8. Kalle kirjoitti 965 päivää sitten:

    nyt kun tuota taustaa on katsellut niin kyllä se pitemmän päälle on parempi fixed, määritelmällä. päätin myös itse vaihtaa ulkoasua käytin viimeiset 6 tuntia tehden omille sitä, mutta mielestäni se kannatti :)

Tämän julkaisun kommentointi on suljettu.

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

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