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.

Buton pentru adăugarea prefixului în titlu (toate versiunile)

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Tutorial Buton pentru adăugarea prefixului în titlu (toate versiunile)

Mesaj Scris de Zachary Sam Iul 11, 2015 12:20 am

Buton pentru adăugarea prefixului în titlu (toate versiunile)

Salutare tuturor,

Cu acest tutorial veți putea adăuga prefixe în titlul subiectelor cu ajutorul opțiunii "Modifică titlul subiectului", după cum urmează:
Buton pentru adăugarea prefixului în titlu (toate versiunile) 3Q0GFxZ

În acest mod, puteți adăuga și alte prefixe, cum ar fi:


  • [Rezolvat] Titlu subiect


  • [În progres] Titlu subiect


  • [Acceptat] Titlu subiect


1. Instalare
Vizitați: Panoul de administrare => Module => HTML & Javascript => Gestionarea codurilor Javascript => Crează un nou cod Javascript, și adăugați:
Cod:
jQuery(document).ready(function() {
jQuery('#modif_topic_title').after('<input type="button" value="LABEL" onclick="set_solved(this.form.elements[\'modif_topic_title\'],\'[CONTENT]\')" style="display: inline;" id="button_label">');
});
Setați vizualizarea codului pe toate paginile.

2. Modificări
LABEL: Reprezintă denumirea butonului prin care adăugați prefixul în fața titlului.
Buton pentru adăugarea prefixului în titlu (toate versiunile) Icon_exclaim Notă: Eticheta și conținutul să nu fie sub nicio formă identice.
[CONTENT]: Reprezintă conținutul care va fi adăugat în fața titlului, atunci când butonul este apăsat.

Buton pentru adăugarea prefixului în titlu (toate versiunile) Icon_exclaim Atenție: În cazul în care utilizați carectere cum ar fi (') sau ghilimele (") trebuie să adăugați (\).
Exemplu: el a spus "salut"
In codul JavaScript:
Cod:
el a spus "salut"

3. Personalizare
Vizitați: Panoul de administrare => Afișare => Culori => Foaia de stil CSS și adăugați:
Cod:
#button_label {
/*proprietăți*/
}

Puteți înlocui /*proprietăți*/ cu oricare dintre proprietățile de mai jos, cu care, veți avea oportunitatea în a vă personaliza butonul după bunul plac:

  • color: #000;: editați culoarea textului


  • background-image: url('LINK');: adăugați un link pentru imaginea de fundal al butonului


  • background-color: #000;: editați culoarea de fundal al butonului


  • border: 1px solid #000;: editați marimea și culoarea chenarului


  • box-shadow: 1px 1px 1px #000;: modificați marimile și culoarea umbrei


  • border-radius: 2px;: puteți modifica valoarea implicită pentru rotunjirea butonului


  • opacity: 0.7: cu o valoare între 0 si 1 il puteți face puțin transparent

Cum funcționează ?
Tot ce trebuie să faceți este să aplicați click-ul pe buton, ulterior, conținutul asociat acestuia va fi adăugat in fața titlului.
Pot să adaug mai mult de un buton ?
Desigur, tot ce trebuie să faceți, e să adăugați de mai multe ori codul, însă, valorile acestuia să difere.
Cum elimin un prefix ?
Trebuie doar să apăsați iar pe butonul cu acel prefix și acesta va fi sters.



Ultima editare efectuata de catre Raykim in Sam Iul 11, 2015 12:27 am, editata de 2 ori
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum