How do i my staff banner to corner?



My forum url ( post ) - http://tommyzserver.forummotion.com/t1-aswdafafsdasdasdasdasds

Hi,

You can do it by adding the following code in Admin CP > Display > Colors > CSS

Code:

.user {
position: relative;
}
.user-basic-info img {
position: absolute;
top: 0px; right: 0px;
}

If it affects other images, like online image, use the following code..

Code:

.user {
position: relative;
}
.user-basic-info img:first-child {
position: absolute;
top: 0px; right: 0px;
}

It move my avatar as well

Ok, please remove those changes.

Now you need to use this CSS code...

Code:

.user {
position: relative;
}
.rankImg {
position: absolute;
top: 0px; right: 0px;
}

and make changes in viewtopic_body template.
Find this code in the viewtopic_body template...

Code:

{postrow.displayed.RANK_IMAGE}

replace it with this code...

Code:

<span class="rankImg">{postrow.displayed.RANK_IMAGE}</span>

Save it and publish it. The code should work now

Thanks and how can i move it on top of the border? cause i got curves

This code would do the trick...

Code:

.user {
overflow: visible !important;
}
.rankImg img {
margin-top: -4px;
margin-right: -4px;
}

It will affect the border of the use box, I guess.

Thanks..

Code:

.user {
position: relative;
overflow: visible !important;
}
.rankImg img {
position: absolute;
top: 0px; right: 0px;
margin-top: -4px;
margin-right: -4px;
}

I use this.

Glad I could help

Topic Solved