Avatar predefinit in functie de rang (Invision si punBB)

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Avatar predefinit in functie de rang (Invision si punBB)

Mesaj Scris de Cassius Dio la data de Vin 15 Feb - 19:45

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:


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>
Exclamare Este doar un exemplu, puteti adauga orice alta denumire doriti.

Detalii despre ranguri aveti in acest tutorial:
http://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://illiweb.com/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

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

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
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