Introducere:
Cu ajutorul acestui tutorial puteti adauga doua butoane care la apasarea acestora va vor trimite in partea de sus sau de jos a paginii.
Instalarea codurilor JavaScript:
Vizitati:
Panou de Administrare Module HTML & JAVASCRIPT Gestiunea codurilor JavaScript
Faceti click pe butonul Creati un nou cod JavaScript.
Completati rubricile astfel:
Titlu * : Butoanele "Sus" si "Jos"
Amplasare : Toate paginile
Cod JavaScript * :
- Cod:
-
$(function(){
$("body").append('<div class="bouhautbas"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Sus" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Jos" /></a></div>');
});
Puteti oricand inlocui imaginile implicite cu altele preferate de dumneavoastra:
-
https://i.servimg.com/u/f42/09/02/12/09/sort_u10.png-
https://i.servimg.com/u/f42/09/02/12/09/sort_d10.pngCand ati finisat, faceti click pe butonul Valideaza.
Instalarea codurilor CSS:
Vizitati:
Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS
Adaugati urmatorul cod:
- Cod:
-
.bouhautbas {
bottom: 40px;
left: 10px; /* inlocuiti "left" cu "right" pentru afisarea butoanelor in partea dreapta */
position: fixed;
z-index: 100;
}
Cand ati finisat, faceti click pe butonul Valideaza.
Succes!