The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

moving this

2 posters

Go down

Solved moving this

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

How do i my staff banner to corner?

moving this Help11

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
avatar
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 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
ankillien
Energetic

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

Back to top Go down

Solved Re: moving this

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

It move my avatar as well
avatar
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 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
ankillien
Energetic

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

Back to top Go down

Solved Re: moving this

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

Thanks and how can i move it on top of the border? cause i got curves
avatar
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 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
ankillien
Energetic

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

Back to top Go down

Solved Re: moving this

Post by shadowz au 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.
avatar
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 September 22nd 2011, 4:49 pm

Glad I could help Very Happy

Topic Solved
ankillien
ankillien
Energetic

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

Back to top Go down

Back to top

- Similar topics

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