Γύρω από το avatar Online/Offline [PunBB2,PunBB]

Για σας.
Σήμερα θα σας δείξω πως να βάλετε γύρο από το Avatar Online/Offline Όπως αυτό

Online
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
Offline
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]

Μπαίνετε
Admin Panel >> Εμφάνιση >> Γενική Διαχείριση >> viewtopic_body
και ψάχνετε τον παρακάτω κώδικα

Κώδικας:

    {postrow.displayed.POSTER_AVATAR}

και τον διαγράφεται και βάζετε στην θέση του τον παρακάτω κώδικα

Κώδικας:

    <center> <div class="tgeavatar">{postrow.displayed.ONLINE_IMG}</div><span class="avatartge"> {postrow.displayed.POSTER_AVATAR}</span><br /></center>

και μετά ψάχνετε τον παρακάτω κώδικα και τον διαγράφεται

Κώδικας:

{postrow.displayed.ONLINE_IMG}

στην συνεχεια πατάτε Υποβολή
και πατάτε στο [Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
Μετά πάτε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα

Κώδικας:

.avatartge img {
width: 134px;
height: 134px;
margin: -143px 5px 12px;
}

.tgeavatar {
display:block;
position: relative;
width: 150px;
height: 150px;
background: transparent url("http://i47.servimg.com/u/f47/16/67/92/35/tge10.png") no-repeat;
}

.tgeavatar img {
display:block;
position: relative;
}

#i_icon_online {
display:block;
position: relative;
}

μετά πάτε
Admin Panel >> Εμφάνιση >> Pics management >> Buttons >> Συνδεδεμένος
και βάζετε αυτήν την εικόνα

Κώδικας:

http://i15.servimg.com/u/f15/17/34/84/29/00410110.png

έτοιμο