Scris de Cassius Dio Joi Mar 28, 2013 6:08 pm
| Imagini personalizate la paginile de informatii ale grupurilor | |
Bun gasit! 
1. Introducere:
Cu ajutorul acestui tutorial puteti adauga o imagine reprezentativa la fiecare pagina de grup in parte. Aasadar, daca membrii vor face click pe numele unui grup, acestia vor fi redirectionati catre pagina acestuia si prin urmare vor putea vedea si imaginea adaugata. Exemplu in imaginea de mai jos:
2. Adaugarea codurilor JavaScript:
Intai de toate accesati:
| Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript |
Faceti click pe butonul Creati un nou cod JavaScript.
Completati rubricile astfel:
- Titlu: Imagini personalizate pentru grupuri
- Amplasare: Toate paginile
- Cod JavaScript: Adaugati codul de mai jos...
- Cod:
$(function() {
//Indicar aquí la versión de vuestro foro
var version = "phpBB3";
var imgs_de_grupo = new Array();
imgs_de_grupo[1] = "Link imagine grup 1";
if($(location).attr('pathname').match(/^\/g\d+-/)){
var numgrupo = $(location).attr('pathname').split("-")[0].replace("/","").replace("g","");
if(imgs_de_grupo[numgrupo]){
if(version.toLowerCase() == "phpbb2"){
$("#emptyidcc").prepend("<div align='center'><img src='"+imgs_de_grupo[numgrupo]+"' /></div>");
}else if(version.toLowerCase() == "phpbb3"){
$("div.panel div.inner h2.h3").after("<img style='float:left;margin-right:10px' src='"+imgs_de_grupo[numgrupo]+"' />");
}else if(version.toLowerCase() == "punbb"){
$(".main-content:eq(1)").prepend("<img style='float:left;margin-right:10px' src='"+imgs_de_grupo[numgrupo]+"' />");
}else if(version.toLowerCase() == "invision"){
$(".box-content:eq(1)").prepend("<img style='float:left;margin-right:10px' src='"+imgs_de_grupo[numgrupo]+"' />");
}
}
}
});
Faceti click pe butonul Valideaza.
3. Configurarea codurilor JavaScript:
Pentru a configura codurile adaugate, intoareti-va la editarea acestuia ( ).
- 1. Alegerea versiunii forumului:
Dupa cum ati putut observa in codurile de mai sus, exista un asemenea fragment de cod: var version = "phpBB3";. Pentru functionarea corecta a codurilor adaugate, trebuie sa inlocuiti phpBB3 cu versiunea de forum pe care o folositi (phpBB2, phpBB3, PunBB sau Invision). Daca folositi versiunea phpBB3, puteti lasa acest cod asa cum este.
- 2. Selectarea imaginilor:
Pentru a adauga imaginile despre care s-a vorbit mai sus, analizati acest fragment de cod cu atentie: imgs_de_grupo[1] = "Link imagine grup 1";. Numarul [1] reprezinta id-ul grupului caruia doriti sa-i atribuiti imaginea, iar Link imagine grup 1, - adresa URL a imaginii. Puntru a adauga astfel de imagini pentru mai multe grupuri, copiati acest fragment de cod din rand nou, inlocuind iarasi, [1] cu id-ul grupului, si Link imagine grup 1, - cu adresa URL a imaginii. Codul va arata cam asa:
- Cod:
imgs_de_grupo[1] = "Link imagine grup 1";
imgs_de_grupo[2] = "Link imagine grup 2";
imgs_de_grupo[3] = "Link imagine grup 3";
//etc....
 Cum puteti identifica id-ul grupului?
Fiecare grup al forumului are cate un id specific. De exemplu, grupul de administratori va avea tot timpul id-ul 1, pentru ca este primul grup creat si nu poate fi sters. Celelalte insa, depind de ordinea crearii lor. Pentru a identifica id-ul fiecarui grup, veti accesa pagina de index a forumului, iar din legenda veti face click pe numele grupului dorit. Odata ce ati facut asta veti fi redirectionat catre pagina de grup. Adresa URL va arata cam asa: https://help.forumgratuit.ro/g22-moderatori. Asadar, numarul 22 este id-ul de care aveti nevoie. Acest id va fi tot timpul plasat intre litera g si - (cratima).
Dupa ce ati editat codurile dupa criteriile de mai sus, faceti click pe butonul Valideaza.
|
Acasa
Imagini personalizate la paginile de informatii ale grupurilor
Subiecte similare