» instrukcja » Prosty przycisk góra/dół
Banalna instrukcja na przycisk do góry/do dołu. Jeżeli zrozumiecie jak to działa, będziecie mogli użyć tego również do innych rzeczy, jak przejście do komentarzy, do jakiejś sekcji na stronie itd.
Krok 1.
Dodajemy gadżet HTML/JavaScript.
Krok 2.
Dodajemy drugi gadżet HTML/JavaScript, który musimy koniecznie przesunąć na sam dół w układzie. Możecie też dodać poniższy div nad </body> w HTML.
Krok 3.
Dodajemy CSS:
Przycisk do góry wykonujemy w taki sam sposób, jedynie zmieniając pogrubione nazwy oraz położenie divu z Kroku 2. na samą górę w układzie / pod <body> w HTML.
Dodajemy gadżet HTML/JavaScript.
<a class='dol' href='#bottom'>na dół</a>
Krok 2.
Dodajemy drugi gadżet HTML/JavaScript, który musimy koniecznie przesunąć na sam dół w układzie. Możecie też dodać poniższy div nad </body> w HTML.
<div id='bottom'/>
Krok 3.
Dodajemy CSS:
.dol {
position: fixed;
bottom: 50px;
left: 50px;
font-weight:bold;
text-decoration: none;
color: #000;
background-color: #d9d8d5;
font-size: 12px;
padding: 5px;
}
position: fixed;
bottom: 50px;
left: 50px;
font-weight:bold;
text-decoration: none;
color: #000;
background-color: #d9d8d5;
font-size: 12px;
padding: 5px;
}
Przycisk do góry wykonujemy w taki sam sposób, jedynie zmieniając pogrubione nazwy oraz położenie divu z Kroku 2. na samą górę w układzie / pod <body> w HTML.
Subskrybuj:
Komentarze do posta (Atom)
Brak komentarzy:
Prześlij komentarz