Adaugarea butoanelor "Sus" si "Jos"

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Adaugarea butoanelor "Sus" si "Jos"

Mesaj Scris de Cassius Dio la data de Mar 5 Mar - 16:08

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:
- http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png
- http://i42.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

Tutorial scris de Threax, tradus de MBeatrice

Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum