The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Forum Rep Box Code.

Go down

Forum Rep Box Code. Empty Forum Rep Box Code.

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

Forum Rep Box Code. Empty Re: Forum Rep Box Code.

Post by Mati 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
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum