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.

How to make rank images above the avatar?

5 posters

Go down

How to make rank images above the avatar? Empty How to make rank images above the avatar?

Post by Enigmam7 November 7th 2012, 12:14 pm

So my rank images appear under the avatar, i use punbb so i gues i should again just change the css code, so they be above the avatar.A help will be appreciated.
Enigmam7
Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Kaizer Lee November 7th 2012, 12:47 pm

No...

ACP < Display < Template < Viewtopic_body < line 91 < Place the avatar picture above profile_avatar < Save

Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Enigmam7 November 7th 2012, 2:12 pm

There's no template section in my acp, so i gues it's only for the founder.Kk thx anyway
Enigmam7
Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Kaizer Lee November 8th 2012, 11:04 am

Try this to see if it'll work:

Code:

#rank_image {
  position: fixed;
  top: 80px;
}

Edit: It's a problem if you're using offline avatar so you might want to make a rule about avatar heights.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Enigmam7 November 16th 2012, 11:35 pm

it's not working.There's actually no any code about rank_image in the css.I added that one tho, but no effect.
Here's the css of the Profile View:

Spoiler:
Enigmam7
Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Sozinho November 17th 2012, 12:41 am

Delete the edited Template in your index_body. The default position of Userbar Rank is upper part of avatar. The edited one is below the avatar.
Sozinho
Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by nextlevelgaming November 17th 2012, 3:25 am

Go to ACP>DISPLAY>TEMPLATES>VIEWTOPIC_BODY> and find this bit

Code:
<div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
{postrow.displayed.RANK_TITLE}{postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>

and change it to this

Code:
<div class="user-ident">
{postrow.displayed.RANK_TITLE}{postrow.displayed.RANK_IMAGE}<br />
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                        </div>
                     </div>

Then click save and go to the templates and click Add to add it


if you do not have template editing either 1)Advanced is not click
or b) you do not have administration rights

If B) then you will have to have your admin fix this. CSS will not configure correctly and just be a pain between browsers.
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Kaizer Lee November 17th 2012, 4:32 am

Dudes, haven't you read yet? The guy doesn't own the forum, meaning, he doesn't have access to the templates.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by nextlevelgaming November 17th 2012, 7:19 am

"Dude" calm down. I posted it, then read it again, and updated. CSS is not stable as it should. So meaning he may just want to have the admin do this. It is a quick fix. Geesh calm your hormones really.
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Kaizer Lee November 17th 2012, 8:44 am

Right, sorry. Anyway, I think the original founder of DAD isn't there or not able to contact, so that's why he may not be able be given the chance to mod the template.

Though, Enigma, were you given the permission to own the forum or modify it to your complete liking? Then please ask for a password change for the original founder's account so you can use it, apart from that, I don't have the ability to help or suggest you more with it because the modification of the placement of the profile is in the templates.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by stcfounder November 17th 2012, 7:17 pm

sorry I think there is no way to do that in CSS. The only and easiest way to do that is to edit the forum template.(as what the above provided solutions)

you might be able to do that in css repositioning but it wouldn't be that perfect.
stcfounder
stcfounder
New Member

Posts : 2
Reputation : 1
Language : Engish
Location : UK

Back to top Go down

How to make rank images above the avatar? Empty Re: How to make rank images above the avatar?

Post by Enigmam7 November 23rd 2012, 9:49 pm

k thx ppl, i'll try to contact the founder so we can make the changes.
Enigmam7
Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

Back to top


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