How to make rank images above the avatar?
5 posters
Page 1 of 1
How to make rank images above the avatar?
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
- Posts : 46
Reputation : 1
Language : Bulgarian
Re: How to make rank images above the avatar?
No...
ACP < Display < Template < Viewtopic_body < line 91 < Place the avatar picture above profile_avatar < Save
ACP < Display < Template < Viewtopic_body < line 91 < Place the avatar picture above profile_avatar < Save
Re: How to make rank images above the avatar?
There's no template section in my acp, so i gues it's only for the founder.Kk thx anyway
Enigmam7- Forumember
- Posts : 46
Reputation : 1
Language : Bulgarian
Re: How to make rank images above the avatar?
Try this to see if it'll work:
Edit: It's a problem if you're using offline avatar so you might want to make a rule about avatar heights.
- 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.
Re: How to make rank images above the avatar?
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:
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
- Posts : 46
Reputation : 1
Language : Bulgarian
Re: How to make rank images above the avatar?
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.
Re: How to make rank images above the avatar?
Go to ACP>DISPLAY>TEMPLATES>VIEWTOPIC_BODY> and find this bit
and change it to this
Then click save and go to the templates and click 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.
- 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 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.
Re: How to make rank images above the avatar?
Dudes, haven't you read yet? The guy doesn't own the forum, meaning, he doesn't have access to the templates.
Re: How to make rank images above the avatar?
"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.
Re: How to make rank images above the avatar?
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.
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.
Re: How to make rank images above the avatar?
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.
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
Re: How to make rank images above the avatar?
k thx ppl, i'll try to contact the founder so we can make the changes.
Enigmam7- Forumember
- Posts : 46
Reputation : 1
Language : Bulgarian
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum