Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Board Index » Forumotion »  [Read Only] Questions & Problems »[Solved] reputation

Foto

[Solved] reputation

by ,


View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
2013-09-24, 13:47
regarding to this topic
https://punbb-design.forumotion.com/t82-html-personalized-reputation

how am i going to decrease the width of the bar? just like what you have here..

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

2
Offline

  nanako

nanako
Punbb Guru
Punbb Guru
2013-09-24, 14:03
On the code
Code:
jQuery(document).ready(function(){
jQuery('.user-info .post_field:contains("Reputation")').attr('style','background-color: rgb(141, 177, 62)!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.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
jQuery('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: rgb(16, 16, 16)!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;');
});
Just add width code in the
Code:
.attr('style','background-color: rgb(16, 16, 16)!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;');

Powered by PunBB
Currently 0 users have thanked nanako for this post:

3
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
2013-09-24, 14:49
the color turn into black
im talking on how to decrease the width size

[Solved] reputation 310

this is the code im using

Code:
jQuery(document).ready(function(){
jQuery('.user-info .post_field:contains("Reputation")').attr('style','background-color: rgb(141, 177, 62)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;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.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
jQuery('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: rgb(16, 16, 16)!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;');
});
can you change it for me mark?

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

4
Offline

  Shadow

Shadow
Administrator
Administrator
2013-09-24, 15:11
In css part of the code add position: relative; width: amount of width.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
2013-09-25, 14:21
i dont know where to add. i already tried Sad

can you do it for me nep?

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

6
Offline

  tommycoo

tommycoo
Punbb Senior
Punbb Senior
2013-09-25, 18:08
Here is try this

Code:
        jQuery(document).ready(function(){
        jQuery('.user-info .post_field:contains("Reputation")').attr('style','background-color: rgb(141, 177, 62)!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;');
        jQuery('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: rgb(16, 16, 16)!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;');
        });

Powered by PunBB
Thanks
Currently 0 users have thanked tommycoo for this post:

7
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
2013-09-26, 14:05
still the same nothing happens

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

8
Offline

  Shadow

Shadow
Administrator
Administrator
2013-09-29, 08:00
Code:
 jQuery('.user-info .post_field:contains("Reputation")').attr('style','background-color: rgb(141, 177, 62)!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;position: relative; width: amount of width;');
Look closely to the end of the code and change width.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

9
Offline

  nanako

nanako
Punbb Guru
Punbb Guru
2013-10-19, 18:51
This thread seems pretty old and still no respond.
<div class="lock">Locked and Archived</div>

Powered by PunBB
Currently 0 users have thanked nanako for this post:

10
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.