Mahdollisesti ulkoasun 7. versio.

  • Julkaistu: 20.07.2006
  • Kategoria:
  • Kommentointi suljettu. (27)

Kuopassa

Pitkästä aikaa Kuopassa.com sai uuden tyylin ja ulkoasun. Tällä kertaa ei kovin ihmeellisiä temppuja ulkoasussa ole nähtävissä, paitsi että CSS:n float-komentoja on nyt käytetty hyvin vähän.

Tagit:

  1. Jouni kirjoitti 661 päivää sitten:

    Hyvät värit ja hieno otsikko. Laiska ja ruma valikko taasen ahdistaa, millä selaimella se on tarkoitettu toimivan kun ei pelitä Operalla eikä Firefoxilla? Sama ongelma kuin Flinkdesignsin sivuilla… Vai enkö älyä sitä ideaa tässä?

    Kyllä teikäläinen sivuja osaa tehdä.

  2. Petri kirjoitti 661 päivää sitten:

    Arvostan palautettasi… Jonkin verran. :-) Muistan edelleen ex-blogissasi sen animaation, jossa vääntelehdit kasvojasi. Sain siitä traumoja.

    Jotta navigaatiosta saisi kunnon kicksit, on suotavaa olla pienessä tuiskeessa. It works for me. (Mutta jos tulee kovin paljon narinaa navin käyttämisestä, niin pitää varmaan sitten tehdä se uusiksi.)

  3. Laatikko kirjoitti 661 päivää sitten:

    On tainnut Petri tehdä navin pienessä maistissa. Itse en oikein näin selvänä saa oikein selvää. Muuten uusi ulkoasu on tyylikäs.

  4. Vinski kirjoitti 661 päivää sitten:

    Heh, varsin omaperäinen ulkoasu tällä kertaa – mutta hieno!

    Tosin nuo navigaation linkit voisi olla vähän selvemmällä, vaikka ymmärränkin sen idean, miksi ne ovat nuin epäselkeitä. :P

  5. Riku kirjoitti 661 päivää sitten:

    Onhan toi ihan hieno, mutta… Noi ulosteroiskeet logon ympärillä ei oo minusta mitenkään hienot ja jos kerta ton sisältöalueen ympärillä on varjot (siis että se on vähä “koholla” taustasta) ni ei toi logonauha voi kulkee sen päältä tollee, eikä toi navi oikee liity mitenkään tohon muuhun goottiluukkiin. Ja lomakesysteemit on liian kirkkaat. Sit toi “Sivun ylälaitaan”-härpätin ahistaa mua ku se peittää osan sisältöalueesta.

    Anteeksi. :(

  6. Petri kirjoitti 661 päivää sitten:

    Ymmärrän yskän, laitan navigeissönin uusiksi ihan piakkoin. Tuollainen tuntui hyvältä idealta vielä muutama tunti sitten, mutta nämä sosiaaliset paineet…

    Rikuuu, ei saa kiusata. :-) Ulosteroiskeet muka… Ulkoasujen kanssa on siinä mielessä vapaat kädet, ettei tarvitse välittää mistään perinteisistä ja totutuista asetelmista. Taiteellisesta vapaudesta nauttiminen ja tavanomaisten jutskien murjominen on aina virkistävää puuhaa.

    Laitan ainakin nuo lomake-elementtien taustavärit vähän himmeämmiksi, taitaa olla tosiaan liian räikeä väri.

    Se härpätin alalaidassa on osoittautuva näppäräksi siinä vaiheessa kun selaat vieraskirjaa tai linkkiluetteloa (tai muuta “korkeaa” sivua) — pääset heti sivun ylälaitaan ja navigaatioon joutumatta skrollailemaan.

  7. Riku kirjoitti 661 päivää sitten:

    Pöh, kaikki uusi ja ihmeellinen on suolesta ellei toisin todisteta! ;)

  8. Petri kirjoitti 661 päivää sitten:

    Suolesta ehkä, mutta ainakin uuden ja ennennäkemättömän luominen on tekijälleen jännittävämpää hommaa kuin puurtaa saman ja vanhan kanssa. Se itse asiassa on mahdollisesti jopa henkiselle terveydelle hyväksi. Aamen.

  9. Miika K kirjoitti 661 päivää sitten:

    Mie tykkään! Mut sanokoot muut mitä sanoo, mie sanon että hieno! Pitää huomenna katsella vielä tarkemmin..

    Ne jotka väittää että navin linkit on epäselviä, heivatkaa mettään ne teidän TFT-näytöt, ei niistoo mihinkään. :)

  10. Miika K kirjoitti 661 päivää sitten:

    Pakko pistää uutta kommenttia, nyt näyttää navi nimittäin niin hienolta että! Ja varmasti näkyy selkeenä kaikille.. Toi muutti koko ulkoasun luonnetta, entistä loistavammaksi! :D Kyllä se Petri osaa..

  11. Petri kirjoitti 661 päivää sitten:

    Juu, navigaatio meni uusiksi tossa jokin aika sitten. Nyt on fontti hieman edeltäjäänsä selkeämpi ja kontrastia lisätty. Navigaatio on toteutettu yhden kuvatiedoston avulla.

  12. Laatikko kirjoitti 661 päivää sitten:

    Täydellinen navi nyt :-)

  13. Kuisma kirjoitti 661 päivää sitten:

    Ja vielä scroll-image hommaan mukaan. :)

  14. Gocom kirjoitti 661 päivää sitten:

    O mai kaad, onpas se hieno Firefoxilla katottuna. Vähän vanhemmalla ie:llä (eka 6:nen) niin se näyttää vähän pestyltä, mutta saahan ton toimimaan silläkin kun vähän säätää.

    Ensimmäisenä kiinnitin huomioita hienoihin otsikoihin, ne ovat juuri hienot “Haluatko, onko tarve?”, hehe vitsikkyyttäkin noissa väliotsikoissa on, mutta välillä ihmetettyy muutama sun css komennon valinta kun ton sais ie:lläkin toimimaan niin helposti että, mutta kyllä se varmaan samalta ie:lläkin näyttää parin päivän päästä.

    Logo on erityisen hieno, suklaavanukas / ruosteen värinen jumalainen kreikkalaishenkinen kirjoitus, antiikkisella koukerolla kehystettynä.

    Hieno on myös tuo sekasotku tausta, joka tosin hidastaa sivun latautumista etanan tasolle hitaammilla yhteyksillä. Minun mielestäni siitä tulee mieleen nämä:
    marsin pinta, ruska, pilvet, ruoste, ummehtunut veriroiske, taiallinen salama ja egoplasma :D

    Olisi kiinnostanut nähdä vanha navi, mutta toi on absoluuttisen hieno, yhtä puoleensa vetävä kuin juopolle viskipullo. Sekainen tähti, josta minulle tulee mieleen sula, tippunut tinatippa.

    Skipnavi, on mahtava taas, ei tarvitse selailla sivustoa yläs tai ladata osoitetta uudestaan niin kuin laiska mies tekee ;)

    Tutut turvalliset värit taas käytössä, mutta niitä on hyvä käyttää kun ne on niin lempeät. Myrkyn vihreät sivutkin kyllä voisi joskus olla kauniit, vai voiko (?) :D

    Lukiolaisena annan oikein arvosanat eri osille ja pieni perustelu:

    Logo: 10 antiikkia, se saa aina numeroa isomman

    Logon tausta: 10, sillä se tuo niin paljon mieleeni, saa mielen laukkaamaan

    Alaosa, skip: 9, välillä tiellä, mutta kuitenkin tuo yksityiskohtaa sivuun ja todella käytännöllinen

    Alaosa, koukero: 9 mikä mainioin teos

    form: 10 mitkä värit yksinkertaisuudessaan

    Navi: 10, maittavaa kinuskikastiketta tinaisen tipan vieressä, namn

    Ps. laita tyhjennykseen br-end tagi loppuun että toimii ie 6.1:llä ;) ja middleen clear both, huomasin itekin ton virheen vasta eilen omalla sivustolla, kun tuli käytettyä vanhaa ietä laittaessani kaikki artikkeleihin automaatti-toiminnot (videot, kuvat yms.) ja korjatessani sivun koodin validiksi ja poistin vikan tablen sivuilta :)_ Sen pitäisi korjata kaikki padding, float, ja marginaali virheet, jotka tapahtuu ympärillä.

    Ps2. Tuli liian pitkä taas, mutta kun on niin hieno niin piti ylistää ;)

  15. Miko kirjoitti 660 päivää sitten:

    Olen kateellinen. Paljon parempi kuin vanha (ja se vanhakin oli mahtava) :O

  16. J.Järvinen kirjoitti 659 päivää sitten:

    Muutan Petri, eikös tuo textpatterni ole vähän huono sisällönhallinta työkaluna, kun siinä ei edes ole mitään kunnollista sivuntekomahdollisuutta, kuten esim wordpressissä on se write page homma. Eli miten tuo muka pitää toteuttaa textpatternilla, kun siinähän on vain se kirjoita artikkeli systeemi.. eikös se ole vähän hanakaa jos esim jollekkin asentaa tuon textpatternin sisälönhallintajärjestelmäksi, jos siinä ei voi edes kunnolla sivua tehä..

  17. Petri kirjoitti 659 päivää sitten:

    Textpatternissa on hieman WordPressisstä eroava sivuntekosysteemi. Textpatternissa voidaan luoda osio, jonka sivupohjan lähdekoodia voidaan muokata ja kirjoittaa suoraan lähdekoodin sekaan haluttu tieto, tai sitten voidaan luoda ko. osiota varten lomakkeet, joiden avulla saadaan julkaistua tavaraa sinne… Öhh. Ei tainnut valjeta? Tämän selittäminen on yllättävän hankalaa — pointti kuitenkin kaikkien näiden täytesanojen keskellä on tämä: yksittäisiä sivuja voidaan luoda. Esimerkiksi tässä blogissa on osioita (jotka periaatteessa vastaavat WordPressissä yksittäisiä sivuja) mm. tämän blogisivun lisäksi palautelomakkeen sivu ja arkistosivu.

  18. J.Järvinen kirjoitti 659 päivää sitten:

    Hmm.. taisipa valjeta.. Siis jos esimerkiksi laitan tuon textpatternin henkilölle, joka ei ymmärrä html-kielestä mitään, hän voi muokata sivuja esim jos teen hänelle osiot valmiiksi + lomakkeen (jonka nimeän vaikka “sivulomakkeeksi”) joka näyttää vaikka artikkelin otsikon + artikkelin leipätekstin.. Sitten hän vain menee “Kirjoita artikkeli”, ja kirjoittaa otsikkoon esim. “Tietoa” (kyseessä Tietoa-sivu), tekstikenttään sitten se informaatio mikä pitää näkyä /tietoa/ sivulla.. Sitten vain osioksi valitaan tämä tietoa, ja lomakkeeksi se sivulomake ja julkaistaan? Ja jos halutaan muokata sivua niin mennään muokkaamaan sitä “Tietoa” artikkelia?

    Ymmärsinköhän oikein? :)

  19. Petri kirjoitti 659 päivää sitten:

    Täsmälleen noin. :-) Johonkin tiettyyn osioon voidaan lomakkaiden avulla säätää esimerkiksi siten, ettei kommentointimahdollisuutta ole lainkaan, tai voidaan laittaa johonkin osioon erilainen ulkoasu kuin muualla sivustolla, tai vaikka järjestää jonkin tietyn osion artikkelit aakkosjärjestykseen.

  20. Gocom kirjoitti 659 päivää sitten:

    Textpattern on loppujen lopuksi aika simppeli julkaisujärjestelmä. Itse sanoisin että parempi kuin Wordpress, vaikka Wordpressiä olen vain kerran käyttänyt ;) Esimerkiksi yhdellä Textpatternilla voi pyörittää vaikka niin sanotusti useampaa sivustoa yhden domainin alla todella helposti. Sen kuin luo vain sivupohjan ihan tavallisella tavalla. Sen jälkeen pohja lisätään vain textpatterniin ja samalla lisätään sen koodit kuten txp:article jne.

    Myös noita koodi tageja voi tehdä omia vaikka mielin määrin mutta silloin pitää textpatternin databasea pikkuisen muokata. Esimerkiksi planeettapelaajassa niitä on lisätty muutamia ettei kenenkään tarvitsisi kirjoittaa sanaakaan koodia, lukuunottamatta kuvan nimeä ja videon linkkiä ;)

    Textpatterniin on myös niin paljon plugineja. Parhaiten ohjeet löydät sivustoilta http://www.textpattern.org ja http://www.textpattern.com sieltä löytyy myös foorumi osoitteesta http://www.textpattern.com/forum/

    Myös if koodeja saa luotua omia eli teoriassa vain yksi sivu riittää pyörittämään koko sivustoa, mutta niiden säätäminen hidastaa sivustoa. custom_artikle on aika kätevä myös, esimerkiksi listan tekemiseen. Textpatternin sivustolta ja itse textpatternista löytyvät kaikki tarpeelliset komennot. Periaatteessa vain laitat

  21. Gocom kirjoitti 659 päivää sitten:

    Tuli liian pitkä ja se katkaistiin. No olisin vain kertonut pieniä vinkkejä mitä tällä voi tehdä, ja kertonut että se on mielestäni parempi kuin wp. Samalla kiitän että Petri tutustutti mut tähän järjestelmään ;), jota voi muokata ja virittää vapaasti. Se sopii aivan kaikille

  22. J.Järvinen kirjoitti 657 päivää sitten:

    Tämmöinen kysymys vielä pulpahti mieleeni, että onko mahdollista näyttää sellaista sivua (osiota), jossa ei ole yhtään artikkelia.. Eli jos teen vaikka palautesivulle oman sivupohjan, ja laitan siihen sivupohjaan lomakekoodin (html), ja teen osion joka käyttää tuota palautesivupohjaa.. Sitten kun pitäisi näyttää tuo sivu palaute sivuna, niin minulla se ei ainakaan näy.. paitsi jos tuohon ko. osioon kirjoittaa jonkun höpöhöpö artikkelin, mikä ei edes näy siinä palautesivussa (osio).. kun en tuohon palautesivupohjaan ole pannut mitään tagia, joka artikkeleita näyttäisi? Eli onko tuommoinen mahdollista, vai miten tulisi toimia.. Petri, valaise asiaa :)

  23. Gocom kirjoitti 657 päivää sitten:

    Voi tehdä. Sen kun ottaa txp:article tagin siitä pois. Toinen tapa, on tehdä näin: txp:if_article -Tähän sitten kaikki txp koodi /txp:if_article . Sitten laitat palautesivun koodin customfieldiin vaikka ja laitat sen näin: txp:if_customfield txp:custom sen nimi /txp:if_customfield. Noin helppoa se on. Sen takia pidänkin enemmän tästä kuin Wordpressistä. Tosin voit laittaa vieraskirjan koodin suoraan sivupohjaan, ja käyttää siihen osioon sitten sitä sivupohjaa. Muista vain muokata vieraskirjan asetuksia.

  24. Gocom kirjoitti 657 päivää sitten:

    Helpompi tapa on vain laittaa se artikkelinkin sisään se vieraskirja koodi tai sitten ihan vain muokkaat vieraskirjan pohjan identtiseksi. Sitten php:lla saat nuo txp:n viimeiset artikkelit yms. siihen kirjaan

  25. Petri kirjoitti 657 päivää sitten:

    Gocom ehtikin jo jakelemaan vuolaasti vinkkejä, eli esimerkiksi ehtolauseita voi käyttää... Tilanteen selvittämistä & setvimistä auttaisi jos saisi linkin ko. sivustolle.

    Jos parahin, J.Järvinen, olet luonut osion palautelomaketta varten ja upottanut sen osion sivupohjaan palautelomakkeen lomakekoodin, ei vikaa pitäisi ilmetä. Palautelomakesivulle pääset kirjoittamalla oman nettisivustosi osoitteen ja palautelomakeosion nimen, esim. www.osoite.com/palautelomake. Sen pitäisi ja tulee toimia noin.

  26. Emil Virkki kirjoitti 656 päivää sitten:

    Varsin hieno, ja ulosteroiskeet ovat jotain aivan uutta. Kuitenkin ulkoasussa näkyy tyylisi. Kaikissa ulkoasuissasi on jotain samanlaista, mutta en tiedä mitä. Ne ovat kuitenkin kaikki erilaisia, mutta niissä on jonkilainen petri-touch tms. :)

  27. Gocom kirjoitti 656 päivää sitten:

    Niissä on aina sama vivahde, semmoinen Petrin kosketus. Ainakin jokaisessa sivustossa on samat värit #333, #666, ja #999 jossain kohdassa ;) Tosin noi on todella hyvät värit, näyttää jopa samalta ie:ssä ja firefoxissa. Ne on luonnollisia ja pehmeitä myös, sopii niin taustaan kuin myös tekstiin. #333 onkin paljon parempi tekstin väriksi kuin musta, sillä musta on aika kylmä väri. Toisaalta kun kehittyy kuvankäsittelyssä niin muotoutuu omanlainen tyyli tehdä kuvia, ja myös riippuu ohjelmasta jolla kuvia tekee. Tosin kun opettelee vain taiteellisuutta ja kuvankäsittelyä jollain ohjelmalla niin kaikki ohjelmat aika helposti hallitsee. Itsellä ainakin tapahtui niin, pari päivää sitten aloitin psp:n käytön 2 vuoden tauon jälkeen ja hyvinhän se onnistuu kun jutut pikkuhiljaa palaa mieliin. Ekaa sivustoa sillä rakentelen parhaillaan, ja onpa ihan hyvin toi psp:llä taittuu, tosin en muista pikakomentoja ollenkaan. Voisiko joku kertoa objektin koon suhteen lukitsemis komennon? Ei ollu sama kuin corel Drawissa…

    I love PSP :)

Tämän julkaisun kommentointi on suljettu.

Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 27 kommenttia. Tämä artikkeli on lokeroitu kategoriaan . Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2006/07/20/mahdollisesti-ulkoasun-7-versio.

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