MyBB Tutorials

Threadstarter Avatar Ribbon

Submitted by Aoki, , Thread ID: 18

Thread Closed
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

Warned
#2
thanks for sharing, I will try it

RE: Threadstarter Avatar Ribbon

#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

#4
Thank's for the tut bro'.

RE: Threadstarter Avatar Ribbon

#5
The one used on NBB looks way better in my opinion but thanks for the tutorial!

RE: Threadstarter Avatar Ribbon

#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

#7
not bad bu thanks for your share, i like it

RE: Threadstarter Avatar Ribbon

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)