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.

Reputation System Problem

View previous topic View next topic Go down

Solved Reputation System Problem

Post by J0k3R^ on April 28th 2014, 1:17 pm

Details: Hi, i installed some codes on my forum about a reputation system and its almost working perfect.




But it doesnt appear on profiles, what should i do? Very Happy





Codes used:

Code:
jQuery(document).ready(function(){
        jQuery('.user-info .post_field:contains("Φήμη")').attr('style','background-color: rgb(132, 163, 59)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10*png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;height: 18px;display: block;margin: 0 auto;margin-bottom: 3x;padding: 3px 7px;text-align: center;text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
        jQuery('.user-info .post_field:contains("Φήμη: 0")').attr('style','background-color: rgb(106, 122, 85)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10*png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;text-align: center;text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
        });

Forum Address: http://myplanet.forumgreek.com/
Forum Version: PunBB

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 2:43 pm

Hello,

You'll need to add the profile selector set in, and make sure to tick "in all the pages" Very good
Code:
jQuery(document).ready(function(){
    jQuery('.user-info .post_field:contains("Φήμη"), #profile-advanced-details dl dt span:contains("Φήμη")').attr('style','background-color: rgb(132, 163, 59)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10*png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;height: 18px;display: block;margin: 0 auto;margin-bottom: 3x;padding: 3px 7px;text-align: center;text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
    jQuery('.user-info .post_field:contains("Φήμη: 0"), #profile-advanced-details dl dt span:contains("Φήμη: 0")').attr('style','background-color: rgb(106, 122, 85)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10*png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;text-align: center;text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Reputation System Problem

Post by J0k3R^ on April 28th 2014, 2:50 pm

good one but the " : " shouldnt be after the green box? Very Happy


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 2:55 pm

You would need to set the font size to 0 to remove that. This will change the size of your rep design in the process.

CSS :
Code:
#field_id-14 dt { font-size:0; }
#field_id-14 dt span { font-size:12px; display:inline !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Reputation System Problem

Post by J0k3R^ on April 28th 2014, 3:32 pm

better  cheers 
maybe i can add padding right n left to make it bigger?

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 3:36 pm

That should work, I haven't tried, but I think inline-block should do the trick.

Try changing your CSS to :
Code:
#field_id-14 dt { font-size:0; }
#field_id-14 dt span { font-size:12px; display:inline-block !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Reputation System Problem

Post by J0k3R^ on April 28th 2014, 3:38 pm

well.. Smile 


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 3:41 pm

Once step closer Wink

Since we added that, you should now be able to adjust the width.
Code:
#field_id-14 dt { font-size:0; }
#field_id-14 dt span {
    font-size:12px;
    display:inline-block !important;
    width:100px;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Reputation System Problem

Post by J0k3R^ on April 28th 2014, 3:46 pm

i think its good  thumright 
if the text could be centered in the middle it would be better, if it cant be , mark the topic as solved  thumleft 


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 3:50 pm

Here, try setting the height to auto :
Code:
#field_id-14 dt { font-size:0; }
#field_id-14 dt span {
    font-size:12px;
    display:inline-block !important;
    width:100px;
    height:auto !important;
}

In the script it is set at 18px, so setting it to auto should allow for the text to have more space. thumleft

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Reputation System Problem

Post by J0k3R^ on April 28th 2014, 3:53 pm

*Solved*


thank u   Very good

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Reputation System Problem

Post by Ange Tuteur on April 28th 2014, 3:58 pm

You're welcome I love you

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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