Relax Community

    Foto

    Imagini personalizate la paginile de informatii ala grupurilor



    • Por favor, inicie sesiуn para responder

    Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

    la data de Sam Mar 30, 2013 1:40 pm
    Fuera de lнnea
    la data de Sam Mar 30, 2013 1:40 pm

    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 inscris si conectat pentru a vedea aceasta 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.

    Vezi profilul utilizatorului

    la data de Sam Mar 30, 2013 4:02 pm
    Fuera de lнnea
    la data de Sam Mar 30, 2013 4:02 pm



    Sandu
    User

    User

    Vezi profilul utilizatorului

    la data de Sam Mar 30, 2013 4:26 pm
    Fuera de lнnea
    la data de Sam Mar 30, 2013 4:26 pm



    SamiHQ
    User

    User
    Bravo!

    Vezi profilul utilizatorului

    la data de Mier Mai 15, 2013 6:22 am
    Fuera de lнnea
    la data de Mier Mai 15, 2013 6:22 am

    Astazi la 1:38 pm
    Fuera de lнnea
    Continut sponsorizat
    Astazi la 1:38 pm



    Continut sponsorizat

    Mesaj [Pagina 1 din 1]