Support » Teemat ja mallit » Logo ja valikot samalla keskilinjalla?

  • Moi,

    Vaikea kuvata mutta olisko helposti toteutettavissa, että logo (kuva) ja valikot olisivat pystysuunnassa keskitettyjä?
    Logo vasemmalla ja valikot oikealla, vaakasuora keskilinja olisi sama.

    Ilmeisesti Header-image alue pitäisi olla ”lyhyt” ja valikot jotenkin nostettu ”ylos”…

    H.

Esillä 7 vastausta, 1 - 7 (kaikkiaan 7)
  • Moderator Sami Keijonen

    (@samikeijonen)

    Hei. Ihan tällä kuvauksella ei voi vielä auttaa. Tarvitsisi sivun www-osoitteen, jotta näkee miltä sivu näyttää.

    Tässä eräs mahdollisesti (tai tuskin, mutta laitan kuitenkin) aiheeseen liittyvä artikkeli pystysuuntaiseen keskitykseen.

    Vertically Center Multi-Lined Text

    Thread Starter heinakenka

    (@heinakenka)

    🙂
    Ei voi näyttää, kun eihän sivua vielä ole…

    Yleensä sivpohjissa header kuva on koko sisältö alueen levyinen. Nyt sen pitäisi olla vain vaikka kolmannes ja valikot olisi nostettu header kuvan puoliväliin (siis pystysuunnassa).
    Kuvalle olisi siten 1/3 vasemmalta ja valikot loput 2/3

    siis näin:
    KKKKKKK
    k K
    k k vvvvv vvvvv vvvv vvvvv vvvv
    k k
    kkkkkkk

    Thread Starter heinakenka

    (@heinakenka)

    Poisti näköjään ylim. välilyönnit.
    Eli näin:
    k= kuva
    v= valikot
    s= sisältö

    kkkkkk
    kkkkkk
    kkkkkk vvvvv vvvvv vvvvv vvvv
    kkkkkk
    kkkkkk
    sssssssssssssssssssss sssssssssss
    sssssssssssssssssssss sssssssssss
    sssssssssssssssssssss sssssssssss
    sssss…

    Moderator Sami Keijonen

    (@samikeijonen)

    Ei tuossa sinänsä mitään muuta tarvita kuin tuota vastaava layout. Oletan, ettet ole kuitenkaan tekemässä omaa aikuisteemaa, joten kannattaa etsiä teema, jossa on suurinpiirtein sama rakenne. Esim.
    http://wordpress.org/extend/themes/hatch

    Ja css:ää kannattaa alkaa harjoittelemaan esim. täältä: http://www.w3schools.com/css/

    Idea on siis suurinpiirtein tämä.

    #kuva {
        float: left;
        width: 33.3333333%;
    }
    #valikko {
        float: left;
        width: 66.6666666%;
    }
    Thread Starter heinakenka

    (@heinakenka)

    Kiitos vinkeistä.

    Tuo Hatch vaikuttaa varsin mielenkiintoiselta.
    Kokeilin mutta jostain syystä kiinteä etusivu vaikuttaa sekoavan.
    Laitoin ”primary” wimpaimiin tekstilaatikon. Se tulee kyllä näkyviin mutta on jostain syystä tekstin alapuolella eli noin 5cm alempana kuin missä pitäisi. Muilla sivuilla kaikki toimii oikein…

    Lisätään vielä, että kun vaihdoin blogi etusivulle niin teema alkoi toimia normaalisti. Eli ei tunnu hallitsevan staattista etusivua. 🙁

    H

    Moderator Sami Keijonen

    (@samikeijonen)

    Origin on melkein vastaava ja siinä etusivukin voi olla kiinteä sivu. Periaatteessa pitäisi toki toimia Hatch-teemassakin.

    http://wordpress.org/extend/themes/origin

    Thread Starter heinakenka

    (@heinakenka)

    Kiitos jälleen,
    Originissa kiinteä etusivu näyttää toimivan.
    Sen ongelma näyttää olevan, että tausta väri peittää niin taustan kuin teksti alueenkin.
    Olisikohan tuohon mitään ratkaisua eli saako tausta ja sisältö alueen värejä eriksi?

    H
    löysinkin ratkaisun: ”wrap” = sisältö alue

    .wrap {
    	background-color: #FFFFFF;
            padding: 0 20px;
    }

Esillä 7 vastausta, 1 - 7 (kaikkiaan 7)
  • The topic ‘Logo ja valikot samalla keskilinjalla?’ is closed to new replies.