Mokhoa oa ho aha 'mapa oa litšoantšo le CSS

khethang ho tsona

Ke ne ke batla ho hong ho 'geeky' ka hona ke nkile qeto ea setšoantšo sa 'pokothong' se tšoereng mekhoa eohle ea ho ngolisa bakeng sa blog ea ka.

Matsatsing a Web 1.0, pokello ea likhokahano tse kang ena e ka hahuoa ka ho hlopha setšoantšo sa hau ka lihokela ho setšoantšo se seng le se seng, ebe o leka ho se roka kaofela hammoho le tafole. E ka etsoa hape ka ho sebelisa file ea 'mapa oa setšoantšo empa hangata ho hloka sesebelisoa sa ho theha sistimi ea khokahanyo. Ho sebelisa Li-Sheet tsa Setaele sa Cascading ho etsa hore sena se be bonolo haholoanyane… ha ho na litšoantšo tse qapiloeng 'me ha ho na ea lekang ho fumana sesebelisoa sa ho aha tsamaiso ea khokahano!

  1. Haha setšoantšo sa hau seo u ka ratang ho se sebelisa. U ka sebelisa sets'oants'o sena se ka tlase (penya ka ho le letona ebe u se boloka ho jarolla):
    Options
  2. Kenya setšoantšo sa hau bukeng e amanang le CSS ea hau. Ka WordPress, sena se ka etsoa bonolo ka ho se beha ka har'a foldara ea litšoantšo setsing sa hau sa sehlooho.
  3. Kenya HTML ea hau. E ntle ebile e bonolo… div e nang le lihokelo tse tharo ho eona:
    > div id = "Subscribe">> id = "rss" href = "[link ea hau ea fepa]" title = "Ingolise le RSS" >> span class = "hide"> RSS> / span >> / a>> id = "imeile" href = "[email link ea hau e ngolisitseng]" title = "Ingolise ka Imeile" >> span class = "hide"> Imeile> / span >> / a>> id = "mobile" href = "[your mobile link]" title = "View Mobile Version" >> span class = "hide"> Mobile> / span >> / a>> / div>
    
  4. Fetola leqephe la setaele sa Cascading. U tla be u eketsa mefuta e 6 e fapaneng. 1 setaele sa div e akaretsang, 1 bakeng sa tag ha e bontše mokhabiso o mong le o mong, setaele se le seng ho pata sengoloa (se sebelisetsoang ho fihlella) le setaele se le seng sa setaele bakeng sa sehokelo ka seng.
    #subscribe {/ * background image block * / display: block; bophara: 215px; bolelele: 60px; ka morao: url (litšoantšo / likhetho.png) ha ho pheta-pheta; holimo ho leqephe: 0px; } # ingolisa mokhabiso oa {text: none; }. pata "ponahalo: e patiloe; } #rss {/ * RSS Link * / float: ka ho le letšehali; boemo: feletseng; bophara: 50px; bolelele: 50px; lehlakoreng le letšehali: 20px; holimo ho leqephe: 5px; } # imeile {/ * Email Link * / float: ka ho le letšehali; boemo: feletseng; bophara: 50px; bolelele: 50px; lehlakoreng le letšehali: 70px; holimo ho leqephe: 5px; } #mobile {/ * Mobile Link * / float: ka ho le letšehali; boemo: feletseng; bophara: 50px; bolelele: 50px; lehlakoreng le letšehali: 130px; holimo ho leqephe: 5px; }

Sebopeho se setle ebile se bonolo… eketsa bophahamo le bophara ebe u beha lehlakore le letšehali ho tloha lehlakoreng le letšehali la setšoantšo, le thoko e holimo ho tloha lehlakoreng le holimo la setšoantšo!

Poso ena ea "Joang" ke ea ho kena ho Li-geek ke tlholisano ea "Ultimate" ea "Sexy How"! Noto e le 'ngoe, ke' nete hore 'mapa oa litšoantšo o ka ba le lipolgoni tse rarahaneng haholo, empa ha ke so bone libaka tse ngata haholo moo e tlamehang ho ba teng. Ke hlokometse hore setšoantšo se seholo sa RSS ho li-Geek ke Sexy barathoko… ke sebaka se hantle bakeng sa sehokela. 😉

E FETILENG FETA 10/3/2007 bakeng sa phihlello e ntle ka boeletsi ba Phil!

baemanokeng ba lenaneo leno: Haeba u sa tsoa qala ho etsa moralo oa webo, Iketsetse Webosaete ea Hau Tsela e Nepahetseng U Sebelisa HTML le CSS, Khatiso ea Bobeli e tlameha ho ba le eona. Tataisong ena e bonolo ho latela u tla ithuta ho aha sebaka sa marang-rang ka tsela e molemohali - ka ho e etsa u le mong!

41 Comments

  1. 1

    Doug, e shebahala joalo ka mokhoa o motle, empa ha e fihlellehe haholo.

    Nahana ka mosebelisi ea sa boneng ea nang le sebali sa skrini, mosebelisi ea nang le sebatli sa mongolo feela kapa mang kapa mang ea etelang sebaka sena ntle le CSS kapa Litšoantšo tse lumelletsoeng (joalo ka, mohlomong mosebelisi oa mohala o batlang sehokelo sa sebaka sa hau sa marang-rang se mosa). Ha ho le ea mong oa bona ea tla tseba ka lihokela tsena tse tharo hobane ha li na mongolo. Haeba litšoantšo li tima mosebelisi a ke ke a bona le mongolo o fapaneng ho hlalosa se neng se ka be se le teng hobane ke sets'oants'o sa semelo.

    Ho ka ba betere ho arola litšoantšo, ho li hokahanya, ho li kenya lenaneng ebe o li phaphamisa haufi le tsona. Kapa u sebelise mongolo bakeng sa lihokela ebe u khutlisa sengoloa u sebelisa mokhoa o tloaelehileng oa ho khutlisa litšoantšo. Sena se bonahala se le bonolo, empa se etsa hore lintho li be thata haholo / li se khonehe ho ba sa sebeliseng sebatli se tloaelehileng se hlakileng.

    • 2
      • 3

        Doug,

        JAWS ha e bale lihlooho tsa khokahano ka boiketsetso, empa u nepile, e ka etsa joalo. Hobaneng o ne o ka batla litlotla tsa lihokela haeba o ne o sa tsebe hore e teng le ha ho le joalo, leha o ne o le teng, ka nnete sena se oela bothateng ba ts'ebeliso bo bolelang hore o fa basebelisi ba fokolang haholo boiphihlelo ba ho sebelisa sebaka sa hau sa marang-rang.

        Bakeng sa libatli tsa sengoloa, sengoloa seo u se supang ho Lynx hape se u lumella ho hlahisa lethathamo la lihlooho tsa sehokela, empa ntlha ea ka e ntse e le hore haeba o ne o sa tsebe hore ho na le sehokela moo, kaha ho ne ho se na mongolo pele , hobaneng u ka batla sengoloa sa sehlooho?

        Kamora nako, litšoaneleho tsa sehlooho sa khokahano li ntse li ke ke tsa hlaha ho mang kapa mang ea lekang ntle le litšoantšo tse lumelletsoeng kapa ntle le CSS e lumelletsoeng.

        Ee, likhokahano le litlotla li betere ho feta tse se nang tsona, empa ntlheng ena ke tse ka thoko feela.

        Ke ka lebaka lena ho sebelisang setšoantšo, e le hore litemana tsa alt li ka baloang, kapa ho nkeloa sebaka ke setšoantšo, hore temana e be teng, ke khetho e sireletsehileng haholo, e fumanehang habonolo le e ka sebelisoang haholoanyane.

        • 4

          Tlhahisoleseling e ntle, Phil. Ke tla leka ho ntlafatsa sena ka mongolo empa ke pate mongolo - ka tsela eo sehlahisoa se fumanehang joalo ka JAWS se tla bala sehokelo mme mongolo o tla hlahisoa haeba CSS kapa Litšoantšo li holofetse.

          Ha ke lumellane hore tharollo feela e ka fumanehang ke ho beha Setšoantšo se nang le sehokela.

  2. 5
  3. 8

    Ke e utsoitse. Moo, ke e buile.

    Doug, lits'oants'o li monate ebile ho ngolisa ho bonolo haholo ho tšosa (ke ntse ke bapala le CSS mme joale "kea e fumana").

    Ke kentse khoutu ho fihlela litlhoko tsa ka, ka tseba hore na nka akhela HTML hanyane kae, 'me ka' nete e shebahala e le ntle mme e hloekisitse karolo e kaholimo ho lehlakore la ka le neng le ntsamaisa INSANE.

    Nka mpa ka tlameha ho u rekela kofi eo!

  4. 10

    Doug,

    Ke tla ba lentsoe le hanyetsang, ke sebelisa boiphihlelo ba ka joalo ka mohlala. Ke hopola mangolo-tsoibila a rona ha lengolo tsoibila la lapeng le fetoha 'me u hlokometse hore ke tlameha ho khetha feela ka e ncha. Ke tlameha ho lumela hore ke bile le nako ea "ho sibolla" karolo e ncha sebakeng sa hau sa marang-rang ho khetha hape. Karolo ea sena e ne e le hobane sehokela sa mantlha e ne e le moetlo haholoanyane mme ke ile ka se hopola ka mokhoa o sa hlakang. E 'ngoe e ne e le hobane enfelopo ea halofo ea mahlakore e ne e sa shebahale joalo ka enfelopo ho' na qalong. Kamora metsotso e ka bang 5 kapa ho feta ke ile ka qalella ho phutha mouse ea ka holim'a setšoantšo se seng le se seng mme ha sehlooho sa "Ingolisa ka lengolo-tsoibila" se bonts'a, ka nako eo ke ne ke tseba hore ke khoebong. Boko ba ka bo boetse bo fumane hore na sehokelo sa khokahano e ne e le eng.

    Empa, bonyane ho 'na, enfelopo e ka thoko e ne e se tlhaiso ho nna joalo ka sebaka sa ho ingolisa ho tsebiso ea lengolo-tsoibila. Mme (hobane ke ile ka bolelloa hore kamehla ke qetelle ka ho hong ho monate) Ke lumellana le Phil kaholimo; mokhoa o bonolo haholo 'me ntho eohle e sebetsa hantle. Ke e nka e le sesebelisoa sa hau sa meralo se thusitseng ho u fa litekanyo tse nepahetseng tsa likarolo tsa 3; na ke monahano o nepahetseng? Ke tlameha ho nahana joalo, hobane haeba nka be ke re, setšoantšo se sephara sa pixel ea 400 ke tla hloka ho tseba maemo a nepahetseng, jj.

  5. 12
    • 13

      William,

      Ho bonahala eka o kanna oa ba le khohlano lipakeng tsa mabitso a sehlopha sa hau sa litlhaloso le mabitso a sehlopha se ho graph ea bareng. U ka ba reha mabitso a fapaneng ho hlakisa qabang. Ntsebise haeba u hloka letsoho!

      Doug

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

    Mokhoa o motle, empa ke hloka ho hong bakeng sa 'mapa oa topographic, ka hona ha ke khone ho sebelisa libaka tse khutšoane… Ke nahana hore ke tlameha ho sebelisa' mapa oa khale oa setaele o nang le likhokahano, empa mohlomong ke tla cheka ho teba…

  11. 19

    Kea leboha ka leseli lena, Doug. Ke ne ke le mona pele mme ke ipotsa hore na o ho entse joang. Re ne re batla ho etsa 'mapa o joalo ho kenya kamora li-post tsa rona,' me joale ka ha re na le mokhoa, re ka o etsa. Bravo!

  12. 20
  13. 21

    Lumela Doug,
    Ke siile maikutlo a fetileng empa ke hlokometse hore ho hang ha ke fane ka leseli la bothata ba ka ho hang. Re ntse re fetola sehlooho sa mantsoe ho re thusa ho tsebisa li-sitcom tsa rona tsa inthanete mona:

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

    Joale, u tla bona re na le banner ea ho sesa holimo holimo, setšoantšo seo re neng re ikemiselitse ho se etsa 'mapa joalokaha re na le makhetlo a mangata pele. / palesa ya palema. Ha ho le ea mong oa rona ea sa emeleng CSS hantle, empa re khoptjoa ho lekana mme ho fihlela joale re entse hantle ho fihlela mona. Sengoloa sa hau ho A le Mong feela ho ba bangata se faneng ka leseli la 'nete mabapi le mokhoa oa ho sebelisa litšoantšo ho CSS habonolo. Ke hlahisitse leqephe la setaele ho latela litaelo tsa hau, empa ha ke tsebe hore na nka beha HTML hokae. Sohle seo u se buileng ke "Eketsa html ea hau… E ntle ebile e bonolo" ebe ke sosobana hobane ke nahana .. "ha e bonolo ho 'na!" Ke ne ke sa tsebe hore nka kenya html ho efe kapa efe ea maqephe a php mohlophisi oa sehlooho. Na ke beha html hloohong? Setšoantšo sa Main Index? Mesebetsi? Ke nahana hore basebelisi bohle ba li-wordpress ba na le khetho ea ho hlophisa sehlooho sa bona ho sebapali sa dashboard, se shebahalang se le ntle hohle ts'ebetsong. Haeba u ka fana ka tlhahiso ea hore na html e beoa kae, nka thabela ho fetola khoutu ea oru bakeng sa bareng ea ka ea navagation.

    Ke leboha ho arolelana tsebo ea hau le sechaba. Ke thabetse ho u fumanela kofi.

    • 22

      Lumela Phay!

      Lifaele tsohle tsa sehlooho sa blog ea hau lia fumaneha ka phanele ea Tsamaiso bakeng sa ho li hlophisa. Haeba u tobetsa Pontšo ebe u Mohlophisi oa Sehlooho, u tla khona ho bona lenane la lifaele tsa hau ka ho le letona le mohlophisi ka ho le letšehali.

      Haeba o lakatsa hore sena se be ka lehlakoreng la hau la lehlakoreng, mohlomong o na le leqephe la Sidebar. Tobetsa ho e hlophisa ebe u beha HTML e fanoeng kahare ho leqephe moo u ka e ratang.

      Tlhokomeliso e le 'ngoe: Ho hlophisoa ha setaele ho amana le leqephe la hau, ka hona o tla hloka ho kenya sets'oants'o ho sets'oants'o sa litšoantšo tsa sehlooho haeba u se bua joalo ka litšoantšo tse ling tsa sehlooho sa hau.

      Tšepo e thusang!

    • 23

      Phay,
      Ke fumane sebaka sena sa marang-rang kajeno mme ke bile le bothata bo tšoanang le ba hau. Ke ne ke boetse ke batla ho kenya 'mapa oa setšoantšo setšoantšong sa hlooho. Kamora ho bapala le eona nakoana, ke ile ka e nepa. Kenya HTML ea div ho file ea header.php. Ke e beha pakeng tsa le. Ha o na bonnete ba hore na template ea hau e na le "coding" eo hantle, empa e bapale ka eona ho file ea header.php 'me u tla e fumana.
      -
      Paul

  14. 24

    Ke leboha karabelo e potlakileng!

    Che, ke ne ke sa batle hore e be kahare ho teh, e kaholimo ho leqephe (o ka bona sehokelong seo ke faneng ka sona- bareng ea ho sesa e pinki e reng contant, mabapi le show ect ..)

    Ke 'nile ka sebetsa dashboard hoseng ho hong, ka bomalimabe, ha ke tsebe hore na ke beha html ea file efe, joalo ka ha ho boletsoe kaholimo, ke na le tse' maloa, header.php, main index.php, works.php, footer.php. Ha ke tsebe hantle hore na nka kenya khoutu ea html kae. (karolo ea pele eo u faneng ka eona, ke se ke kentse se setseng ho setaele sa ka) Ke na le setšoantšo sa ka moo webosaeteng, ntho e ngoe le e ngoe e se e loketse ho ea, ke hloka feela ho tseba hore na nka eketsa karolo ea html ea khoutu hokae.

    Ke leboha haholo nako ea hau le lipotso tsa lipotso tse tsoang ho novice.

    Phay

  15. 25

    … Kapa mohlomong motho e mong a ka beha maikutlo ka hore na ke file efe eo re e kenyang html karolo ea khoutu. Mohlomphehi ea seng kae o ile a re o e fumane. Ha ke so ka ke ba lehlohonolo.

    Phaylen

  16. 26
  17. 27

    Ke ntse ke le liheleng nako e itseng ke fumana mokhoa oa ho kenya 'mapa oa setšoantšo o tobetsa ka ho wordpress hobane o hlobolisa li-tag tsa' mapa oa html. Tsela ea hau e ne e tla sebetsa empa 'mapa oa US ho hlakile hore ke tsela ea ho rarahana ka tsela ena. Ke lahlehile.

    Thusa.

    Ho bonahala eka khanya ke eona feela khetho ea ka?

    • 28

      Dave,

      Haeba u beha setšoantšo ka template ea hau, u tla loka. Haeba u kenya 'mapa oa setšoantšo ka har'a litaba tsa' nete, u ka ba le mathata a ho sefa. Tsela eo ke sebelitseng ho potoloha sena e mpe, empa ka linako tse ling ke sebelisitse iframe.

      Doug

  18. 29

    Hi,

    ho bonahala eka 'mapa oa litšoantšo le lihokela ke lintho tse peli tse fapaneng, ha li sebetse' moho joalo ka ha 'mapa oa setšoantšo ho html o sebetsa

    ha ke kenyelletsa boemo ba morao-rao (bohareng ka ho le letšehali) bakeng sa 'mapa oa setšoantšo, boemo ba lihokela ha bo latele.

    tsela efe kapa efe ea ho potoloha see? im amateur haholo. kea leboha.

  19. 31

    Na mokhoa o ts'oanang o ka sebelisoa bakeng sa 'mapa o moholo le o rarahaneng joalo ka ha ke leka ho o sebelisa?

    Haeba u sheba sebaka sa ka sa marang-rang, tlanya ho lihokela tse ka letsohong le letšehali 'me u tla bona setšoantšo seo ke lekang ho se sebelisa joalo ka' mapa oa setšoantšo (tlasa alfabeta ea mongolo).

    Ha e le hantle, ho leka ho sebelisa Setšoantšo ho ea karolong ka 'ngoe ea lenane lena ka lengolo.

    Ho hlakile hore ke qetile metsotso e 20 ke aha 'mapa le GIMP, ebe WP e tlosa li-tag tsa' mapa, ke ka moo ke fumaneng sebaka sa hau sa marang-rang.

    Le ha ho le joalo, nahana ho sebelisa Flash

    Thanks.

  20. 33

    Hajoale ke sebelisa moralo oa template le ho hlophisa ka lintho tsa ka. Ke batla ho kenya 'mapa oa setšoantšo, empa ha ke na bonnete ba hore nka o beha hokae ho css. sets'oants'o seo ke batlang ho se etsa 'mapeng se karolong ea hlooho.

  21. 34

    hello, ke hahile sebaka sa ka sa marang-rang ho joomla… ke batla ho sebelisa mokhoa ona ho etsa hore logo ea leqephe la ka e be lehokela la hae, ke boleletsoe hore o ka se etse sena le joomla empa sengoloa sena se mpha tšepo! thuso ka imeile e tla ananeloa haholo .... kea leboha

  22. 35

    Lumela Doug - Ke ntse ke haha ​​'mapa oa litšoantšo o rarahaneng oa css o nang le li-rollovers tse hole (ntlheng ena, mongolo o bonts'a kae kae leqepheng ha o phahamisa e' ngoe ea libaka tsa setšoantšo se chesang). Leha ho le joalo, ke fumane mohlala oa hau mona ha ke ntse ke batlisisa seo… mme ke nahana hore ke tla arolelana maikutlo a latelang:

    Bakeng sa phihlello, ha ua lokela ho sebelisa visibility: none (kapa display: none haeba u nahanne joalo) ho pata mongolo mona, joalo ka ntho e ngotsoeng ka ponahalo: e patiloeng e ke ke ea baloa ke babali ba skrini (tse latelang spec) .

    Sebakeng seo, sebelisa mokhoa o matla oa phetolo ea litšoantšo. Ke khothaletsa mokhoa oa Phark kapa Gilder / Levin - ao ke mabitso a ngolisitsoeng hantle ho google ho fumana mekhoa ea mantlha. Ke khetha G / L kaha e sebetsa le CSS e nolofalitsoe empa litšoantšo lia tima.

    2. Le ha ke sa e bone e robeha (o sebelisa FF3), ts'ebetso ea hau ea ho beha maemo le eona e na le likotsi tsa tlhaho. Ntho e maemong a felletseng e maemong a amanang le motsoali oa eona ea haufi haholo. Ha e le hantle, o tla batla ho beha boemo ba boemo ka ho hlaka ka ho sebelisa 'position: relative' ho #subscription. Ebe bana (lihokela tse behiloeng hantle) ba ka beoa ka har'a motsoali eo. Mokhoa ona o thusa ho netefatsa liphetho tse tšepahalang ho li-browser.

    Hape, o lokela ho sebelisa liphatlalatso tsa boemo ba "top: x" le "left: x" (moo x e leng boleng ba offset, e re ho px) ho fapana le marang-rang ho sebetsana le boemo boo. Hape, ha ke bone eka e roba tsela eo u nang le eona, empa holimo le ka ho le letšehali li etselitsoe sena, hobaneng u sa li sebelise? Hape u na le li-floats le marang-rang tse behiloeng nthong e le 'ngoe, eo tlasa maemo a ikhethileng e bakang bothata ba "margin margin" ho IE6 (na u lekile sena moo?) - ha ho ntse ho na le tokiso, o qoba taba eo ka botlalo ka ho sebelisa top 'me a tloha sebakeng sa marang-rang bakeng sa ho beha boemo ntlheng ena.

    3. Qetellong, ke hobaneng ha o sa sebelise lethathamo le sa utloahaleng la semantia bakeng sa lihokela tsena ho fapana le div e se nang moelelo?

    Ke masoabi ka ho etsa joalo… Ke rata ho arolelana, b / c Ke tseba ho tsoa phihlelong hore na ho na le mekhoa e mengata e fapaneng ea ho sebelisa CSS ho fumana sephetho se lakatsehang, empa mekhoa e meng e sebetsa hantle ho feta (e ka tšeptjoang, sebatli se fetang moo) . HTH.

  23. 36
  24. 37
  25. 38

    Ke leboha haholo!! Litaelo tsa hau li mpolokelitse lihora tse ngata tsa mosebetsi… Ke ncha ho nts'etsopele ea webo, 'me ke sa tsoa utloa bohloko ke morero oa ka oa pele o moholo. Ke e entse… moreki o thabile, o thabile haholo, 'me le' na ke joalo!

  26. 39

    Lumela, ke leboha haholo ka ho beha sena! Lilemo hamorao 'me e ntse e thusa… ho lokile! Ke sokola hore 'mapa oa ka oa setšoantšo o hokele sebakeng se nepahetseng. Ke na le banner mme ke batla litšoantšo tsa sechaba ka letsohong le ka holimo le letona la banner hore li hokahane ho sebelisa khoutu eo u faneng ka eona. E sebetsa hantle, ntle le haeba ke etsa ho hong ho fosahetseng hobane lihokelo tsa ka li hlaha lehlakoreng le kaholimo ho le letšehali la skrineng, eseng holim'a litšoantšo tsa sechaba, empa ho feta logo. Kea kholoa ke ntho e bonolo, empa ha ke utloisise. Ke ne ke nahana hore nka e arolelana mona haeba o ka ba le leseli. Ke leboha hape ka ho romella sena!

U nahana eng?

Sebaka sena se sebelisa Akismet ho fokotsa spam. Ithute kamoo litlhaloso tsa hau li hlahang kateng.