Webboard

Po dodaniu tego kodu do global.css shoutbox się zmienia

Cytat:
/* DVZ Shoutbox */

#shoutbox {
   margin-bottom: 30px;
}

#shoutbox.front .head {
   cursor: pointer;
}

#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 .entry .avatar {
   position: absolute;
   left: 5px;
   top: 16px;
}

#shoutbox .avatar img {
   margin: 0 auto;
   vertical-align: middle;
   width: 35px;
   height: 35px;
   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: #000;
   word-break: break-all;
   word-wrap: break-word;
   font-size: 13px;
   margin-top: 3px;
   line-height: 18px;
}

#shoutbox .info {
 font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;
}

#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;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; 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;
}

/** DVZ_SMILIES_BOX */
#smilies_modal {
 
display: none; 
position: fixed; 
overflow: auto;
z-index: 99999!important;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100vh;
padding-top: 25%;
margin-top: -10%;
}

#smilies_container {
z-index: 99999!important;
background-color: #333;
padding: 10px 15px;
border: px solid #666;
border-radius: 3px;
margin: 0 auto;
width: 30%;
}

#smilies_modal_close {
cursor: pointer;
}

/** DVZ_SMILIES_BOX END*/

/** DVZ_SHOUTBOX SPAMERZY START*/

.shoutbox-stats {
margin: 20px;
text-align: center;
z-index: 0;
}

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

.shoutbox-stats .block {
z-index: 0;
background: #065591;
padding: 6px;
border-radius: 2px;
font-weight: bold;
color: #FFF;
}

/** DVZ_SHOUTBOX SPAMERZY END*/




/** Impromptu End */

[attachment=14780]
Ciągle taki sam

Boże, kogo Ty nosisz na tej Ziemi.

Wyczyść ciasteczka, odśwież parę razy stronę. To wszystko musi się przeładować "na czysto"
Chyba łatwo wpaść, analizując kod, że nie masz w nim "head" tylko "thead" i że należy to np. zamienić w szablonie od tego pluginu? Posprawdzać kod? Przecież to, co jest dodane z pluginem jest dopasowane pod domyślny lub taki, który używa domyślnych odnośników w kodzie. Pogłówkuj trochę 8)

To zmienia się?? Czy w końcu jest ciągle taki sam??
Może masz ustawienia jak w przypadku mojego szablonu już ustawione pod styl i wpisane w inny .css
Badaj element który chcesz zmienić i sprawdzaj do jakich .css się odnosi, i tak jak wyżej kolega pisze po zmianach warto przeładować przeglądarkę.

Nie zmienia się

Nie wiem skąd ten CSS wziąłeś. Pobrałem paczkę z oficjalnej strony mybb i znalazłem tam taki css:

Podmieniłem go lokalnie za ten co jest u ciebie i taki efekt: https://i.imgur.com/FAKBhk7.png

Nie wiem jak ty to zrobiłeś ale u mnie po dodaniu twojego kodu nic się nie zmieniło
[attachment=14781]

CTRL + F5 sprobuj