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
Great & Powerful
Posts: 1303
Reputation: 62
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.
trixie took over this account halp
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
Great & Powerful
Posts: 1303
Reputation: 62
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.

trixie took over this account halp
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: