Hogy lehet egy szövegből csinálni előugró ablakot?
Ezt így gondolom; Mondjuk hogy akarunk egy listát, mittomén a kajákról, de nem akarom elírni a receptjét, csak a nevét. Utána pedig, ha rákattintok kiadja azt a bizonyos étel elkészítési módját.
És mellesleg Webnode-val csinálom
válasza:1. Módszer:
CSS-el meglehet csinálni, de csak úgy ha fölé viszed az egeret. CSS tudás kell hozzá.
2. Módszer:
JavaScript-tel egy clickOn akciót társítod hozzá, ami CSS-t manipulál, úgy hogy megjelenítse a kívánt ablakot.
válasza:css-el nagyon egyszerű! Az egészet úgy képzeld el, mint ha az az előugró ablak ott lenne a weboldaladon alapból. Először azt a részt ,,eltünteted" (segítség: display:none;). Amikor a felé viszed az egeret (segítség: hover) vagy rákattintassz (segítség: active) akkor ezeknek az állapotoknak külön adhatsz stílust. Ez a stílus ilyenkor neked az lesz, hogy ,,display:block;". Plusz külön ha még akarsz rajta valamit szinezni:D
Természetesen nem árt hozzá egy kis css tudás. Ha valamicskét konyítassz hozzá akkor az általam leírt utasításokra keress rá, hogy a szintaktikát helyre tedd!
válasza:+ még egy kis instrukció, hogy html-ben kell külön a szóban forgó részeket <div>-ekkel felosztani! Így tudsz majd rájuk hivatkozni. pl:
<html><head></head></body>
<div id="recept"> Recept
<div class="leiras"> Leírom a receptet! </div></div>
<style> .leiras {display:none;}
div#recept:active .leiras, div#recept:hover .leiras
{display:block;}</style></body></html>
ha ezt a kódot bemásolod egy jegyzettömbe és a mentésnél nem szövegesfájlként, hanem html-ként mented akkor ki tudod próbálni! (mentésnél állítsd be hogy ,,minden típus" és írd be kézzel, hogy ,,recept.html" és utána nyomj rá csak a mentésre)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!