|
   |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Custom Solutions Reputation style |
| Reputation style |
hello,
is it possible to change 'reputation' style? because it looks pretty broken for me.. here's screenshot: http://image.prntscr.com/image/0d6e756051754ac2ae2ee54b1accd1ff.png i tried to find some css codes but all i found was this: Code <div id="blr7"> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody> <tr> <td width="70%"> <div title="Level increased [+3]" style="width:16px;height:17px;float:left;background: url('/.s/img/icon/plus.png') no-repeat 0 0"></div> <a class="banHUser" href="/index/8-1" target="_blank"><b>Ken_D</b></a> </td> <td style="white-space: nowrap;" align="right">08.July.2016, 12:39 PM <a href="javascript://" rel="nofollow" onclick="editItem3('7')"><img alt="" id="eebt7" src="/.s/img/fr/OmnE.gif" onmouseover="this.src='/.s/img/fr/OmnE_.gif'" onmouseout="this.src='/.s/img/fr/OmnE.gif'" title="Change" align="absmiddle" border="0" height="15" width="15"></a> <a href="javascript://" rel="nofollow" onclick="delItem3('7');return false;"><img id="dic7" src="/.s/img/fr/OmnD.gif" onmouseover="if (this.src!='/.s/img/fr/OmnAjax.gif')this.src='/.s/img/fr/OmnD_.gif'" onmouseout="if (this.src!='/.s/img/fr/OmnAjax.gif')this.src='/.s/img/fr/OmnD.gif'" title="Remove" align="absmiddle" border="0" height="15" width="15"></a> </td> </tr> <tr><td colspan="2"> <div id="mmtx7">g adfg df</div> <div> <span id="mmaxt7"></span> <i><span id="mmax7"></span></i> </div></td></tr></tbody></table><hr style="display: none;"></div> and there were no "class="example" " styles, just some id's and that's all. only one was this banHUser... class="banHUser" that was only one i could change, nothing else. it's all in tables and i don't understand a thing. :'( i'd want it to look like this - http://image.prntscr.com/image/a44b2e72b86a4e42b07d69f50f599d6f.png hope you understood me 
Post edited by Ken_D - Sunday, 2016-07-17, 1:38 PM
|
Ken_D, answering your question, yes, it is possible to change the design of the reputation list via CSS. To give you a more precise answer, we need the URL address of your website.
hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
bigblog, here you go:
http://flap.ucoz.lv/ hope you'll help me somehow!  Added (2016-08-23, 6:25 PM) |
Ken_D, sorry for the delayed response. Customizing the appearance of the reputation style is very difficult and advanced. Here's a code that slightly modifies the appearance:
Code div[id*=blr] { background: #eee; } div[id*=blr] table tbody tr:nth-child(1) td:nth-child(1) div { background-size: 40px !important; width: 40px !important; height: 40px !important; } div[id*=blr] table tbody tr:nth-child(1) td:nth-child(1) a { margin-top: 12px !important; display: inline-block; font-size: 15px !important; color: #333 !important; } div[id*=blr] table tbody tr:nth-child(1) td:nth-child(1) a b { color: #333 !important; } div[id*=blr] table tbody tr:nth-child(1) td:nth-child(2) { font-size: 10px; } div[id*=blr] table tbody tr:nth-child(2) td { padding-left: 48px !important; } div[id*=blr] table tbody tr:nth-child(1) td:nth-child(1) span { font-size: 15px !important; } You can try to play along with it, but through CSS, it's next to impossible to make an appearance similar to the one you've sent. hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
| |||
| |||