Mérei Tamás webdesigner

Tutorial: HTML + CSS az alapoktól 9.rész

Szerző:   |   2010-12-22

A kilencedik és egyben utolsó részben a CSS3 újdonságaival foglalkozunk, illetve kapunk egy kis betekintést, hogy miért nem kedvelik a webdesignerek az Internet Explorert. 🙂 A videóban bemutatott dolgok többsége egyébként a 9-es verzióban már működik. Megint sikerült mást gépelnem, mint amit mondok, 6:10-nél értelemszerűen border-radius-t kellene írni 🙂

Mérei Tamás Webdesigner

Szerző

Mérei Tamás vagyok, webdesigner. Reszponzív weboldalak készítésével foglalkozom, grafikai tervezéstől a HTML + CSS kódolásig.

Ismerj meg! Nézd meg eddigi munkáimat! Lépj velem kapcsolatba!

33 hozzászólás

  1. Adam
    2014. február 12. szerda - 20:03

    Amúgy a line heightet is ki kell vonni pl én 13px-et adtam meg így szélesség 400-13 magasság 400-13 px volt.

  2. Gombai Attila
    2013. december 9. hétfő - 15:23

    Kedves Cyrex!
    Kb. 1 éve kezdtem el foglalkozni vb.net programozással (felkértem egy magántanárt) pusztán “csak mert érdekesnek tartom”. Most ugyanezen indíttatásból kezdtem el html weblapok készítésébe is. Csak úgy magamnak gyártom a Template-eket és egy rakat weboldalt készítek el újra ahogy én szeretném látni azt. Nagyon nagy kedvem lelem benne.
    Hihetetlenül becsülöm és tisztelem a munkát amit beleöltél ezekbe az “oktató” anyagokba és hogy feltöltötted őket az érdeklődők részére. Nagyon élveztem, hogy egy “öööö” sem hangzott el közben (ez is bizonyítja a tudásodat és felkészültségedet) és tisztán, érthetően, jól hallhatóan beszélsz “hozzánk”.
    Igazából szeretném megköszönni, hogy érthetővé és emészthetővé tetted az egészet a számomra. Annyira élveztem a “közös munkát”, hogy sorra elkezdtem az összes video-t megnézni. Letöltődött egy PS, aztán kellett venni egy másik gépet, hogy a feleségem teljesen PS rajongó legyen (jobban bánik a virtuális palettával mint én) és így tovább.

    Még 1x 100000 köszönet a munkádért. Produktivitás szempontjából messze a legjobbak amik fellelhetőek a weben.

    • cyrex
      2013. december 13. péntek - 15:50

      Köszi, mindig örülök, ha van olyan akinek a hasznára válik 🙂

  3. mark
    2013. május 26. vasárnap - 23:25

    Nem tudtam hova máshova írni ezt a kérdésem, általános bologot vagy ilyesmit nem találtam. RSS olvasáson gondolkoztál már? 😀 Nagyon megkönnyítené a dolgomat mert ha felnézek ide nem találok újdonságot, ha meg sokáig nem jövök fel akkor meg egyből van 2-3 is. Akár egy tutroial is lehetne :D.

    • cyrex
      2013. május 27. hétfő - 09:58

      Volt RSS feed, de egy WP frissítés után az egész elszaródott aztán inkább kivettem. Megnézem majd lehet ebben a verzióban már jól működik. De szerintem egyszerűbb, ha a jutub csatornára nyomsz egy subscribe-ot, mert úgyis oda töltöm fel a videókat.

    • mark
      2013. május 27. hétfő - 20:00

      Az volt az első amikor megnéztem az első videót 😀
      Sokáig keresgéltem jó videókat de angolul se találtam, ilyen témában, a jquery volt nekem amit nem tudtam megérteni de ezekkel a videókkal beindult a gépezetet, utólagos köszönet érte.

  4. Jeki
    2013. március 20. szerda - 12:42

    Kedves Mindenki!
    Eljutottam a videók végére. Hogyan tovább? Már úgy értem persze ezt most gyakorolni kell HTML+CSS, közben ismerkedem az Adobe Dreamweaverrel is! Hogy tudom a weboldalat élővé tenni, ha rákattintok valamire akkor más jelenjen meg stb. Hogy épül fel ez az egész webdesign tanulás? Gondoltam már jQuery-re, PHP-re, esetleg Java? Minden segítségért hálás vagyok!

    • cyrex
      2013. március 20. szerda - 12:56

      A Dreamweavert felejtsd el.

    • zoli
      2013. május 25. szombat - 13:28

      Mi a baj a Dreamweaverrel? Én már elég hosszú ideje azt használom, nagyon felgyorsítja a programozást. Sokkal kevesebbet kell gépelni, mivel pl. css tulajdonságokat is kidobja egy menuben, hogy miket lehet odairni szabvany szerint. Neha elég csak pár gombnyomás és leírja nekem a 10cm hosszu szoveget is. Nekem nagyon bevállt. Csak jol kell tudni használni.(nyilvan nem a design reszet hasznalom, tisztan csak forraskodokat irok bele…)

    • cyrex
      2013. május 26. vasárnap - 19:04

      Leginkább az a baja, hogy több százezer Ft-ba kerül.

  5. tichi
    2012. július 30. hétfő - 15:55

    Internet Explorer 9 alatt nekem megy a lekerekítés és a box-shadow is!!! 😉

    • cyrex
      2012. július 30. hétfő - 15:58

      Mert a 9-es IE már kezd hasonlítani egy böngészőre. De csak nagyon nagyon távolról.

    • Driftking
      2012. július 30. hétfő - 16:04

      Amikor ezt csinálta, az Internet Explorer 9-ből még csak fejlesztői kiadás volt. A stabil(mindenki számára hozzáférhető) a 8-as volt. De a 9 tényleg nagy változás. Egyébként a 8-ast megéri nem frissíteni, helyette egy Chrome-t vagy FireFox-ot letölteni jobb.

    • Driftking
      2012. július 30. hétfő - 16:07

      Cyrex: A ColorZilla netes gradient generátorja kérdezi, hogy szeretnénk-e bele IE9 támogatást. Ez mutatja, hogy nem éri meg használni a 9-est se. Én írtózok az Internet Explorer-től, de néha ezen kell tesztelni a weblapokat. Igaz, az én gépemen nincs rajta. 😉

    • cyrex
      2012. július 30. hétfő - 16:19

      A 8-9 egész jó. De amikor az az elvárás, hogy 6-os alatt is jól nézzen ki az oldal, na az kicsit nehezebb 🙂

    • cyrex
      2012. július 30. hétfő - 16:20

      Az csak annyi, hogy plusz egy sor a CSS-ben ami nem oszt nem szoroz és jó lesz IE alatt is a gradient. Ha minden IE megjelenítési bug-ot ennyivel meg lehetne oldani elég jó lenne 🙂

    • Driftking
      2012. július 30. hétfő - 16:58

      Akkor a webdesignereknek könnyebb munkájuk lenne.

  6. armin
    2012. március 17. szombat - 18:56

    ez a 9 videó nagyszerű képzés volt, azóta már önállóan is össze tudtam hozni egy relatív jó menüt, a divekkel szenvedtem kicsit, de szóval átlátom.
    Én is köszönöm!
    Ezt a css-dit tavaly egyáltalán nem értettem, nem tudtam használni, most meg csak ezt használom 😀

  7. Pöti
    2011. február 26. szombat - 23:43

    Szia! Szeretnék egy kérdést tenni neked! a következő lenne.
    Van egy Footer menüm. De az a gond hogy a linkeket bal oldalra akarom, és a copy-t meg jobb oldalra.
    PHP-része:

    /*——————-PHP Része——————-*/

    Főoldal
    Belépés
    Regisztráció
    Kapcsolat

    /*——————-PHP rész vége——————-*/

    csak a style.css-ben nem tudom mit kell írni, próbálkoztam mindennel de egyáltalán nem tudtam kitalálni hogyan kell 🙁

    style.css része:

    /*——————-Style.Css kezdete——————- */
    .footer_menu {

    }
    .footer_menu_left, .footer_menu_right {

    }
    .footer_menu_right {

    }
    .clear {
    clear: both;
    }
    /*——————-Style.Css vége——————-*/

    Nagyon szépen köszönöm a választ ha érkezik 🙂

    • cyrex
      2011. február 27. vasárnap - 07:58

      Először is megnézed mekkora a footer szélessége, ha mondjuk 600 px, akkor ilyesmi kell neked:

      div.footer_left, div.footer_right {
      width: 300px;
      float: left;
      }
      div.footer_right {
      text-align: right;
      }

      Ha nem egyforma a szélességük, akkor értelemszerűen a footer_right-nál azt is meg kell adnod külön.

  8. Stilen
    2011. február 26. szombat - 20:17

    Nagyon jók a videóid cyrex és hasznosak is 🙂 köszönöm minden tanulásra vágyó webfejlesztő nevében

  9. Menyus
    2011. január 22. szombat - 16:13

    Én is köszönöm a sorozatot!

  10. SPiLeR
    2010. december 26. vasárnap - 14:23

    még azt is megmutathatnád hogy hogyan kell keresőt rakni egy oldalra am jók a vidók 😀

    • Menyus
      2011. január 19. szerda - 15:33

      igen!! 😀

  11. Ádám
    2010. december 24. péntek - 08:55

    Csak ugy kiváncsiságból: Milyen interneted van?

    • cyrex
      2010. december 24. péntek - 14:17

      UPC kábel.

    • Ádám
      2010. december 25. szombat - 11:55

      Milyen gyors?(hány megás)

    • cyrex
      2010. december 26. vasárnap - 09:30

      30mbit. Fogalmam sincs, hogy hívják ezt most a UPC-nél, azóta 100x átnevezték a csomagokat.

  12. Dave
    2010. december 22. szerda - 16:25

    Szintúgy, nagyon köszönök mindent én is! 🙂

  13. Brien
    2010. december 22. szerda - 14:34

    Köszy az egész sorozatot, nagyon jó lett, sokat tanultam 🙂

    köszönöm !!

  14. hehhe
    2010. december 22. szerda - 13:51

    6:11-nél, nem border-radius kéne legyen?

    • cyrex
      2010. december 22. szerda - 16:34

      Dede. Nem megy nekem ez a pofázás + gépelés egyszerre :mrgreen:

    • hehhe
      2010. december 22. szerda - 16:38

      Semmi baj. Nekem se megy, mert eddig csak kritikát kaptam a videosmartomon:))

Hozzászólás

Legújabb hozzászólások