tiistai 4. marraskuuta 2014

Uusi ulkoasu!

Syksy alkaa olla takana päin, joten oli aika vaihtaa ulkoasua hieman talvisempaan. Ulkona tosin ei pahemmin näy lunta, joten oli hieman vaikea väsätä talvista ulkoasua ilman talvisia kuvia.
Tässä onkin sitten väliaikainen ratkaisu, jolla ongelma selätettiin.
Yritin hieman saada talven sävyjä, tekemättä kuitenkaan liian väritöntä ja kylmää ulkoasua.
Banneriin laitoin taustalle molempien koirien harrastuskuvat, Femmasta agilitykuvan ja Fiiliksestä frisbeekuvan.

Lisäsin myös ulkoasuun pari yksityiskohtaa, kuten uuden lukija-napin sekä pienen kuvan oikean sivupalkin loppuun. Ja ainiin, Fiiliksen sekä hihnan toisen pään esittelysivua on myös muokattu ajankohtaisemmaksi.

Mitäs mieltä olette tästä ulkoasusta? 
Ulkoasu poikkeaa taas edellisistä, taas hieman uusia tuulia tännekkin;)

Uusi ulkoasu

Vanhan ulkoasun banneri

33 kommenttia:

  1. Ihan mahtava, mitäpä tähän lisäämään! Täytyy varmaan pikkuhiljaa päivitellä omaakin ulkoasua :) On niin kauan ollut tuo ruskea syksy :D

    VastaaPoista
    Vastaukset
    1. Hehee kiitos!;)
      Joo täytyy nyt jättää syksylle hyvästit kokonaan:(

      Poista
  2. Miten sie oot saanu/tehny femman ja fiiliksen tollee ns ''taustalle''? Siis tollee hienosti:D en osaa selittää. Mut käy kurkkaa miun blogi salopellontellu.blogspot.fi

    VastaaPoista
    Vastaukset
    1. Tarkoitatko tuota vasemmassa reunassa olevaa "irrotettua kuvaa" vai noita haaleita mustavalkoisia?:)
      Vasemman reunan kuvien taustat olen vaan muokannut pois ja laitoin ne tuohon etualalle. Haaleat kuvat on ensin yhdistetty, sitten häivytetty reunoja, muutettu mustavalkoiseksi ja laitettu paikoilleen. Taustan olen tehnyt monesta eri osasta (monella eri tasolla). Lopuksi kaikki vaan liitetään yhteen:D

      Poista
    2. Haluisitko mulle tehdä bannerin:)?

      Poista
    3. Tällä hetkellä en kerkeä bannereita tekemään:( Kannattaa googlata bannerin tekijöitä jos tarvitsee, niitä löytyy paljon:)

      Poista
  3. Nuo bannerin valkean pyöristetyt kulmat ovat jotenkin törkeän tönköt, etenkin oikeanpuolimmainen kulma ei jotenkin asetu yhtään kunnolla ulkoasuun. Ja hirveän tönkösti leikattu koirat irti, kunnäkyy tuommoista kakkalänttiä tuossa valkealla pohjalla. Enkä tykkää otsikon fontistakaan xD

    Lumihiutaleet on cool! Ja värit!

    VastaaPoista
    Vastaukset
    1. Katos vaan, tuota oikeaa kulmaa täytyy fiksata:D Totta, koirien leikkaamisessa olisi voinut olla huolellisempi, unohtui siistiä niiden tausta;)

      Hyvä, että edes noissa väreissä onnistuin....:D

      Poista
  4. Miten olet saanut nu lehdet ja lumihiutaleet otsikon viereen? :)
    Olisi kiva jos tekisit joskus postauksen miten teet bannerin ja millä teet! :)

    VastaaPoista
    Vastaukset
    1. Ne on laitettu koodilla;

      h3.post-title, .comments h4 {
      font: normal bold 30px Neucha;
      margin: .5em 0 0;
      background: url(kuvanosoite); background-repeat:no-repeat;
      height:65px;
      margin:.5em 0 0;
      padding:40px 0px 4px 180px;
      z-index: 1;
      }

      Voisin joskus yrittää toteuttaa tuon postauksen;)

      Poista
  5. Miten oot saanu bannerin tän valkosen tilan "ulkopuolelle"? Eli kun normaalisti banneri on tän valkoisen laatikon sisällä, mutta nyt se on sen päällä. Valitan epäselvää tekstiä...

    VastaaPoista
    Vastaukset
    1. Banneri on laitettu koodilla tuohon paikoilleen, jotta ne valkoiset reunat saa bannerin ympäriltä pois:)
      Tein tuohon bannerin alareunaan valkoista, jotta se jatkuisi blogin pohjaan hyvin (kuva vaan laitetaan sen valkosen alueen päälle), bannerin taustan tein saman väriseksi kuin tuon muunkin taustan eli harmaaksi, jotte se sulautuisi taustaan:)

      Poista
    2. Niin ja nuo tasutalla olevat haaleat kuvat on vaan laitettu sen valkoisen reunan/laatikon taakse banneria muokatessa;)

      Poista
    3. Okei, kiitos! Onko sulla ohjeita tohon koodiin? :)

      Poista
    4. Tässä koodi;

      .header-inner {
      width:1040px;
      height:370px;
      margin:0 auto 0px;
      background:url("kuvanosoite") no-repeat top center;
      }

      Ja se lisätään ulkoasusta kohtaan "Lisää CSS" :)

      Poista
  6. Nuo valkoisen pohjan juoksukuvien tassujen kohdat hieman huonosti rajatut, joissain kohdissa jäänyt semmosia harmaita jälkiä kuvasta jos ymmärsit :) Muuten taas aivan ihana ulkoasu, pikkuseikka tuokin!

    VastaaPoista
    Vastaukset
    1. Kiitos! :)
      Tassuja pitää kyllä korjata, hyvä kun huomautit:D

      Poista
  7. Ihan älyttömän hieno tää uus ulkoasu! Tykkään;)

    VastaaPoista
  8. Hyvältä näyttää, mutta yksi asia varmaan on syytä korjata. :D En tiedä oletko jo huomannut asian itse, mutta aattelinpa sanoa jos et kuitenkaan. Eli alatunnisteessa on kirjotusvirhe "luvata" vaikka sen pitäisi olla luvatta. :D

    VastaaPoista
    Vastaukset
    1. Ohhoh mikä virhe! Kiitos huomautuksesta:D

      Poista
  9. Tää on paljon hienompi ulkoasu kuin edellinen :)

    VastaaPoista
    Vastaukset
    1. Kiva kuulla! Pikkuhiljaa näiden tekemisessä kehittyy;)

      Poista
  10. Upea ulkoasu :) Kuten muutkin sanonut, niin vähän häiritsee tassujen rajaukset sekä oikean reunan valkoisen laatikon pyöristys, sillä se ei ole ihan symmetrinen kun siinä on pieni särö, jos ymmärsit. Mutta muuten tykkään ulkoasusta. Mukavan yksinkertainen ja vaikka on melko väritön, silti niin pirtsakka.

    VastaaPoista
  11. hieno ulkoasu! kovasti oot panostanu! :)

    VastaaPoista
    Vastaukset
    1. Kiitos! Tämän tekemisessä aikaa vierähtikin:D

      Poista
  12. Ihana banneri :3 Mutta koirat on rajattu hieman huonosti

    VastaaPoista
  13. Hieno ulkoasu. Minun mielestä paaaljon parempi kuin entinen ulkoasu!

    VastaaPoista
  14. Ootko laittanut ton blogin taustan koodilla vai lisännyt mallin kautta? :) Tosi kiva hillitty ulkoasu:)

    VastaaPoista
    Vastaukset
    1. Kiitos! Tausta on ladattu ihan mallin kautta:)

      Poista

Kiitos kommentistasi!