Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

shout box

Założony przez  BeTa.

19.08.2019, 14:51 (Ten post był ostatnio modyfikowany: 21.08.2019, 20:38 przez Łukasz.)
#1
Adres forum:
https://totalniepolskirpg.pl/

Wersja silnika:
najnowsza


Opis problemu:
wszystko widać na screenshocie wgrałem prawidłowo wszystko do ftp oraz w dodałem w global.css ale dalej działa tak jak jest.        
21.08.2019, 23:38
#2
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 */
   
Ciągle taki sam
22.08.2019, 09:51
#3
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)
22.08.2019, 11:04
#4
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ę.
22.08.2019, 11:08
#5
Nie zmienia się
22.08.2019, 11:14
#6
Nie wiem skąd ten CSS wziąłeś. Pobrałem paczkę z oficjalnej strony mybb i znalazłem tam taki css:
/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { border-top: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #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 { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: table-row !important; width: 100%; 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 > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { display: table-cell; padding: 6px; }

#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; word-break: break-all; word-wrap: break-word; }
#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; }

Podmieniłem go lokalnie za ten co jest u ciebie i taki efekt: https://i.imgur.com/FAKBhk7.png
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
22.08.2019, 11:28
#7
Nie wiem jak ty to zrobiłeś ale u mnie po dodaniu twojego kodu nic się nie zmieniło
   
22.08.2019, 11:37
#8
CTRL + F5 sprobuj



Użytkownicy przeglądający ten wątek:

1 gości