Adaugarea butoanelor "Sus" si "Jos"

Scris de Cassius Dio Mar Mar 05, 2013 4:08 pm

Adaugarea butoanelor "Sus" si "Jos"

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.png

Cand 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! Noroc