Cititor pe jquery pe site

Bună ziua, dragi cititori. Odată ce am stabilit scenariul cărții de pe site. Dar a fost cu mult timp în urmă. Recent, a intrat într-o soluție foarte interesantă pentru implementarea cărții de pe site. Un script ușor de înțeles, intuitiv, într-un stil minimalist. Nu este nimic complicat aici, atât în ​​stabilirea acestui script cât și în utilizarea acestuia de către vizitatorul site-ului.







Pe scurt, voi spune despre carte în sine

În colțul din stânga sus sunt butoane de navigare. Înțelegeți intuitiv că, odată ce sa încheiat în partea de jos a sulului și nimic altceva, trebuie să apăsați un buton în dreapta sau pe pictograma „Meniu“. Când apăsați săgeata dreapta, efectul paginii se va schimba fără a reîncărca pagina (în html toate paginile merg în același fișier). Dacă faceți clic pe butonul, care este de obicei indicat prin butonul de meniu mobil - se deschide, meniul apare în stânga. Dacă faceți clic pe unul dintre elementele pe care le veți vedea, de asemenea, o pagină de cotitură.







Meniul de sus este fixat în partea de sus a ecranului, astfel încât cititorul va vedea întotdeauna elementele de navigație. O altă soluție de design foarte sănătoasă este o lumină netedă a conturului meniului superior. Acesta este într-adevăr un script gata pentru citire, atât pentru computere, cât și pentru dispozitivele mobile.

Instalarea scriptului Reader

  1. Descărcați arhiva
  2. Completați rădăcina folderului site-ului css și js
  3. De asemenea, în rădăcina site-ului puteți completa fișierul index.html, dacă aveți doar acest cititor pe site

Dacă doriți să inserați acest cititor într-un site deja gata, atunci aveți nevoie de:

  1. Faceți primele 2 articole
  2. Conectați-vă la stilurile capului și la comanda html5
  1. Inserați pagini în cod html
  1. Conectați scripturile din partea de jos a site-ului

Dar vă spun cu onestitate, dacă descărcați acest cititor, este mai bine să lăsați-l așa cum este acum. Ei bine, modificarea maximă a culorilor butoanelor, modificarea fontului, liniuțelor și așa mai departe. Dar turnarea acestui script într-un site gata făcut va costa mai mult. Pot exista conflicte de scenarii, stiluri și design. Pe asta am totul! Toate bune!







Articole similare

Trimiteți-le prietenilor: