Faʻafefea Ona Fausia Se Ata Faʻafanua ma CSS

filifiliga

Sa ou manaʻo i se mea 'geeky' o lea na ou filifili ai i luga o le 'taga' kalafi o loʻo taofia uma ai lesitala metotia mo laʻu blog.

I aso o le Upega Tafaʻilagi 1.0, o se faʻaputuga o soʻoga pei o lenei e mafai ona fausia e ala i le tuʻufaʻatasia o lau ata i luga ma soʻoga i luga o ata taʻitasi, ona taumafai lea e suʻi faʻatasi uma ma se laulau. E mafai foʻi ona faʻataunuʻuina ile faʻaaogaina ole faʻafanua ata ae o lena e masani ona manaʻomia se mea faigaluega e fausia ai le faʻamaopoopo faiga. Faʻaaogaina le Cascading Style Sheets e faʻafaigofie ai lenei tone ... leai ni ata faʻafefiloi ma leai se taumafai e suʻe se mea faigaluega e fausia ai lau faʻamaopoopo faiga!

  1. Fausia lou ata e te manaʻo e faʻaaoga. Oe mafai ona faʻaaogaina lenei kalafi lalo (taumatau-kiliki ma sefe pei ona e sii maia):
    filifiliga
  2. Tuʻu lau ata i se faʻasino e fesoʻotaʻi ma lau CSS. I le WordPress, lenei e mafai ona faia faigofie i le tuʻuina i totonu o se ata faila i lau autu faʻasino.
  3. Faʻaopopo lau HTML. E manaia ma faigofie… o le div e tolu ona soʻotaga i totonu:
    > div id = "subscribe">> a id = "rss" href = "[lou fafaga sootaga]" title = "Totogi ma RSS" >> span class = "hide"> RSS> / span >> / a>> a id = "imeli" href = "[lau imeli meli soʻotaga]" ulutala = "Totogi ma Imeli" >> span class = "hide"> Email> / span >> / a>> a id = "feaveaʻi" href = "[lou fesoʻotaʻiga feaveaʻi]" title = "View Mobile Version" >> span class = "hide"> Mobile> / span >> / a>> / div>
    
  4. Faʻasaʻo lau Cascading Style Sheet. Oe o le a faʻaopopoina 6 sitaili eseese. 1 sitaili mo le atoa div, 1 mo le a faʻailoga ina ia le faʻaalia soʻo se teuteuga o tusitusiga, 1 sitaili e nana ai le tusitusiga (faʻaaogaina mo le faʻaaogaina) ma le 1 sitaili faʻapitoa mo soʻotaga taʻitasi:
    #subscribe {/ * background image poloka * / faʻaaliga: poloka; lautele: 215px; maualuga: 60px; talaaga: url (ata / filifiliga.png) leai-toe faia; pito i luga: 0px; } #subscribe a {text-decor: leai; } .fiufi {vaʻaiga: nana; } #rss {/ * RSS Link * / float: agavale; tulaga: atoatoa; lautele: 50px; maualuga: 50px; laina-agavale: 20px; pito i luga: 5px; } #email {/ * Email Link * / float: agavale; tulaga: atoatoa; lautele: 50px; maualuga: 50px; laina-agavale: 70px; pito i luga: 5px; } #mobile {/ * Mobile Link * / float: agavale; tulaga: atoatoa; lautele: 50px; maualuga: 50px; laina-agavale: 130px; pito i luga: 5px; }

O le faʻatulagaina e manaia ma faigofie ... faʻaopopo le maualuga ma le lautele ona seti lea o le itu tauagavale mai le itu tauagavale o le ata, ma le pito i luga luga mai le pito i luga o le ata!

Lenei "Faʻafefea Ona" lafoina mo le ulufale i totonu o le O Geeks ose tauvaga sili lava "Faʻafefea Ona" Tauvaga! Tasi le faʻamaumauga, e moni o le faʻafanua faʻafanua mafai ona sili atu faigata polygons, ae ou te leʻi vaʻaia lava tele naua nofoaga e tatau ona i ai. Na ou maitauina le lapoʻa o le RSS 'ata i luga o Geeks o ni itu faʻaaoga laiti ... o se lelei nofoaga mo se soʻotaga. 😉

FAAFOUGA 10/3/2007 mo sili atu avanoa i le fautuaga a le Phil!

lagolagoina: Afai o oe o se newbie i web design, ona Fausia Lau Lava Upega Tafaʻilagi Le Ala Saʻo Faʻaaogaina HTML & CSS, 2nd Edition e tatau ona i ai. I totonu o lenei faigofie-i-mulimuli taʻiala oe o le a aʻoaʻo ai pe faʻafefea ona fausia se 'upega tafaʻilagi tulaga sili ona lelei - i lou faia e oe lava!

41 Faamatalaga

  1. 1

    Doug, e foliga mai o se lelei auala, ae e matua le mafai ona maua.

    Mafaufau i se tagata tauaso faʻaoga ma se lau faitau, o se tagata faʻaaoga e naʻo le browser browser poʻo seisi e asiasi i le 'upega tafaʻilagi e aunoa CSS poʻo Ata faʻatagaina (pei, masalo o se tagata faʻaaoga feaveaʻi o loʻo sailia le fesoʻotaʻiga i lau feaveaʻi uo faauo). E leai se tasi o latou o le a iloaina e uiga i na sootaga e tolu ona e leai ni a latou tusitusiga. Afai o ata e tape ese se tagata faʻaaoga e le mafai ona vaʻai alt tusitusiga e faamatala ai le mea semanu ei ai iina ona o se talaʻaga ata.

    Sili atu o le vaeluaina o ata, faʻafesoʻotaʻi i latou, tuʻu i totonu o se lisi ma opeopea latou i tafatafa o le tasi. Poʻo le faʻaaogaina o tusitusiga mo soʻoga ma sui le tusitusiga e faʻaaoga ai se tulaga masani e suia ai foliga. E foliga talafeagai lenei mea, ae e faʻafaigata ai mea / le mafai e i latou e leʻo faʻaaogaina le tulaga masani browser.

    • 2
      • 3

        Doug,

        E le faitauina e le JAWS le ulutala ulutala i se tulaga le masani ai, ae e saʻo oe, e mafai ona fai. Aisea e te sailia ai soʻoga ulutala pe a fai e te leʻi iloa na i ai iina, ma e tusa lava pe o oe, e mautinoa lava o lenei pa'ū i se faʻaaogaina mataupu o lona uiga oe o loʻo tuʻuina atu i le au faʻaoga le poto masani i le faʻaaogaina o lau upega tafailagi.

        Mo tusitusiga suʻesuʻe, o le tusitusiga e te tusiina ai aʻu i luga o lena Lynx e faʻatagaina foʻi oe e aumai se lisi o soʻotaga ulutala, ae o loʻu manatu e tumau pea afai e te leʻi iloa sa i ai se fesoʻotaʻiga iina, ona e leai se tusitusiga i le muamua. , aisea e te suʻe ai mo ulutala tusitusiga?

        I le iuga, fesoʻotaʻiga ulutala uiga e le mafai ona aliali mai mo soʻo se tasi e suʻesuʻe aunoa ma ni ata e mafai pe aunoa ma le faʻaaogaina o le CSS.

        Ioe, o faʻafesoʻotaʻiga ma ulutala e sili atu le lelei nai lo i latou e leai, ae i lenei tulaga ua naʻo tuʻufua.

        Ole mafuaʻaga lea ole faʻaaogaina o se ata, ina ia mafai ai ona faitau tusitusiga alt, poʻo le suia o foliga, ina ia i ai le tusitusiga, o se sili atu le saogalemu, sili atu ona faigofie ona maua ma sili atu faʻaaoga filifiliga.

        • 4

          Lelei Faʻamatalaga, Phil. O le a ou taumafai e faʻaleleia lenei mea i tusitusiga ae na o le nanaina o le tusitusiga - o le auala lena o le a maua ai se oloa e pei o le JAWS o le a faitau ai le fesoʻotaʻiga tusitusiga ma o le a faʻaalia tusitusiga pe a fai CSS poʻo Ata e le atoatoa.

          Ou te le talitonu o le pau lava le tali faigofie o le tuʻuina o se Ata ma se sootaga, e ui.

  2. 5
  3. 8

    Sa ou gaoia. O iina, na ou fai atu ai.

    Doug, e manaia tele ata ma o le coding e matua mataʻutia lava e faʻafefe ai aʻu (sa taʻalo ma le CSS ae o lea ua iʻu lava ina "maua").

    Faʻafuaseʻi le tulafono e faʻafetaui ai oʻu manaʻoga, faʻailoa mai le mea e tuʻu ai le HTML i totonu, ma o le mea moni e foliga lelei ma na fufuluina le pito i luga o laʻu itu na aveina aʻu INSANE.

    Atonu e tatau ona ou faʻatauina lau kofe!

  4. 10

    Doug,

    O le a avea aʻu ma leo teteʻe, faʻaaoga loʻu poto masani o se faʻataʻitaʻiga. Ou te manatuaina a matou imeli ina ua suia laʻu imeli i le fale ma na e maitauina e tatau lava ona ou filifili i laʻu mea fou. Ou te tautino atu sa i ai loʻu faigata o le taimi "mauaina" o le fou foliga luga o lau 'upega tafaʻilagi e toe filifili i totonu. Vaega o lenei talu ai o le uluaʻi soʻoga sa fai lava si faʻaleaganuʻu ma sa ou tau le manatuaina lena tasi. O leisi na mafua ona o tafatafa o le afa teutusi na le foliga mai o se teutusi ia te aʻu muamua. Ina ua tuanaʻi le 5 pe sili atu minute na amata ona ou togiina laʻu isumu i luga o ata uma ma ina ua faʻaalia le ulutala "Totogi ma Imeli", ona ou iloa ai lea sa ou i le pisinisi. Na iloa foʻi e loʻu faiaʻoga poʻo le a le ata e fesoʻotaʻi ai.

    Ae, sili ia te aʻu, o se teutusi faʻafuaseʻi na o le le malamalama ia te aʻu o le nofoaga e lesitala ai i imeli faʻasilasilaga. Ma (aua na taʻu mai ia te aʻu e masani ona uma i se mea manaia) Ou te malie ma Phil luga; e faigofie lava le metotia ma e aoga tele le aitema atoa. Ou te aveina lau mea faigaluega mamanu fesoasoani e avatu ia te oe le tonu itu mo le 3 vaega; o se manatu saʻo lena? E tatau ona ou faʻapea, talu ai afai ou te, fai atu, o se 400 pixel lautele lautele foliga ou te manaʻomia le iloa le saʻo tulaga, etc.

  5. 12
    • 13

      Viliamu,

      E foliga mai oe ono i ai se feteʻenaʻi i le va o ou manatu vasega vasega ma igoa o le vasega i le sidebar graphic. E mafai ona e faʻaigoaina i latou i se tulaga ese e faʻamama ai le feteʻenaʻiga. Faʻailoa mai pe a e manaʻomia se lima!

      Doug

  6. 14
  7. 15
  8. 16
  9. 17
  10. 18

    Manaia le auala, ae ou te manaʻomia se mea mo se laufanua faʻafanua, o lea e le mafai ai ona ou faʻaaogaina vaega faʻatatau… Ou te manatu e tatau ona ou faʻaaogaina le ata tuai o loʻo i ai faʻataʻitaʻiga, ae masalo o le a ou eli teisi atili…

  11. 19

    Faʻafetai mo lenei faʻamatalaga, Doug. Sa ou i ai iinei muamua ma mafaufau pe na faʻapefea ona e faia. Sa matou manaʻo e fai se faʻafanua faʻapena e faʻaofi ai pe a maeʻa a matou pou, ma o lenei ua i ai a matou mea, e mafai ona matou faia. Bravo!

  12. 20
  13. 21

    Talofa Doug,
    Na ou tuua se tala muamua ae na ou iloaina ou te tau le ofoina se malamalamaaga i loʻu faafitauli. O loʻo matou fetuʻunaʻiina se autu e fesoasoani ia matou e faʻalauiloa la matou sitcom i luga ole laiga iinei.

    http://www.phaylen.com/blog/

    O lenei, o le a e vaʻai mai o loʻo i ai sa matou fuʻa folau i le pito i luga, o se ata na matou fuafuaina e faʻafanua ona o le tele o taimi na muamua atu. / alofilima. E leai se tasi o tatou e malamalama lelei i le CSS, ae tatou te tautevateva lava ma o lea ua maeʻa lelei lava e oʻo mai i lenei taimi. Lau tusitusiga i le NAʻOLAGI TASI mai le fiasefulu o loʻo saunia e matua malamalama loloto ile faʻafefea ona faʻaaoga ata i le CSS faigofie. Na ou faʻaaogaina le laupepa e tusa ai ma ou faʻatonuga, ae leai se manatu poʻo fea e tuʻu ai le HTML. Pau lau tala na o le "Faʻaopopo lau html… E manaia ma faigofie" ona ou faʻanoanoa lea aua na ou mafaufau .. "E le lava le faigofie mo aʻu!" Ou te leʻi iloa e mafai ona ou faʻaopopoina html i se tasi o nei php itulau i le autu faatonu. Ou te tuʻuina le html i le ulutala? Le faʻasino Upu autu? O Galuega? Ou te manatu uma wordpress tagata faʻaaogaina ei ai le filifiliga o le faʻasaʻoina o la latou autu i le dashboard faatonu, lea e foliga mai e matua lautele i galuega. Afai e mafai ona e fautua mai le mea e tuʻu ai le html, ou te fiafia e fetuʻunaʻi le oru code mo laʻu fuʻa.

    Faʻafetai mo le faʻasoaina atu o lou poto i le alalafaga. Ua ou fiafia e aumai sau kofe.

    • 22

      Talofa Phay!

      Uma faila mo lau blog autu e avanoa e ala i le Pule vaega mo teuteuina. Afai e te kiliki i luga o le Faʻalauiloaina ma le Autu Faʻatonu, oe tatau ona mafai ona vaʻaia se lisi o au faila i le taumatau ma se faʻatonu i le agavale.

      Afai e te manaʻo mo lenei mea i totonu o lau itu, atonu oe i ai se Sidebar itulau. Kiliki e faʻatonutonu ma tuʻu le HTML saunia i totonu o le itulau e te manaʻo ai.

      Tasi faʻasilasilaga: O le sitaili suiga e faʻatatau i lau itulau, o lea e tatau ai ona e lafoina le ata i le autu ata faʻasino tusi peʻa o loʻo e faʻasino i ai pei o isi ata i lau autu.

      Faamoemoe e fesoasoani!

    • 23

      Phay,
      Na ou sau i luga o lenei 'upega tafaʻilagi i aso nei ma sa i ai le tutusa faigata e pei o oe. Sa ou manaʻo foʻi e faʻaopopo se faʻafanua i le ulutala ata. Ina ua uma ona taʻalo ma ia mo sina taimi, na ou saʻo. Tuʻu le div HTML i le header.php faila. Sa ou tuu i le va ma le. Le mautinoa pe o lau faʻataʻitaʻiga o iai lena sao coding, ae taʻalo faʻataʻamilo ia i le faila header.php ma o le ae faʻailoaina.
      -
      Paul

  14. 24

    Faʻafetai mo le vave tali!

    Leai, ou te leʻi manaʻo e i totonu o le itu itu, o loʻo i le pito i luga o le itulau (oe mafai ona vaʻai i le soʻotaga na ou sauniaina- o le paʻu folau piniki e fai mai contant, e uiga i le faʻaaliga ect ..)

    Sa ou galue i le laupapa laupapa i le taeao atoa, paga lea, ou te le mautinoa poʻo le fea faila ou te tuʻuina ai le html, e pei ona taʻua i luga, e tele aʻu, header.php, autu index.php, functions.php, footer.php. Ou te le mautinoa poʻo fea e tuʻu iai le code html. (o le vaega muamua na e saunia, ua uma ona ou tuʻuina le mea o totoe i laʻu sitaili) O loʻo i ai laʻu ata iina i luga o le 'upega tafaʻilagi, o mea uma ua sauni e alu, e tatau ona ou iloa le mea e faʻaopopo ai le html vaega o le code mo fetuʻunaʻi.

    Faʻafetai tele lava mo lou taimi ma faʻavasega fesili mai se novice.

    Phay

  15. 25

    … Pe atonu foi e mafai e seisi ona lafo i tala e uiga i le faila matou te tuʻuina ai le html vaega o le tulafono i totonu. O se tamaloa i luga o ni nai pou na fai mai na ia iloaina. Ou te leʻi laki.

    Phaylen

  16. 26
  17. 27

    O loʻo ou i ai se taimi o le sailiga o se auala e tuʻuina ai se kiliki ata faʻafanua i wordpress ona e toʻesea html faʻafanua faʻailoga. Lou auala o le a galue ae o se faʻafanua o le US e mautinoa lava auala e faigata e mimilo faʻapipiʻi ai ma lenei auala. Ua ou leiloa.

    Fesoasoani.

    E foliga mai o le flash o laʻu filifiliga lea?

    • 28

      Dave,

      A e tuʻu le ata i lau template, e te manuia. Afai e te tuʻuina le faʻafanua ata i mea moni o loʻo i ai, e mafai ona e taufetuli i faʻafitauli tau faʻamama. O le auala na ou galue ai i lenei mea e leaga, ae i taimi na ou faʻaaogaina ai se iframe.

      Doug

  18. 29

    Malo,

    e foliga mai o le ata faʻafanua ma fesoʻotaʻiga e lua mea eseese, latou te le galulue faʻatasi pei o le faʻafefea o se ata faʻafanua i html faia

    pe a ou aofia ai talaʻaga tulaga (ogatotonu agavale) mo le faʻafanua ata, o le tulaga o le soʻoga le mulimuli i luga.

    e iai se auala e fealuaʻi ai i lenei mea? oute matua fiafia lava. faʻafetai.

  19. 31

    Faʻamata e faʻaaoga se auala faʻapena mo se faʻafanua foliga lapoʻa ma sili atu ona faigata e pei o loʻo ou taumafai e faʻaaoga?

    Afai e te vaʻai i laʻu 'upega tafaʻilagi, kiliki luga o sooga i le agavale ma oe o le a vaʻaia le ata O loʻo ou taumafai e faʻaaoga o se faʻafanua faʻafanua (i lalo o le Tusitusiga mataʻitusi).

    Lona uiga masani, taumafai e faʻaaoga le Faʻatusa e alu i vaega taʻitasi o lenei lisi i le tusi.

    O le mea moni, na ou faʻaaluina le 20 minute i le fausiaina o se faʻafanua ma le GIMP, ona aveʻese ai lea e le WP faʻailoga o le faʻafanua, o lona uiga na ou mauaina lau upega tafailagi.

    E ui lava, ono mafaufau e faʻaaoga le Moli

    Fa'afetai.

  20. 33

    O loʻo ou faʻaogaina nei se ata faʻataʻitaʻi ma faʻataʻitaʻi ma aʻu lava mea. Ou te manaʻo e faʻaopopo se faʻafanua faʻafanua, ae ou te le o mautinoa poʻo fea e tuʻu ai i le css. o le ata ou te manaʻo e faia se faʻafanua o loʻo i le ulutala vaega.

  21. 34

    talofa, na ou fausia laʻu 'upega tafaʻilagi i luga o le joomla… ou te manaʻo e faʻaaoga lenei metotia e fai ai le igoa o laʻu itulau o se soʻotaga i le fale, na taʻu mai ia te aʻu e le mafai ona ou faia lenei ma joomla ae o lenei tusitusiga ua aumaia ia te aʻu le faʻamoemoe! fesoasoani e ala i imeli o le a sili ona talisapaia…. faafetai

  22. 35

    Talofa Doug - O loʻo ou fausiaina se faʻafanua e sili atu ona faigata ma faʻavae i luga o le css o loʻo i ai foi ni laina taumamao (i lenei tulaga, o loʻo faʻaalia ai tusitusiga i isi mea i luga o le itulau pe a e faʻatutuina se tasi o ata faʻapitoa). Po o le a lava le auala, na ou tau ai i lau faʻataʻitaʻiga iinei a o suʻesuʻeina lena… ma sa ou manatu o le a ou fetufaai atu i mea nei:

    1. Mo avanoa, oe le tatau ona faʻaaogaina vaʻaia: leai se tasi (poʻo le faʻaali: leai pe a fai e te manatu i ai) e nana le tusitusiga iinei, o se elemeni faʻaaogaina ma vaʻaia: nana o le a le faitauina e le au faitau (latou o loʻo mulimuli i le faʻapitoa) .

    Nai lo lena, faʻaaoga se sili atu ona malosi foliga suia metotia. Ou te fautua atu a le o le Phark metotia poʻo le Gilder / Levin - o na o igoa sili atu ona lelei tusia i google e suʻe ai le masani metotia. Ou te fiafia i le G / L ona e aoga foʻi faʻatasi i le CSS ae o ata ua tape.

    2. E ui ou te le o vaʻaia ua gagau (faʻaaogaina o le FF3), o lou faʻatinoina o le tulagaina o loʻo i ai foʻi ni lamatiaga masani. O se elemene ua maeʻa faʻatulagaina e tuʻu faʻatatau i le matua o lona tulaga. Lona uiga, e te manaʻo e faʻatulaga manino se tulaga tulaga i le faʻaogaina o le 'tulaga: faʻatatau i le #subscription. Ona faʻatulagaina lea o tamaiti (o loʻo faʻatulagaina soʻotaga) i totonu o lena matua. Lenei metotia fesoasoani faʻamautinoa sili faʻatuatuaina iʻuga i soʻo se browser.

    Ma le isi, e tatau ona e faʻaaogaina le faʻailoaina o faʻamatalaga o le "pito i luga: x" ma le "agavale: x" (o le mea x o le tau aoga, taʻu i le px) nai lo autafa e faʻatautaia ai lena tulaga. Faʻapea foi, ou te le o vaʻaia na solia le auala oe i ai, ae o le pito i luga ma le agavale e mo lenei mea aisea e le faʻaaogaina ai? Ma e iai foʻi au floats ma margin i luga o le elemeni lava e tasi, lea i lalo o tuutuuga faʻapitoa mafua ai le "double margin" bug i le IE6 (na e faʻataʻitaʻia lenei mea iina?) - A o iai se mea e faʻasaʻo, e te aloese lava mai lena mataupu i le faʻaaogaina o luga ma tuʻua nai lo autafa mo tulaga i lenei tulaga.

    3. I le faʻaiuga, aisea e te le faʻaaogaina ai se semantically sound unordered list mo nei soʻoga ae le o le leai se uiga o le div?

    Faʻamalie atu mo le paʻu mai i luga… Ou te fiafia e faʻasoa, b / c Ou te iloa mai le poto masani pe faʻafefea ona tele auala eseese e faʻaaoga ai le CSS e maua ai se manaʻoga taunuʻuga, ae o nisi auala e mautinoa e sili atu ona lelei (sili atu faʻatuatuaina, koluse-browser) nai lo isi . HTH.

  23. 36
  24. 37
  25. 38

    Faafetai tele lava!! O au faʻatonuga na sefe mai ai ia te aʻu ITULAI o galuega… O aʻu fou i le atinaʻeina o le upega tafailagi, ma na ou tigaina lava i laʻu galuega tele muamua. Na ou faia… o le tagata o tausia e fiafia, fiafia tele, ma e faapena foi aʻu!

  26. 39

    Talofa, faafetai tele lava mo le lafoina o lenei! Tausaga mulimuli ane ma o loʻo fesoasoani pea… manaia! O loʻo ou tauivi e faʻapipiʻi laʻu faʻafanua i le nofoaga saʻo. E i ai laʻu fuʻa ma ou te manaʻo i faʻaaliga lautele i le taumatau i luga o le fuʻa e fesoʻotaʻi e faʻaaoga ai le tulafono ua e sapalaiina. E aoga tele, seʻi vagana o loʻo ou faia se mea sese aua o aʻu fesoʻotaʻiga o loʻo aliali mai i le itu tauagavale pito i luga o le lau, ae le o luga o faʻafanua, ae o luga o le igoa. Ou te mautinoa o se mea faigofie, ae e le mafai ona ou iloaina. Manatu o le a ou fetufaai atu iinei pe a fai e i ai sou malamalamaaga. Faʻafetai lava mo le lafoina o lenei!

O le'a sou manatu?

O lenei 'upega tafaʻilagi e faʻaaogaina le Akismet e faʻaitiitia le spam. Aoao pe faapefea ona faʻasoa lau faʻamatalaga faʻamatalaga.