2020-06-15, 10:18 AM
Hi again!
I've done some playing around! I've made the following changes, which brought about the attached gif. However, you'll notice that whatever button is 'active' gets really big. Not sure where I messed up!
Here is the code that got adjusted;
CSS
ougccustomrep_rep [moved the 'customrep' span out of the main span]
ougccustomrep_rep_number [Just moved the space code to the end]
Gif: The first second is when I come into the thread. The 'active' button stays fat even if I move on to the next post and change the reputations on that one.
![[Image: 2ae2813c7711b3b77fd7b4a7c59796cf.gif]](https://camo.mybb.com/2574d54e8a38b3fd2f24b03c797107b1874b6f0b/68747470733a2f2f692e6779617a6f2e636f6d2f32616532383133633737313162336237376664376234613763353937393663662e676966)
I've done some playing around! I've made the following changes, which brought about the attached gif. However, you'll notice that whatever button is 'active' gets really big. Not sure where I messed up!
Here is the code that got adjusted;
CSS
/***************************************************************************
*
* OUGC Custom Reputation plugin (CSS FILE)
* Author: Omar Gonzalez
* Copyright: © 2012 - 2020 Omar Gonzalez
*
* Website: https://ougc.network
*
* Allow users rate posts with custom post reputations with rich features.
*
***************************************************************************
****************************************************************************
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
****************************************************************************/
.customrep .number {
border: 1px solid #A37140;
background: #232424;
position: absolute;
z-index: 2;
top: -0.7em;
right: -1em;
min-width: 1.2em;
min-height: 1.2em;
padding: .2em;
line-height: 1;
text-align: center;
-moz-border-radius: 500rem;
-webkit-border-radius: 500rem;
border-radius: 500rem;
text-decoration: none !important;
font-weight: bolder;
}
.customrep .number.voted {
border: 1px solid #232424;
background: #A37140;
color: #232424;
}
.customrep img {
vertical-align: middle;
}
.customrep img, .customrep i {
cursor: pointer;
line-height: 1;
}
.customrep > span {
display: inline-block;
padding: 2px 5px;
margin: 2px;
background: #1D1E1E /*url(images/buttons_bg.png) repeat-x*/;
border: 2px solid #A37140;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
margin-right: 1em;
color: #F3DAC1;
}
.customrep, .customrep * {
font-size: 11px;
}
ougccustomrep_rep [moved the 'customrep' span out of the main span]
<span class="customrep"><span title="{$lang_val}" id="customrep_{$customrep->post['pid']}_{$rid}">{$image} {$reputation['name']} {$number}</span></span>
ougccustomrep_rep_number [Just moved the space code to the end]
<a href="javascript:MyBB.popupWindow('/{$popupurl}');" rel="nofollow" title="{$lang->ougc_customrep_viewall}" class="number {$voted_class}" title="{$lang->ougc_customrep_viewlatest}" id="ougccustomrep_view_{$customrep->post['pid']}">{$number}</a>
Gif: The first second is when I come into the thread. The 'active' button stays fat even if I move on to the next post and change the reputations on that one.