• Moi.

    Haluaisin saada vähän apua miten saada html-ulkonäkö tämmöiseksi.
    Minulla on tällä hetkellä Glossyblue-teema, ja mitä näen se on vähän samankaltainen (en ole tottunut tehdä töitä position: relative or absolute:lla).
    Mikä teema on paras tähän? Onko se Glossyblue or ”tyhjä” (blank)? Minulla on jo css versio mutta ei php (olen juuri aloittanut oppia sitä). Tai kysynkö liikaa?

    <div id=”wrapper”>
    <div id=”header”>
    <p><img src=”img/logobc-png24.png” alt=”bc”></p>
    <ul id=”menu”>
    # <ahref=”#”>Home

    </div><!–header–>
    <div id=”headerbild”></div><!–headerbild–>
    <div id=”content”>
    <div id=”left”></div>
    <div id=”sidebar”></div>
    </div><!–content–>
    <div id=”footer”></div>
    </div><!–wrapper–>

Esillä 13 vastausta, 1 - 13 (kaikkiaan 13)
  • Laitas vähän kuvamateriaalia – millaista haluat, miltä nyt näyttää?

    Thread Starter moonwoff

    (@moonwoff)

    Tässä on osoite nykyiseen sivuun, elikkä glossyblue-teemalla.

    Tässä on osoite miten haluaisin että sivuni näyttäisi (home:lla olisi blogi).

    Kun ei ole php-tietoa niin en halua aloittaa kokonaan alusta, se on se blogi osuus mikä askarruttaa, ei se html-css osuus (mutta kun en osaa php:ta niin on paljon vaikeampaa lukea miten esim voisin nykyisellä teemalla muuttaa menu:n siihen miten minulla on se esimerkissäni).
    En tiedä mitä kaikkea php-koodia on pakko olla koodissa ja mikä ei.

    Toivottavasti voitte auttaa jotenkin!

    On tuossa työmaata saada GlossyBluesta sellainen kuin haluat… Jostain pitää tietysti aloittaa ja jos on hyvä teema pohjaksi, ei tarvitse ihan joka asiaa tehdä uudestaan. En sitten tiedä, onko GlossyBlue hyvä pohja vai ei.

    Itse käyttäisin Thesistä, joka on hyvä ja helposti ulkonäköään muuttava teema, mutta se on kallis. Thematic taitaa olla ilmainen vaihtoehto. Tällainen framework-teema on hyvä pohja omille muutoksille ja CSS-tyyleillä muokattavissa helposti muotoon kuin muotoon.

    Eli lähtisin siitä, että koetat sovittaa tuota css-teemaasi vaikkapa tuon Thematicin rungon päälle.

    Thread Starter moonwoff

    (@moonwoff)

    Voi olla. En tiedä kun en ole koodannut php:tä ja olen alkanut oppia php vasta tän viikon aikana… ;o)
    En vaan tiedä miten sitä voisi saada, kun olen yrittänyt miettiä miten tekisin sen menu-muutoksen; ensiksi haluaisin saada position –> float:iksi menu:ssa (okei se on enemmän ehkä css, mutta onhan se myös php). Olen kyllä yrittänyt miettiä mitä on pakko tehdä, mutta en ihan tiedä/keksi sitä Glossybluessa. =o(

    Joo, ei kyllä löytyy rahaa siihen tällä hetkellä. Olen katsonut sitä Thematic mutta en tiedä jos uskallan alkaa yrittämään itse…

    Mitä olisi hyvä tietää php:sta että voi paremmin ymmärtää mitä voi muuttaa…?

    Valikon asettelu on puhtaasti CSS-juttu, siinä ei tarvitse kajota teeman PHP-koodiin ollenkaan. Valikkohan on vain yksi ul-lista, ei muuta.

    PHP:stä on noin yleensä ottaen syytä ymmärtää ainakin ohjausrakenteet (for- ja while-silmukat, if-lauseet), niin tajuat miten koodin suoritus etenee.

    Thread Starter moonwoff

    (@moonwoff)

    Voi olla totta (en ole niin tottunut nähdä koodit näin vielä…).
    Jos haluan sen valikko, olevan mun css koodin mukaan, niin header on vähän erilainen kun tässä (glossyblue).
    Tässä on linkki todelliseen kotisivuun (ensimmäinen sivu toimii vaan) että voit nähdä css-koodinkin. Tämähän on vaan kotisivu ilman wp-ulkonäkö, elikkä se on se muutettavaa seikkaa. =o) Sivu ei ole tällä hetkellä toimivaa, ja ei ole täydellinen…
    Eikö se muuttaa asioita tai olenko hukassa/teen asioita vaikeammaksi kuin olevat?

    Okey, yritän katsoa niitä ohjausrakenteet (erityisesti niitä mitä ehdotit). Kiitos!

    Mutta itse valikkohan on tuossakin vain ul, jonka id on menu. Samalla tavalla useimmat WordPress-teemat sen koodissa tekevät.

    En usko, että tuon css-teeman kääräiseminen esimerkiksi Thematicin päälle on lopulta hirveän vaikea homma ja aika pitkälle pääsee jo ihan html- ja css-osaamisella.

    Thread Starter moonwoff

    (@moonwoff)

    hmm… Okei. Luultavasti sitten minä joka ei ymmärrä miten sen muutetaan mun tyyliini.

    Näin header.php nyt näyttää:

    <body>
    <div id=”page”>
    <div id=”header”>
    <div id=”headerimg”>
    <h1>/”><?php bloginfo(’name’); ?></h1>
    <div class=”description”><?php bloginfo(’description’); ?></div>
    </div>

    <ul id=”nav”>
    <li class=”page_item”>/” title=”Hem”>Hem
    <?php wp_list_pages(’sort_column=menu_order&depth=1&title_li=’);?>

    </div>
    <!–/header –>

    Voinko vaan muuttaa se näin? Ja muuttaa css-koodi sellaiseksi mitä mulla on kotisivulla?
    <body>
    <div id=”wrapper”>
    <div id=”header”>
    <p><img src=”img/logobc-png24.png” alt=”bc”></p>
    <ul id=”menu”>

    • About
    • </div><!–header–>
      <div id=”headerbild”></div><!–headerbild–>

      Mihin/Miten laitan sitten php-koodit?

      <li class=”page_item”>/” title=”Hem”>Hem
      <?php wp_list_pages(’sort_column=menu_order&depth=1&title_li=’);?>

      (Mitä se php koodi tarkoittaa)?

    Thread Starter moonwoff

    (@moonwoff)

    Òkei. nyt näköjään jäi vähän php koodit pois kun laitoin se näin, mutta sehän on header.php GlossyBlue:ssa.

    Elikkä, saanko valikko toimimaan omalla tyylilläni jos vaan copy+paste se php-koodit samoihin paikoihin mihin nyt ovat?

    Thread Starter moonwoff

    (@moonwoff)

    Muuten, kun nyt olen vähän yrittänyt ensiksi tule kysymys että mitä on se #nav .current_page_item a, #nav .current_page_item a:visited? Mihin laittaisin sen jos ajattelen omaa css-versio?

    Onko mitään keinoa nähdä wp-sivua off-line, elikkä ei koko ajan muuttaisin varsinaisen sivustoa?

    Et muuta php-koodia ollenkaan, vaan teet kaikki muutokset CSS-tiedostoon. Haluamassasi tyylissä valikon id on menu, GlossyBluessa se on nav – muutat siis CSS-tiedostoon menut naviksi ja niin edelleen.

    Tarkoitus on siis, että käytät GlossyBluen runkoa ja php-koodia, mutta muutat CSS-tyylit vastaamaan haluamaasi tyyliä. Luulisin, että se onnistuu.

    #nav .current_page_item on nykyisen sivun elementti valikossa.

    Thread Starter moonwoff

    (@moonwoff)

    Joo, eihän sinänsä joutuu muuttamaan php-koodia, mutta kyllä on ollut sovittaa sen mun ”html-versioon”.

    Miksi {#header p}:issä on pakko olla height?
    Miksi padding-left ei muuttuu kun muutan px?
    Kun mullahan on se logo-kuva laitettu html-sivussa ja ei css:n kautta.
    Näyttää tällä hetkellä että logo ja valikko olisi eri rivillä…
    Miten korjaan sen?

    Mikä on se <div class=”description”>?

    Kysyn taas… Onko mitään keinoa nähdä wp-sivustoa off-line, elikkä ei koko ajan muuttaisin varsinaisen sivustoa?

    Tee saitista toinen kopio joko omalle koneelle tai nettiin toiseen paikkaan? Mitään teeman esikatselu -toimintoa WordPressissä ei valitettavasti ole.

    Yksityiskohdista en osaa sanoa, valitettavasti aika ei riitä, että voisin perehtyä asiaan tuollaisella tarkkuudella muuten kuin maksua vastaan.

Esillä 13 vastausta, 1 - 13 (kaikkiaan 13)
  • The topic ‘Apua menun positioniin’ is closed to new replies.