KenX
Member
The forum is under construction.And it is not visible to users now.
Double Ribbon Ranks v1
- Thread starter Shelley
- Start date
Shelley
Well-known member
- ensure you've inserted the correct class for that specific group both in the message_user_info template & EXTRA.css
- uploaded it to the correct folder (within the style folder if custom you want it to display in).
- applied the correct css in extra and it's not got any css typos
- ctrl &f5
- if you've got multiple styles ensure you've made the edits in the correct templates and not another styles templates
Shelley
Well-known member
If your wanting me to take a look at it and trust me with admincp access I'll take a look for you.
KenX
Member
Okay wait a sec.I will make a user and send you the details with admin access.
Shelley
Well-known member
I'll need to follow you so your able to send pms one sec while i do that.
Geoffrey
Active member
Hi, I am having some difficulty getting this to work.
message_user_info template addition:
extra.css addition:
Board Link: http://universityforums.net
Help please.
message_user_info template addition:
Code:
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 3}">
<li class="ribbonAdmin">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 8}">
<li class="ribbonContributor">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 5}">
<li class="ribbonFoundingMember">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 2}">
<li class="ribbonMember">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 6}">
<li class="ribbonModeator">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 7}">
<li class="ribbonMOTM">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 4}">
<li class="ribbonSuperMod">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>extra.css addition:
Code:
/*USERGROUP RIBBON ENHANCEMENTS*/
.ribbon {
margin: -1px -6px -2px;
}
.ribbon li {
padding: 1px;
position: relative;
height: 30px;
}
.ribbonAdmin {
background: url('@imagePath/xenforo/icons/UFadmin.png') no-repeat center;
}
.ribbonContributor {
background: url('@imagePath/xenforo/icons/UFcontributor.png') no-repeat center;
}
.ribbonFoundingMember {
background: url('@imagePath/xenforo/icons/UFfoundingmember.png') no-repeat center;
}
.ribbonMember {
background: url('@imagePath/xenforo/icons/UFmember.png') no-repeat center;
}
.ribbonModerator {
background: url('@imagePath/xenforo/icons/Ufmoderator.png') no-repeat center;
}
.ribbonMOTM {
background: url('@imagePath/xenforo/icons/UFmotm.png') no-repeat center;
}
.ribbonSuperMod {
background: url('@imagePath/xenforo/icons/UFsupermod.png') no-repeat center;
}
/*USERGROUPRIBBON ENHANCEMENTS*/Board Link: http://universityforums.net
Help please.
Shelley
Well-known member
your images should be linked from styles/skinden/social/xenforo/icons/rankicon.png your inserting the incorrect path.
Code:
background: url("styles/skinden/social/xenforo/icons/UFmember.png") no-repeat scroll center center transparent;
Robyn Unc Privette
Active member
Shelley, do you have/will you share the PSD for this? 
Shelley
Well-known member
Shelley, do you have/will you share the PSD for this?
Here you go Robyn
You may need to hide some layers due to me adding a stitching effect on them.
Robyn Unc Privette
Active member
Thanks Shelley I adjusted my userinfo container width so I need to widen the ribbons!
I adjusted my userinfo container width so I need to widen the ribbons!
Shelley
Well-known member
Thanks Shelley
I'm quite sure these ribbons are set for the default width. Did you originally have a modified messageUserInfo width?
Robyn Unc Privette
Active member
Yes I modified to be wider, so I need to widen the ribbons to fit
Shelley
Well-known member
Yes I modified to be wider, so I need to widen the ribbons to fit
Really liking what you've done to the site Robyn.
With regards to the ribbon, specifically the lip on the right hand side of the ribbons they are slightly off and not hugging the messageuser container
Robyn Unc Privette
Active member
Well shoot. They looked fine earlier. They must have grown overnight. Silly little ribbons!
Robyn Unc Privette
Active member
Ack... what do I change to make it move to the left? I thought it was margin but it isn't moving.
Shelley
Well-known member
Easiest way is to adjust the right hand side of the ribbon itself. You can accomplish this by moving the anchor points on the image and moving the lip over to the left on the canvas if your wanting to retain crisp quality.
