Webboard

Pełna wersja: Shuoutbox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam mam błąd przy shoutboxie nie będę go zbytnio opisywał tylko dodam ss'a 
Reinstalacja pluginu nie pomaga 
[attachment=13675]

Domena: CS-420.PL
wgraj css do Shuoutbox
(28.04.2018, 13:35)DaFi napisał(a): [ -> ]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
(28.04.2018, 13:44)DaFi napisał(a): [ -> ]daj link do forum

Przecież jest.

Podaj kod od formatowania grupy właściciel sieci.
(28.04.2018, 13:45)Axwell napisał(a): [ -> ]CS-420.PL
nie zauważyłem :D
(28.04.2018, 13:45)Axwell napisał(a): [ -> ]
(28.04.2018, 13:44)DaFi napisał(a): [ -> ]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.
Kod:
#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 xD
ł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>

(28.04.2018, 14:01)DaFi napisał(a): [ -> ]
Kod:
#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 [attachment=13676]
Nie zamykasz tagu <strong> w tym kodzie.
Spróbuj tak:
Kod PHP:
<span style="color: #FF0000; text-shadow: 1px 1px 12px #FF0000; background: url(http://przemo.org/phpBB2/forum/files/gwiazdkired_158.gif)"><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:
[Obrazek: iUHq1rW.png]
(28.04.2018, 14:05)DaFi napisał(a): [ -> ]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