Imagini personalizate la paginile de informatii ale grupurilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Imagini personalizate la paginile de informatii ale grupurilor

Mesaj Scris de Cassius Dio la data de Joi 28 Mar - 18:08

Imagini personalizate la paginile de informatii ale grupurilor

Bun gasit! Foarte fericit

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....

    Idee 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: http://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.

Tutorial scris de Turbodeif, tradus de SGSS

Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum