Modificare statistici membru

Cum pot face rankurile asa?
Cum pot pune imagine la Posturi si etc?
Cum fac taburi la fiecare statistica?

> Cum pot face rankurile asa?
Imagini.

> Cum pot pune imagine la Posturi si etc?
La editarea unui câmp de profil, ai opțiunea URL icon. Aici pui link-ul către imaginea care vrei să-ți apară.

> Cum fac taburi la fiecare statistica?
https://help.forumgratuit.ro/t41138-

Rankurile nu sunt niste imagini. Poti sa copiezi textul de exemplu .

Cele doua probleme le-am rezolvat

EDIT!

Am adaugat acel cod din tutorial si uite cum arata:


Vreau ca iconitele si scrisul sa fie in stanga,sa inceapa din stanga.. .
Si sa nu fie asa inalte.. mai stranse putin

Hm. Ia înlocuiește acel cod din tutorial cu ăsta:

Cod:

jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"0px","padding":"1px 5px 1px 5px","text-align":"left","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

În legătură cu rang-ul, revin mai târziu.

Merge perfect.


Cum pot face mai lat chenarul la statistici,ca sa intre si acel 3 de la Avertismente )

Cod:

.pun .user .user-info{
  padding: 2px;
}

Te joci cu valorile. Ele sunt invers proporționale cu lățimea. (crești numărul, scade lățimea | 0 lățimea maximă)

Am rezolvat si aceasta problema. Astept pana cand ai timp in legatura cu rangul.

Asta cu rank-ul e ceva mai mult de lucru.
Sper că înțelegi cum funcționează clasele in CSS. Practic sunt niște identificatori cu ajutorul cărora numim anumite elemente dintr-o pagină ca să le putem manipula. Tuturor elementele de o anumită clasă li se vor aplica aceleași modificări.
Iei fiecare rank în parte: PA > Utilizatori & Grupuri > Administrarea Rangurilor >
Și îi modifici numele astfel:

Cod:

<span class="CLASA">Nume rank</span>

La fiecare rank să îi adaugi o clasa diferită în locul placeholder-ului CLASA. (ex: admin_rank pt admin / mod_rank pt moderator / designer_rank pt designer etc.)

După asta, te duci în foaia de stil CSS și vei aplica codul ăsta pentru fiecare rank în parte:

Cod:

.CLASA{
  display: block;
  max-width: 80%;
  margin: 0.5em auto 0em;
  padding: 0.5em 0 0.5em 0;

  background-color: #00AAAA;
  background-image: url('http://i59.servimg.com/u/f59/14/63/59/70/ndha3b10.png');
  border-radius:5px 5px 0 0;

  text-align: center;
  text-shadow: 0em 0.1em 0px #000;
  color: #fff;
}

Înlocuind CLASA cu numele fiecărei clase (să păstrezi punctul din față) pentru fiecare rank în parte.

Pentru personalizare, poți modifica culoarea fundalului schimbând codul hex de la background-color.

Nelămuriri?

Merge.
Dar pot sa adaug inainte de avatar pe centru?
Sau daca nu, cum pot face sa nu mai fie asa despartit de celelalte,sa fie mai strans putin

Să fie mai strâns, modifici în CSS la margin cu

Cod:

margin: -0.6em auto -0.6em;

Prima valoare -0.6em cu cât o scazi, cu atat se apropie de elementul de deasupra, iar a doua la fel, numai ca de elementul de sub rang.

Am inteles. Pot sa pun rankurile inainte de avatar? pe centru?

Dacă îmi dai template-ul viewtopic_body, că văd că e destul de modificat...