Imagini personalizate la paginile de informatii ala grupurilor

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:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

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: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] 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.