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.

How to make rank images above the avatar?

View previous topic View next topic Go down

How to make rank images above the avatar?

Post by Enigmam7 on 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
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

Re: How to make rank images above the avatar?

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

No...

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


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

Re: How to make rank images above the avatar?

Post by Enigmam7 on 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
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

Re: How to make rank images above the avatar?

Post by Kaizer Lee on 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
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

Re: How to make rank images above the avatar?

Post by Enigmam7 on 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:
/*Profile View*/
fieldset.profile-view dl dt {
width: 8em;
text-align: left;
font-weight: normal;
}
fieldset.profile-view dl dd {
margin: 0;
}
#profile-advanced-layout {
float: left;
margin-right: -302px;
width: 100%;
}
#profile-advanced-left {
margin-right: 302px;
}
#profile-advanced-left .main {
margin-top: 0;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details .main-content {
padding: 4px;
}
#profile-advanced-details .pagination {
float: left;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #1f537b;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .7em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #2e2c2c;
background: #f4f4f4;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;

/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';

/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;

/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;
margin-top: 20px;
}
#profile-advanced-layout #tabs {
position: absolute;
bottom: 0;
}
#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 4px;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 302px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 7px 0 6px;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}

Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

Back to top Go down

Re: How to make rank images above the avatar?

Post by Sozinho on 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
Forumember

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

http://appzxor.omgforum.net

Back to top Go down

Re: How to make rank images above the avatar?

Post by nextlevelgaming on 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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How to make rank images above the avatar?

Post by Kaizer Lee on 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
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

Re: How to make rank images above the avatar?

Post by nextlevelgaming on 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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How to make rank images above the avatar?

Post by Kaizer Lee on 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
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

Re: How to make rank images above the avatar?

Post by stcfounder on 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
New Member

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

Back to top Go down

Re: How to make rank images above the avatar?

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

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

Enigmam7
Forumember

Male Posts : 46
Reputation : 1
Language : Bulgarian

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