- I'm trying to learn how to work with forums and my friend has a site that I'm trying to learn off of. I want the forum to be more centered like his instead of to the right. I have a widget that is causing it to move but on his it stays centered. Even if that means I need to make the forum part smaller in width or what ever.
My website
How I want it to look - I'd like to fix it so that there's a crown next to the username instead of under it. On my site I couldn't even add it under it other than the pic like his site
I want mine to have it were the crown like that pic is next to the name and get rid of 'owner'
3 posters
How do I center my forums and add a crown by username?
Hero Skillet- Forumember
- Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com
+Fusion-- Forumember
- Posts : 252
Reputation : 4
Language : English
Location : Flying
Hi there ,
u can use this css code :
u can use this css code :
- Code:
a[href="/u1"] {
background: url("http://i52.tinypic.com/8ytevp.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
Hero Skillet- Forumember
- Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com
Well it almost worked, but it pops up with another crown at the bottom of the user too and also glitches the bottom part of the crown off in some posts. Also how do I make it work for another rank?ReBoRNz wrote:Hi there ,
u can use this css code :
- Code:
a[href="/u1"] {
background: url("http://i52.tinypic.com/8ytevp.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
See under the avatar is the crown again.
+Fusion-- Forumember
- Posts : 252
Reputation : 4
Language : English
Location : Flying
if i knew how to fix the code i would, but sorry idk how, i just found the code and posted it for u
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Hi, add this to AP > Modules > JS managment and mark all pages.
- Code:
$(function() {
if($('a[href="/u1"] span strong')){
$('a[href="/u1"] span strong').before('<img src="http://cdn2.iconfinder.com/data/icons/ledicons/crown.png" border="0" />');
}
});
+Fusion-- Forumember
- Posts : 252
Reputation : 4
Language : English
Location : Flying
If u wanted that red crown the code would be:
Credits to Nera.
- Code:
$(function() {
if($('a[href="/u1"] span strong')){
$('a[href="/u1"] span strong').before('<img src="http://i52.tinypic.com/8ytevp.png" border="0" />');
}
});
Credits to Nera.
Hero Skillet- Forumember
- Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com
It's not working. I'm wanting to make crowns for each of the staff members owner/developer, admins,mods,donors etc.
Hero Skillet- Forumember
- Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com
Thank you so much!Rideem3 wrote:There are two tutorials you can follow:
http://www.malware-site.www/forum/index.php/topic/108-how-to-add-add-an-icon-before-username-with-jquery/
Or
https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
To have your forum centered add the following CSS Code to your CSS StyleSheet:
- Code:
.bodylinewidth {
background-color: #1F1E1E;
border: 1px solid #4F4F4F;
width: 80%;
}