Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Custom Solutions » Reputation style
Reputation style
Ken_D
Posts: 51
Reputation: 0

Message # 1 | 1:33 PM
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 happy
Post edited by Ken_D - Sunday, 2016-07-17, 1:38 PM
steven4u
Posts: 73
Reputation: 8

Message # 2 | 4:42 PM
Ken_D, what is your website URL ?
A person who never made a mistake never tried anything new
Ken_D
Posts: 51
Reputation: 0

Message # 3 | 11:43 AM
steven4u, why would you need my website URL? I'm just asking if it's possible to change the style of reputation list. cry
bigblog
yeah, i'm still here
Posts: 1363
Reputation: 65

Message # 4 | 4:07 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.
i breathe... sometimes
Ken_D
Posts: 51
Reputation: 0

Message # 5 | 6:25 PM
bigblog, here you go:
http://flap.ucoz.lv/

hope you'll help me somehow! smile

Added (2016-08-23, 6:25 PM)
---------------------------------------------
anyone? please?

bigblog
yeah, i'm still here
Posts: 1363
Reputation: 65

Message # 6 | 2:00 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.

i breathe... sometimes
Ken_D
Posts: 51
Reputation: 0

Message # 7 | 4:26 PM
bigblog, thanks! Now I can try to change css, before I didn't even know how to start!
uCoz Community » For Webmasters » Custom Solutions » Reputation style
Page 1 of 11
Search: