Lisää ticker verkkosivustollesi muutamalla rivillä HTML- ja CSS-koodia.
Tunnetaan myös telttaina, ja ne vierivät katseluruudun leveydellä ja esittävät viestejä, jotka on suunniteltu katsottavaksi ja ymmärrettäväksi yhdellä silmäyksellä. Yleisesti televisiossa uutisten kohokohtien tai pörssitietojen näyttämiseen käytettyjä tickerit näkyvät joskus myös verkossa. Muutaman rivin HTML- ja CSS (Cascading Style Sheet) -koodin avulla voit nopeasti lisätä tämäntyyppistä sisältöä verkkosivustollesi.
Vaihe 1
Avaa Web-sivusi ja katso sen HTML-koodi. Jos käytät visuaalista muokkaustyökalua, kuten Adobe Dreamweaveria, avaa sivu ja napsauta aluetta, johon haluat lisätä tikerin. Vaihda katselutilaksi Koodinäkymä. Tämä näyttää HTML-koodin, joka ohjaa sivusi ulkoasua. Jos käytät tekstieditoria, avaa sivusi editorissa ja vieritä alas siihen sivun kohtaan, johon haluat lisätä tickerin.
Päivän video
Vaihe 2
Paina "Enter"-näppäintä lisätäksesi tyhjän rivin.
Vaihe 3
Kopioi ja liitä seuraava koodi tyhjälle riville:
Tämä koodi määrittelee valintatelttaelementin, joka liukuu oletusarvoisesti sisältöä näytön poikki oikealta vasemmalle. Tämän esimerkin sisältö on avaus- ja sulkemismerkkitunnisteiden välissä oleva kappale.
Vaihe 4
Päivitä koodiparametrit suunnittelutarpeidesi mukaan. Aloitustelttatunniste käyttää CSS-tyylisääntöjä määrittääkseen vaaleanharmaan taustavärin sekä 1 pikselin leveän, hieman tummemman harmaan reunan. Kaikkia näitä arvoja voidaan säätää. Korvaa lisäksi aloitus- ja loppukappaletunnisteiden välissä oleva paikkamerkkisisältö omalla tekstilläsi tai kuvillasi.
Vaihe 5
Tallenna sivusi ja avaa se verkkoselaimessa. Ticker ilmestyy näytölle vaiheessa 1 valitsemassasi sivulla.
