Błąd Shuoutbox

Witam mam błąd przy shoutboxie nie będę go zbytnio opisywał tylko dodam ss'a 
Reinstalacja pluginu nie pomaga 
   

Domena: CS-420.PL

wgraj css do Shuoutbox

wgraj css do Shuoutbox

Coś więcej na ten temat?
Jeśli wgram css do shoutboxa bedzie różnił się stylem od reszty forum co nie będzie chyba miłe dla oka jest jakiś inny sposób?

daj link do forum
i konto testowe

daj link do forum

Przecież jest.

Podaj kod od formatowania grupy właściciel sieci.

CS-420.PL

nie zauważyłem

daj link do forum

Przecież jest.

Podaj kod od formatowania grupy właściciel sieci.

Gdzie to jest?

ACP -> Użytkownicy i grupy -> Grupy (po lewej) -> Właściciel sieci (jeżeli ta czerwona grupa z gwiazdką tak się nazywa) -> Format loginu.

#shoutbox {width: 100%;margin: auto auto;background: #0008;border-radius: 6px;margin-bottom: 20px;}
#shoutbox .head { padding: 8px; }
#shoutbox .head  { cursor: pointer; color:  #eee;padding: 21px;font-size: 15px;font-family: 'Encode Sans Expanded', sans-serif;text-transform:  unset;border-radius:  0;position:  relative;overflow: visible;}
#shoutbox .head:before {    content: "";    height:  2px;    width: 96%;    background: #222;    bottom: 0;    display:  block;    position:  absolute;    left: 2%;}
#shoutbox .head:after {  content: "";   width: 150px;    height:  2px;    position:  absolute;    bottom: 0;    left: 2%;    background: #07c667;}
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.9; }
#shoutbox.collapsed .body { display: none; }
#shoutbox.collapsed .head {
   opacity: 0.6;
}
#shoutbox.collapsed .body {
   display: none;
}
#shoutbox input.text {
   margin-top: 10px;
   padding: 11px 26px;
   border-radius: 4px;
   width: 100%;
   box-sizing: border-box;
   border: none;
   outline: 0;
   font-size: 13px;
   color: #87c50d;
   background: #000;
}
#shoutbox .minposts,
#shoutbox .blocked {
   padding: 6px;
   font-size: 11px;
}
#shoutbox .panel.minposts {
   background: #FFFED8;
   color: #727250;
}
#shoutbox .panel.blocked {
   background: #FCEFEF;
   color: #543A3A;
}
#shoutbox .panel p {
   margin: 0;
}
#shoutbox .window {
   overflow-y: scroll;
   margin-top: 15px;
}
#shoutbox .data {
   width: 100%;
}
#shoutbox .entry {
   width: 100%;
   padding: 10px 10px 10px 50px;
   box-sizing: border-box;
   position: relative;
   border-bottom: 1px solid #000;
   transition: background-color 0.2s;
}
#shoutbox .entry:nth-child(even) {
   background-color: rgba(0, 0, 0, 0.01);
}
#shoutbox .entry.new {
   background-color: rgba(255, 255, 100, 0.1);
}
#shoutbox .entry:target {
   background-color: rgba(50, 200, 255, 0.1);
}
#shoutbox .entry .avatar {
   position: absolute;
   left: 5px;
   top: 16px;
}
#shoutbox .avatar img {
   margin: 0 auto;
   vertical-align: middle;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   border: solid 1px rgba(255, 255, 255, 0.1);
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
   cursor: pointer;
}
#shoutbox .text {
   width: 100%;
   color: #a5a5a5;
   word-break: break-all;
   word-wrap: break-word;
   font-size: 13px;
   margin-top: 3px;
   line-height: 18px;
}
#shoutbox .text a {
   color: #a5a5a5;
}
#shoutbox .info {
   font-size: 12px;
   color: #66aa09;
   white-space: nowrap;
}
#shoutbox .entry.unread .info:before {
   display: inline-block;
   position: relative;
   top: -2px;
   margin-right: 10px;
   height: 4px;
   width: 4px;
   content: '';
   background: rgba(255, 100, 0, 0.8);
   border-radius: 10px;
}
#shoutbox .info a {
   color: inherit;
   color: #fdfdfd;
}
#shoutbox .mod {
   padding: 6px 8px;
   font-size: 9px;
   font-weight: bold;
   background: #000;
   margin-right: 5px;
   text-decoration: none;
}
#shoutbox .mod:nth-of-type(2) {
   margin-right: 5px;
   border-left: solid 1px rgba(0, 0, 0, 0.1);
}
#shoutbox .ip {
   margin-right: 10px;
   color: #CECECE;
}
.shoutbox-stats {
  margin: 20px;
  text-align: center;
}

.shoutbox-stats .stat {
  margin: 10px;
}

.shoutbox-stats .block {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(top, rgba(183, 39, 39, 1) 0%, rgba(84, 13, 13, 1) 100%);
  box-sizing: border-box;
  border-left: 3px solid #ee0000;
  color: #fff;
  border-radius: 3px;
  border-bottom: 2px;
  padding: 5px 10px;
  right: 8px;
  transform: translateY(-50%);
  /* padding: 6px; */
  /* border-radius: 2px; */
  /* font-weight: bold; */
  /* color: #FFF; */
}

daj to do dvz_shoutbox.css

W sumie możliwe że to coś z tym bo sam robiłem wszystkie grupy
łap:
<span style="color: #FF0000; text-shadow: 1px 1px 12px #FF0000; background: url(http://przemo.org/phpBB2/forum/files/gwi...ed_158.gif)"><i class="fa fa-star"></i><strong>{username}<strong></span>

---

#shoutbox {width: 100%;margin: auto auto;background: #0008;border-radius: 6px;margin-bottom: 20px;}
#shoutbox .head { padding: 8px; }
#shoutbox .head  { cursor: pointer; color:  #eee;padding: 21px;font-size: 15px;font-family: 'Encode Sans Expanded', sans-serif;text-transform:  unset;border-radius:  0;position:  relative;overflow: visible;}
#shoutbox .head:before {    content: "";    height:  2px;    width: 96%;    background: #222;    bottom: 0;    display:  block;    position:  absolute;    left: 2%;}
#shoutbox .head:after {  content: "";   width: 150px;    height:  2px;    position:  absolute;    bottom: 0;    left: 2%;    background: #07c667;}
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.9; }
#shoutbox.collapsed .body { display: none; }
#shoutbox.collapsed .head {
    opacity: 0.6;
}
#shoutbox.collapsed .body {
    display: none;
}
#shoutbox input.text {
    margin-top: 10px;
    padding: 11px 26px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: 0;
    font-size: 13px;
    color: #87c50d;
    background: #000;
}
#shoutbox .minposts,
#shoutbox .blocked {
    padding: 6px;
    font-size: 11px;
}
#shoutbox .panel.minposts {
    background: #FFFED8;
    color: #727250;
}
#shoutbox .panel.blocked {
    background: #FCEFEF;
    color: #543A3A;
}
#shoutbox .panel p {
    margin: 0;
}
#shoutbox .window {
    overflow-y: scroll;
    margin-top: 15px;
}
#shoutbox .data {
    width: 100%;
}
#shoutbox .entry {
    width: 100%;
    padding: 10px 10px 10px 50px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #000;
    transition: background-color 0.2s;
}
#shoutbox .entry:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.01);
}
#shoutbox .entry.new {
    background-color: rgba(255, 255, 100, 0.1);
}
#shoutbox .entry:target {
    background-color: rgba(50, 200, 255, 0.1);
}
#shoutbox .entry .avatar {
    position: absolute;
    left: 5px;
    top: 16px;
}
#shoutbox .avatar img {
    margin: 0 auto;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
#shoutbox .text {
    width: 100%;
    color: #a5a5a5;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 13px;
    margin-top: 3px;
    line-height: 18px;
}
#shoutbox .text a {
    color: #a5a5a5;
}
#shoutbox .info {
    font-size: 12px;
    color: #66aa09;
    white-space: nowrap;
}
#shoutbox .entry.unread .info:before {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    height: 4px;
    width: 4px;
    content: '';
    background: rgba(255, 100, 0, 0.8);
    border-radius: 10px;
}
#shoutbox .info a {
    color: inherit;
    color: #fdfdfd;
}
#shoutbox .mod {
    padding: 6px 8px;
    font-size: 9px;
    font-weight: bold;
    background: #000;
    margin-right: 5px;
    text-decoration: none;
}
#shoutbox .mod:nth-of-type(2) {
    margin-right: 5px;
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}
#shoutbox .ip {
    margin-right: 10px;
    color: #CECECE;
}
.shoutbox-stats {
   margin: 20px;
   text-align: center;
}

.shoutbox-stats .stat {
   margin: 10px;
}

.shoutbox-stats .block {
   font-size: 10pt;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(top, rgba(183, 39, 39, 1) 0%, rgba(84, 13, 13, 1) 100%);
   box-sizing: border-box;
   border-left: 3px solid #ee0000;
   color: #fff;
   border-radius: 3px;
   border-bottom: 2px;
   padding: 5px 10px;
   right: 8px;
   transform: translateY(-50%);
   /* padding: 6px; */
   /* border-radius: 2px; */
   /* font-weight: bold; */
   /* color: #FFF; */
}

daj to do dvz_shoutbox.css

Jeśli ma to zmienić mi cały wygląd shoutboxa to wole mieć ten błąd

z moim kodem ten czat wyglada jak powinien a   nie jak gówno XD     

Nie zamykasz tagu <strong> w tym kodzie.
Spróbuj tak:

<span style="color: #FF0000; text-shadow: 1px 1px 12px #FF0000; background: url(http://przemo.org/phpBB2/forum/files/gwiazdkired_158.gif)"><i class="fa fa-star"></i><strong>{username}</strong></span> 


@UP: Po co ma podmieniać kod od ShoutBoxa, żeby "nie wyglądał jak gówno", skoro to nie w tym leży problem? Podmiana CSS nie naprawi samego problemu, bo cały czas w kodzie pozostaje taki syf:

z moim kodem ten czat wyglada jak powinien a nie jak gówno XD [attachment=13676]

No ok ale gdzie dokładnie to dodać

wejdz w style > twoj styl i tam masz napisane wszystko

Dzięki działa
Sposób axwella był szybszy i działa jak powinno przynajmniej na razie