intrukcje szablony loga do druku poradniki nadruki
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.

<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;
}

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. 

Brak komentarzy:

Prześlij komentarz