Diskuze: Zobrazení informací

JavaScript JavaScript Zobrazení informací

Avatar
Ondřej Langr (andysekcze):

Zdarec Jelimáni,
prosím vás uměl by někdo udělat, aby když najedu na levý bok webu aby se vysunul určitě modře vypadající (#1E90FF) rámeček ve kterém by byly údaje o přihlášeném uživateli atd. (dodělám v php => jdem mi jen o to vysouvání) ??
Předem díky

Odpovědět 16.5.2015 17:44
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Odpovídá na Ondřej Langr (andysekcze)
Michal Šmahel (ceskyDJ):

To by šlo i pomocí CSS, konkrétně :hover a display.
Na levý bok si dáš panel (pomocí div nebo čehokoliv jiného) a po najetí myši zobrazíš skrytý obsah (ty informace).
HTML/PHP:

<div class="levy-bok">
    <p>
        <strong>Informace o uživateli</strong>
        <em>Jméno: </em><?= $name ?>
        <em>Hodnost: </em><?= $rank ?>
    </p>
</div>

CSS

div.levy-bok {
    width: 20px;
    height: 100%;
    /* ... */
}

div.levy-bok p {
    display: none;
    /* ... */
}

div.levy-bok:hover p {
    display: block;
    /* ... */
}
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět  +1 16.5.2015 21:42
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.