Webboard

Pełna wersja: Nie pokazuje pucharów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Adres forum:
[uzupełnij]
http://hard-shots.pl/index.php

Wersja silnika:
[uzupełnij]
1.8.15

Opis problemu:
[tutaj opisz dokładnie problem]
Witam,po zainstalowaniu pluginu z Top Shout https://webboard.pl/thread-74782-post-32...#pid321402 nie pokazuje mi tych pucharów co autor umieścił w pluginie. Prosił bym o pomoc
http://prntscr.com/k1ipte
Zamień cały dvz_shoutbox.css na ten (dostosowano tutaj wyświetlanie ikonek do FontAwesome 5.0):
Kod PHP:
/* DVZ Shoutbox */

#shoutbox {
    
margin-bottom30px;
}
#shoutbox.front .head {
    
cursorpointer;
}
#shoutbox.collapsed .head {
    
opacity0.6;
}
#shoutbox.collapsed .body {
    
displaynone;
}
#shoutbox input.text {
    
margin-top10px;
    
padding11px 26px;
    
border-radius4px;
    
width100%;
    
box-sizingborder-box;
    
bordernone;
    
outline0;
    
font-size13px;
    
color#fff;
    
background#000;
}
#shoutbox .minposts,
#shoutbox .blocked {
    
padding6px;
    
font-size11px;
}
#shoutbox .panel.minposts {
    
background#FFFED8;
    
color#727250;
}
#shoutbox .panel.blocked {
    
background#FCEFEF;
    
color#543A3A;
}
#shoutbox .panel p {
    
margin0;
}
#shoutbox .window {
    
overflow-yscroll;
    
margin-top15px;
}
#shoutbox .data {
    
width100%;
}
#shoutbox .entry {
    
width100%;
    
padding10px 10px 10px 50px;
    
box-sizingborder-box;
    
positionrelative;
    
border-bottom1px solid #000;
    
transitionbackground-color 0.2s;
}
#shoutbox .entry:nth-child(even) {
    
background-colorrgba(0000.01);
}
#shoutbox .entry.new {
    
background-colorrgba(2552551000.1);
}
#shoutbox .entry:target {
    
background-colorrgba(502002550.1);
}
#shoutbox .entry .avatar {
    
positionabsolute;
    
left5px;
    
top16px;
}
#shoutbox .avatar img {
    
margin0 auto;
    
vertical-alignmiddle;
    
width30px;
    
height30px;
    
border-radius50%;
    
bordersolid 2px #c64723;
    
box-shadow0 0 2px #c64723;
    
cursorpointer;
    
animationpulsemulti 1s infinite;
}
/*#shoutbox .text img {
height:25px;
}*/
#shoutbox .text {
    
width100%;
    
color#a5a5a5;
    
word-break: break-all;
    
word-wrap: break-word;
    
font-size15px;
    
margin-top3px;
    
line-height18px;
}
#shoutbox .text a {
    
color#007fff;
}
#shoutbox .text a:hover {
    
color#007fff;
}
#shoutbox .info {
    
font-size12px;
    
color#c64723;
    
white-spacenowrap;
    
text-alignright; }
}
#shoutbox .entry.unread .info:before {
    
displayinline-block;
    
positionrelative;
    
top: -2px;
    
margin-right10px;
    
height4px;
    
width4px;
    
content'';
    
backgroundrgba(01272550.8);
    
border-radius10px;
}
#shoutbox .info a {
    
colorinherit;
}
#shoutbox .mod {
    
padding6px 8px;
    
font-size9px;
    
font-weightbold;
    
background#000;
    
margin-right5px;
    
text-decorationnone;
}
#shoutbox .mod:nth-of-type(2) {
    
margin-right5px;
    
border-leftsolid 1px rgba(0000.1);
}
#shoutbox .ip {
    
margin-right10px;
    
color#CECECE;
}
#sb_og {
    
background-color#c64723;
    
background: -moz-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -webkit-gradient(radialcenter center0pxcenter center100%, color-stop(0%, #e8a251), color-stop(100%, #c64723));
    
background: -webkit-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -o-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -ms-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
backgroundradial-gradient(ellipse at top#e69f4f 0%, #c64723 100%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#e8a251'endColorstr='#c64723',GradientType=);
    
box-shadowinset 0px -2px 1px 0px #9d381c;
    
border-top1px solid #f2c672;
    
color#fff;
    
padding7px;
    
text-aligncenter;
    
border-radius5px;    
    
font-size14px;
    
margin-top2px;
}        
.
przycisksb {
    
font-size10pt;
    
font-weightbold;
    
text-aligncenter;
    
vertical-alignmiddle;
    
background-color#c64723;
    
background: -moz-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -webkit-gradient(radialcenter center0pxcenter center100%, color-stop(0%, #e8a251), color-stop(100%, #c64723));
    
background: -webkit-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -o-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -ms-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
backgroundradial-gradient(ellipse at top#e69f4f 0%, #c64723 100%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#e8a251'endColorstr='#c64723',GradientType=);
    
box-shadowinset 0px -2px 1px 0px #9d381c;
    
border-top1px solid #f2c672;
    
filterprogidDXImageTransform.Microsoft.gradientstartColorstr='#007fff'endColorstr='#002eaf'GradientType=0);
    
box-sizingborder-box;
    
color#fff;
    
border-radius3px;
    
padding0px 6px;
    
right8px;
}
.
przycisksb:hover {
color:#002eaf;
    
background:none;
}
    .
shoutbox-stats {
   
margin20px;
   
text-aligncenter;
}

.
shoutbox-stats .stat {
   
margin10px;
}

.
shoutbox-stats .block {
    
font-size10pt;
    
font-weightbold;
    
text-aligncenter;
    
vertical-alignmiddle;
    
background-color#c64723;
    
background: -moz-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -webkit-gradient(radialcenter center0pxcenter center100%, color-stop(0%, #e8a251), color-stop(100%, #c64723));
    
background: -webkit-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -o-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
background: -ms-radial-gradient(centerellipse cover#e8a251 0%, #c64723 100%);
    
backgroundradial-gradient(ellipse at top#e69f4f 0%, #c64723 100%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#e8a251'endColorstr='#c64723',GradientType=);
    
box-shadowinset 0px -2px 1px 0px #9d381c;
    
border-top1px solid #f2c672;
    
filterprogidDXImageTransform.Microsoft.gradientstartColorstr='#007fff'endColorstr='#002eaf'GradientType=0);
    
box-sizingborder-box;
    
color#fff;
    
border-radius3px;
    
padding5px 10px;
    
right8px;
    
transformtranslateY(-50%);
}
#topshouts .user:nth-child(1) .info h4:before
}
#topshouts {width: 100%;display: flex;flex-flow: row wrap;justify-content: center;padding: 25px 0;}
#topshouts > h3 {margin: 0 5px 15px; font-weight: 500; width:  100%;display:  block;text-align:  center;font-size:  13px;}
#topshouts > h3 span {opacity: .6;font-size:  11px;}
#topshouts .user {display: inline-flex;margin: 0 7px;}
#topshouts .user .avatar {width: 40px;height: 40px;    border-radius: 50%;}
#topshouts .user .info {padding:  0 10px;text-align:  center;}
#topshouts .user .info h3,
#topshouts .user .info h4 {margin: 0;padding: 0;}
#topshouts .user .info h4 {font-size: 13px;font-weight: 500;line-height: 20px;}
#topshouts .user:nth-child(-n+3) .info h4:before {content: "\f091";font-family: FontAwesome, Awesome; margin-right: 5px;font-size:  20px;line-height: 13px;}
#topshouts .user:nth-child(1) .info h4:before {color: #f3cc00;}
#topshouts .user:nth-child(2) .info h4:before {color: #c3c3c3;}
#topshouts .user:nth-child(3) .info h4:before {color: #922525;}

#topshouts .user:nth-child(1) .info h4:before
}

article .trow4:nth-child(n+4) .fa-trophy {
 
color#fff;
}

article .trow4:nth-child(1) .fa-trophy {
 
color#F9BF3B;
}

article .trow4:nth-child(2) .fa-trophy {
 
color#BDC3C7;
}

article .trow4:nth-child(3) .fa-trophy {
  
color#b15f31;
}

article .row:nth-child(n+4) .fa-trophy {
 
color#fff;
}

article .row:nth-child(1) .fa-trophy {
 
color#F9BF3B;
}

article .row:nth-child(2) .fa-trophy {
 
color#BDC3C7;
}

article .row:nth-child(3) .fa-trophy {
 
color#b15f31;
}

article .row:nth-child(n+4) .fa-plus-square {
 
color#5f7a47;
}

article .row:nth-child(1) .fa-plus-square {
 
color#5f7a47;
}

article .row:nth-child(2) .fa-plus-square {
 
color#5f7a47;
}

article .row:nth-child(3) .fa-plus-square {
 
color#5f7a47;
}
#topshouts {width: 100%;display: flex;flex-flow: row wrap;justify-content: center;padding: 25px 0;}
#topshouts > h3 {margin: 0 5px 15px; font-weight: 500; width:  100%;display:  block;text-align:  center;font-size:  13px;}
#topshouts > h3 span {opacity: .6;font-size:  11px;}
#topshouts .user {display: inline-flex;margin: 0 7px;}
#topshouts .user .avatar {width: 40px;height: 40px;    border-radius: 50%;}
#topshouts .user .info {padding:  0 10px;text-align:  center;}
#topshouts .user .info h3,
#topshouts .user .info h4 {margin: 0;padding: 0;}
#topshouts .user .info h4 {font-size: 13px;font-weight: 500;line-height: 20px;}
#topshouts .user:nth-child(-n+3) .info h4:before {content: "\f091";font-family: "Font Awesome 5 Free"; margin-right: 5px;font-size:  20px;line-height: 13px;font-weight: 900;}
#topshouts .user:nth-child(1) .info h4:before {color: #f3cc00;}
#topshouts .user:nth-child(2) .info h4:before {color: #c3c3c3;}
#topshouts .user:nth-child(3) .info h4:before {color: #922525;}