HTML kod - poradte lame

Sekcia: Ostatné 30.04.2011 | 13:03
Avatar [zmazany_uzivatel]   Používateľ
zdravim,

potreboval by som na svoje stranky umiestnit logo, ktore by bolo v standardnom zobrazeni povedzme tmavosedej farby. Po tom, co kurzor mysi prejde nad nim by zmenilo zafarbenie do originalnych farieb. Chcem to riesit pomocou dvoch obrazkov vo formate png (jeden tmavosedy a druhy v originalnych farbach), pricom tato farebna zmena by mala byt plynula (rozumej na sposob FADE efektu).

Da sa to docielit IBA pouzitim html kodu? (teda bez dodatocneho css, atd.)

dakujem za radu
    • Re: HTML kod - poradte lame 30.04.2011 | 14:19
      Avatar Stanislav Hoferek Greenie 18.04  Používateľ
      velmi jednoduché, stačí ti dať jednoduchý hover. napríklad na jednom webe mám toto:
      .box {
      display: inline-block;
      text-align: justify;
      background-color:#ececec;
      background-image:url('papier.jpg');
      width: 350px;
      height: 350px;
      margin: 1px;
      padding: 1px;
      vertical-align: top;
      }

      .box:hover {
      background-image:url('papier2.jpg');
      }

    • Re: HTML kod - poradte lame 30.04.2011 | 14:55
      Avatar Stanislav Hoferek Greenie 18.04  Používateľ
      inak, prečo bez css? alebo si urob css súbor, alebo môžeš dať priamo na začiatok dokumentu do <style>
      • Re: HTML kod - poradte lame 30.04.2011 | 19:33
        Avatar [zmazany_uzivatel]   Používateľ
        som to skusal s tym kodom co si mi napisal vyssie, a nefunguje to

        na standardne zobrazenie obrazku pouzivam nieco v tomto zmysle:
        <img src="/wp-content/uploads/obrazok.png" title="Nazov">

        pretoze to chcem dat do widgetov vo wordpresse a tam css nemozno pouzit
    • Re: HTML kod - poradte lame 01.05.2011 | 09:18
      Avatar jkp fedora  Používateľ
      Ahoj už to bolo rozoberané tu
      kód je <img src="obrazok1.png" onmouseover="this.src='obrazok2.png'" onmouseout="this.src='obrazok1.png'" />
      a aj tu
      a skús aj toto
      • Re: HTML kod - poradte lame 01.05.2011 | 11:52
        Avatar [zmazany_uzivatel]   Používateľ
        niekedy si fakt pripadam ako leniva larva, ochotni ludia stale existuju
        Stano a jkp dakujem vam za radu!
        • Re: HTML kod - poradte lame 01.05.2011 | 12:03
          Avatar Stanislav Hoferek Greenie 18.04  Používateľ
          fúha, javascript ma nenapadol :) tak nech sa darí s tým :)
        • Re: HTML kod - poradte lame 01.05.2011 | 23:45
          Avatar jkp fedora  Používateľ
          ok keď môžem pomôžem