MyBB Tutorials

Threadstarter Avatar Ribbon

Submitted by Aoki, , Thread ID: 18

Thread Closed
Aoki
retired
Level:
83
Reputation:
348
Posts:
7.89K
Likes:
2.3K
Credits:
1.7K
15-01-2015, 01:19 AM
#1
Requirements:
First: Go to ACP -> Templates & Styles -> Templates -> Your skin -> Postbit templates -> postbit

Find:

Code:
{$post['useravatar']}

Add this before:

Code:
<if $thread['uid'] == $post['uid'] then>
<div class="badge"></div>
</if>

Save the template.

Second: Go to AdminCP > Templates & Style > Theme > Your Theme > global.css > Edit in advanced mode and add the following code:

Code:
.badge {
        background: url(http://i.imgur.com/gzUPtwD.png) no-repeat transparent;
        display: block;
        position: absolute;
        margin-top: -11px;
        margin-left: -3px;
        height: 56px;
        width: 56px;
}

Here's the result:

[Image: 4xisFcD.png]

RE: Threadstarter Avatar Ribbon

Fstyle
Novice
Level:
0
Reputation:
0
Posts:
46
Likes:
5
Credits:
86
02-02-2015, 02:46 PM
Warned
#2
thanks for sharing, I will try it

RE: Threadstarter Avatar Ribbon

AndresXZ09
Closed Account
Level:
0
Reputation:
30
Posts:
1.22K
Likes:
139
Credits:
1.51K
05-02-2015, 11:39 PM
#3
Suggestions for who is going to use it and/or is newbie:

1.- Download the image and upload it to your forum via FTP.
2.- Don't forget to move it to your needs changing the numbers on

Code:
margin-top: -11px;
        margin-left: -3px;

Nice tutorial btw, but I prefer to use the plugin uploaded on this forum Tongue

RE: Threadstarter Avatar Ribbon

Rapturne
Novice
Level:
0
Reputation:
0
Posts:
30
Likes:
1
Credits:
0
28-04-2015, 12:56 PM
#4
Thank's for the tut bro'.

RE: Threadstarter Avatar Ribbon

zGeek
Aokie
Prime
Level:
0
Reputation:
26
Posts:
782
Likes:
60
Credits:
1.46K
28-04-2015, 01:34 PM
#5
The one used on NBB looks way better in my opinion but thanks for the tutorial!

RE: Threadstarter Avatar Ribbon

Nasyr
Forum Janitor
Administrators
Level:
54
Reputation:
284
Posts:
8.05K
Likes:
959
Credits:
80
28-04-2015, 06:54 PM
#6
I like the look it gives but it could be annoying sometimes.
Please read the award requirements here before applying for them.
Rules and Regulations | Support Section | How to use Hide Tags
Don't message me to join a group, simply request to join one here.

RE: Threadstarter Avatar Ribbon

idporno
Lurker
Level:
0
Reputation:
0
Posts:
2
Likes:
0
Credits:
2
05-05-2015, 05:55 AM
#7
not bad bu thanks for your share, i like it

RE: Threadstarter Avatar Ribbon

LorenWolf
Closed Account
Level:
0
Reputation:
0
Posts:
78
Likes:
8
Credits:
61
02-01-2020, 07:43 PM
This post was last modified: 02-01-2020, 07:49 PM by LorenWolf
#8
15-01-2015, 01:19 AM
Aoki Wrote:
Requirements:
First: Go to ACP -> Templates & Styles -> Templates -> Your skin -> Postbit templates -> postbit

Find:

Code:
{$post['useravatar']}

Add this before:

Code:
<if $thread['uid'] == $post['uid'] then>
<div class="badge"></div>
</if>

Save the template.

Second: Go to AdminCP > Templates & Style > Theme > Your Theme > global.css > Edit in advanced mode and add the following code:

Code:
.badge {
    background: url(http://i.imgur.com/gzUPtwD.png) no-repeat transparent;
    display: block;
    position: absolute;
    margin-top: -11px;
    margin-left: -3px;
    height: 56px;
    width: 56px;
}

Here's the result:

[Image: 4xisFcD.png]

Hi, looks very awesome, but how i can useoverlay as a text instead image?

Users browsing this thread: 1 Guest(s)