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.

Forum Rep Box Code.

View previous topic View next topic Go down

Forum Rep Box Code.

Post by Zuke on November 12th 2014, 9:37 pm

Hello, do you have the code and help on what to do to change this, if you have the code to maker it like this please tell me!

I want it not as big as this but a thing what shows the reputation box like this when your making topics and posts.

Please try give me the exact code to make it look like this!    http://prntscr.com/55qt4n


Thanks! Smile

-Luke

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Re: Forum Rep Box Code.

Post by Mati on November 12th 2014, 10:11 pm

Hello, Luke Spike

Go to Administration Panel -> Display -> Templates --> General -> viewtopic_body find this
Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

And replace it with this...
Code:
<div class="rep_wrap">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

Save & Publish

Then go to -> Modules -> Javascript codes management --> Create a new javascript
Title: Rap Box
Placement: In the topics
Javascript Code
Code:
jQuery(document).ready(function(){jQuery('.user-info .rep_wrap:contains("Reputation")').attr('style','background: url("http://i55.servimg.com/u/f55/14/73/12/96/hl10.png") repeat-x scroll 0 1px #ff6600!important;border-radius: 3px;color: #FFFFFF;font-weight: bold;display: block;margin: 0 auto;margin-top: 4px; text-align: center;');});

Then Submit that's all and your done!

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

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