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 do I center my forums and add a crown by username?

View previous topic View next topic Go down

How do I center my forums and add a crown by username?

Post by Hero Skillet on May 10th 2012, 8:41 pm

  1. 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
  2. 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'

Hero Skillet
Forumember

Male Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com

http://Bullet-Scape.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by +Fusion- on May 10th 2012, 10:45 pm

Hi there Hello ,
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;
}


+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by Hero Skillet on May 11th 2012, 12:18 am

ReBoRNz wrote:Hi there Hello ,
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;
}

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?

See under the avatar is the crown again.

Hero Skillet
Forumember

Male Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com

http://Bullet-Scape.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by +Fusion- on May 11th 2012, 3:11 am

if i knew how to fix the code i would, but sorry idk how, i just found the code and posted it for u

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by Nera. on May 11th 2012, 3:32 am

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" />');
    }
});

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by +Fusion- on May 11th 2012, 4:39 am

If u wanted that red crown the code would be:

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.

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by Hero Skillet on May 11th 2012, 5:16 pm

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

Male Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com

http://Bullet-Scape.com

Back to top Go down

Re: How do I center my forums and add a crown by username?

Post by Hero Skillet on May 11th 2012, 5:58 pm

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
http://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%;
}
Thank you so much!

Hero Skillet
Forumember

Male Posts : 57
Reputation : 3
Language : english
Location : Bullet-Scape.com

http://Bullet-Scape.com

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