Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Personalizarea barei de instrumente

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea barei de instrumente

Mesaj Scris de Ina Joi Feb 21, 2013 9:37 pm

Personalizarea barei de instrumente


Bara de instrumente este un modul optional. Despre activarea si functionalitatile pe care vi le ofera, va invitam sa cititi acest tutorial:
https://help.forumgratuit.ro/t40866-functionarea-barei-de-instrumente-si-a-notificarilor

1. Personalizarea cu ajutorul codurilor CSS

Unde adaugam codurile CSS?

Panou de Administrare Personalizarea barei de instrumente Arrow10 Afisare Personalizarea barei de instrumente Arrow10 Imagini si culori Personalizarea barei de instrumente Arrow10 Culori Personalizarea barei de instrumente Arrow10 Foaie de stil CSS

Puteti folosi unul sau mai multe coduri in acelasi timp, sau puteti combina mai multe coduri care modifica acelasi element.

Coduri CSS:

  • Personalizati aspectul barei de instrumente

    1. Personalizati culoarea de fundal a barei:
      cod:
    2. Adaugati o imagine de fundal barei de instrumente:
      cod:
    3. Schimbati aspectul textului pentru ansamblul link-urilor barei de instrumente:
      cod:
    4. Personalizati culoarea de fundal a sagetii care afiseaza/ascunde bara:
      cod:
    5. Adaugati o imagine de fundal sagetii care afiseaza/ascunde bara:
      cod:

    6. Inlocuiti sageata de afisare/ascundere a barei
      cod:


  • Personalizati caseta de cautare

    1. Schimbati culoarea de fundal a casetei de cautare:
      cod:
    2. Adaugati o imagine de fundal casetei de cautare:
      cod:

    3. Schimbati culoarea textului din caseta de cautare:
      cod:
    4. Ascundeti complet caseta de cautare :
      cod:
    5. Ascundeti lupa din caseta de cautare:
      cod:
    6. Schimbati imaginea lupei:
      cod:



  • Personalizati meniurile barei de instrumente

    1. Eliminati complet meniul "Distribuiti":
      cod:
    2. Eliminati unul sau mai multe butoane din meniul "Distribuiti":
      cod:
    3. Schimbati culoarea textului doar pentru "Distribuiti"
      cod:
    4. Colorati numarul de notificari primite:
      cod:
    5. Colorati meniurile "Bine ati venit" si "Notificari"
      cod:
    6. Adaugati o culoare de fundal link-urilor din meniurile derulante "Bine ati venit" si "Notificari"
      cod:
    7. Schimbati culoarea textelor din meniurile derulante "Bine ati venit" si "Notificari"
      cod:
    8. Schimbati culoarea de fundal a listei de notificari primite:
      cod:
    9. Schimbati culoarea de fundal doar pentru notificarile necitite:
      cod:
    10. Culori diferite ale scrisului pentru notificarile citite si cele noi:
      cod:
    11. Culori diferite ale link-urilor pentru notificarile citite si cele noi:
      cod:
    12. Inlocuiti imaginea pentru stergerea din lista a notificarilor citite
      cod:


  • Personalizarea ferestrei flotante a notificarilor
    Personalizarea barei de instrumente 88650210

    1. Modificati culoarea de fundal si transparenta:
      cod:
    2. Adaugati o imagine de fundal:
      cod:
    3. Modificati culoarea link-urilor si a textului
      cod:
    4. Inlocuiti iconul "info" cu un icon dorit de dumneavoastra:
      cod:




2. Personalizarea cu ajutorul codurilor JavaScript

Unde adaugam codurile JavaScript?

Panou de Administrare Personalizarea barei de instrumente Arrow10 Module Personalizarea barei de instrumente Arrow10 HTML & JAVASCRIPT Personalizarea barei de instrumente Arrow10 Gestiunea codurilor JavaScript

Creati un nou JavaScript, alegeti un nume pentru el si la "Amplasare" bifati "Toate paginile".

Coduri JavaScript:

  • Ascundeti bara pentru membri si vizitatori:
    cod:

  • Inlocuiti textul predefinit al link-urilor din meniul "Bine ati venit":
    cod:
    Idee Pentru a inlocui textul a mai multor link-uri, adaugati inainte de acest cod:
    Cod:
            'Toate Mesajele': 'Mesaje'
    inca unul exact la fel, doar cu textul diferit, exemplu:
    Cod:
            'Subiectele urmarite': 'Subiecte monitorizate',
    Structura:
    Cod:
            'TEXT VECHI': 'TEXT NOU',



Ina

Ina
Membru onorific
Membru onorific

Mesaje : 13530
Varsta : 52
Data înscrierii : 05/03/2009
Mulțumiri : 79
Mozilla Firefox phpBB3

http://www.goblenul.com
Ina a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum