Komercyjnie
noskowicz.klaudia@gmail.com

lub

Potrzebujesz w czymś pomocy lub chcesz napisać w sprawie współpracy?
rinne.lasair@gmail.com

x

Rinne ☽ Lasair
Klaudia ☾ Noskowicz

20.11 Skorpion ♏ | Gryfon | 165cm | Optymista

❤ DGD ~ Koty ~ BDO ~ Kosmos ~ Burza ~ Anime
💔 Horrory ~ Spoilery

x

Responsywne szablony na witrynę blogspot, loga, grafika 3d, animacje oraz tutoriale.

Główna Portfolio Blog
O mnie
Kontakt
x
+

Co będzie?

  • Kawowa Mary zamówienie
  • Rise of Fayren zamówienie
  • Szablon Reaper darmówka
  • Szablon do opowiadań
  • Szablon rpg

Szukaj

x

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

by Rinne Lasair | credits: helplogger