The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

moving this

View previous topic View next topic Go down

Solved moving this

Post by shadowz au on September 21st 2011, 11:56 am

How do i my staff banner to corner?



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


Last edited by shadowz au on September 22nd 2011, 4:25 pm; edited 1 time in total

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: moving this

Post by ankillien on September 21st 2011, 12:08 pm

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;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: moving this

Post by shadowz au on September 21st 2011, 12:11 pm

It move my avatar as well

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: moving this

Post by ankillien on September 21st 2011, 4:41 pm

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 Smile

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: moving this

Post by shadowz au on September 22nd 2011, 7:25 am

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

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: moving this

Post by ankillien on September 22nd 2011, 3:12 pm

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.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: moving this

Post by shadowz au on September 22nd 2011, 4:24 pm

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.

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: moving this

Post by ankillien on September 22nd 2011, 4:49 pm

Glad I could help Very Happy

Topic Solved

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum