Avatar predefinit in functie de rang (Invision si punBB)

Scris de Cassius Dio Vin Feb 15, 2013 7:45 pm

Avatar predefinit in functie de rang

Cu ajutorul acestui tutorial puteti face ca membrii care au intrat intr-un anumit grup sa primeasca automat un avatar ales de dumneavoastra. Este valabil doar pentru cei care nu au inca un avatar ales sau inca il folosesc pe cel predefinit.

Previzualizare:
avatar predefinit - Avatar predefinit in functie de rang (Invision si punBB) OQUnhRR

1. Definirea rangurilor:
Pentru inceput, trebuie sa creati niste ranguri, sau daca le aveti deja, - sa le editati.

Trebuie sa accesati:

Panou de Administrare ~> Utilizatori & Grupuri ~> Ranguri ~> Administrarea rangurilor

Editati rangurile existente sau creati altele noi, iar la rubrica Titlul rangului, adaugati acest cod:

Cod:: <div class="mem_activ">Membru activ</div>

Este doar un exemplu, puteti adauga orice alta denumire doriti.

Detalii despre ranguri aveti in acest tutorial:
https://help.forumgratuit.ro/t40490-ranguri

Pentru a salva modificarile efectuate, faceti click pe butonul Inregistrare.

2. Adaugarea avatarului predefinit pentru un anumit rang:
Acum, dupa ce avem rangurile configurate cum trebuie, putem insera codurile care vor adauga un avatar predefinit in functie de rangul membrului.

Trebuie sa accesati:

Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript

Creati un cod JavaScript nou, si la rubrica Amplasare alegeti Topicuri.

- Daca folositi versiunea Invision, adaugati urmatorul cod:

Cod:: $(document).ready(function(){ $('.post .postprofile dl.postprofile-details.postdetails:has(".mem_activ") a img[src="Avatar predefinit vechi"]').attr('src','Avatar predefinit nou pentru un anumit rang'); $('.post .postprofile dl.postprofile-details.postdetails:has(".mem_activ") a img[src="http://2img.net/i/fa/invision/pp-blank-thumb.png"]').attr('src','Avatar predefinit nou pentru un anumit rang'); });

- Daca folositi versiunea PunBB, adaugati urmatorul cod:

Cod:: $(document).ready(function(){ $('.post .user .user-ident .user-basic-info:has(".mem_activ") a img[src="Avatar predefinit vechi"]').attr('src','Avatar predefinit nou pentru un anumit rang'); $('.post .user .user-ident .user-basic-info:has(".mem_activ") a:not(:has(img))').append('<img src="Avatar predefinit nou pentru un anumit rang" alt>'); });

Fragmente de editat:
Pentru ambele coduri, aveti de editat unele fragmente de text. Acestea sunt:
=> Avatar predefinit vechi - Acest text se inlocuieste cu adresa URL a avatarului predefinit vechi;
=> Avatar predefinit nou pentru un anumit rang - Acest text se inlocuieste cu adresa URL a avatarului predefinit nou.

Dupa ce ati modificat cu exactitate codurile, faceti click pe butonul Valideaza.

Idee

Dupa aceasta modificare e posibil sa doriti sa inlocuiti din nou avatarul predefinit pentru membrii simpli din Panou de Administrare ~> Afisare ~> Avataruri ~> Galerie de avataruri ~> Administrarea avatarurilor. Daca faceti aces lucru, nu uitati sa modificati codul JavaScript, si mai exact sa inlocuiti Avatar predefinit vechi cu noua adresa URL a avatarului predefinit adaugat in Administrarea avatarurilor.

Succes! Noroc