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

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

Mały rozmiarDVZ Shoutbox

Inne  Założony przez  Niki.

04.06.2015, 08:49
#1
wersja skryptu MyBB:1.8.4
adres forum:www.trainzgrup.c0.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): DVZ Shoutbox (2.1.3)

Problem polega na tym że po zainstalowaniu shoutboxa i jego aktywacji czat jest po prostu malutki i w ogóle nie wygląda jak chat, co widać na załączonym obrazku.

   
04.06.2015, 08:52
#2
Zastosuj się do instrukcji jaka jest załączona w pluginie
04.06.2015, 09:14
#3
Zrobiłem jak pisało, dodałem ten kod do global.css ale nic nie daje, sb jest taki jaki był

/* 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 > 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; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#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; } 
Matslom napisał 04.06.2015, 11:17:
Kody podajemy w [code] lub [php]
04.06.2015, 11:17
#4
Podaj konto testowe lub włącz SB dla niezalogowanych.
04.06.2015, 11:28
#5
Dane do konta testowego wysłałem ci na pw. Teraz sb wygląda tak.

   
04.06.2015, 11:34
#6
Zapewne shoutbox właśnie działa tak na darmowych forach , polecam je zmienic a napewno bedziesz mial mniej problemow co do shoutboxa.
Akcja "Dziękuję za pomoc"

  • LikeLoveHate

  • Gość
  •   0
04.06.2015, 11:37
#7
MRWynt3l napisał(a):Zapewne shoutbox właśnie działa tak na darmowych forach , polecam je zmienic a napewno bedziesz mial mniej problemow co do shoutboxa.

Śmieszne... Co ma darmowy hosting do tego, że zmienna {$dvz_shoutbox} jest wpisana w złym miejscu w szablonie? -.-'
Następnym razem nie pisz postów, skoro nie wiesz o co chodzi.

@ do autora: pokaż szablon index.
04.06.2015, 11:39 (Ten post był ostatnio modyfikowany: 04.06.2015, 11:40 przez Niki.)
#8
Łap,
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>  
{$header}
{$forums}
{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>
{$dvz_shoutbox}
{$mybb_talk}

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Reklamy TrainzGrup -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3931996845977580"
     data-ad-slot="1744845698"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> 

  • LikeLoveHate

  • Gość
  •   0
04.06.2015, 11:42
#9
Swój zamień na poniższy:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Reklamy TrainzGrup -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3931996845977580"
     data-ad-slot="1744845698"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</head>
<body>
{$header}
{$dvz_shoutbox}
{$mybb_talk}
{$forums}
{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>
04.06.2015, 11:54
#10
Sb wyświetla się u góry ale jest taki sam jak na dole, czyli nie widać tekstu i nie ma żadnych opcji nic.

  • LikeLoveHate

  • Gość
  •   0
04.06.2015, 11:58
#11
Jest taki sam szeroki, bo masz działy takie szerokie. Jeśli chcesz mieć sb na dole, wystarczy przenieść zmienną shoutboxa pod zmienną {$forum}. Natomiast reszta to już kwestia CSSa
04.06.2015, 12:03 (Ten post był ostatnio modyfikowany: 04.06.2015, 12:05 przez Niki.)
#12
Czyli muszę zmienić styl na inny? Zmieniłem na domyślny by sprawdzić ale nadal jest to samo. Nie ma jakiegoś normalnego SB? jak był w poprzednich wersjach MyShoutBox czy coś takiego.

  • LikeLoveHate

  • Gość
  •   0
04.06.2015, 12:06
#13
Zacznijmy od tego, że na domyślnym nie masz zmiennej shoutboxa. Natomiast stylu zmienić nie musisz, wystarczy pozmieniać .head na .thead w cssie i js shoutboxa, no i zmienić z class="head" na class="thead" w szablonie shoutboxa.
04.06.2015, 13:16
#14
Pozmieniałem, nic to nie dało praktycznie.
   
04.06.2015, 13:25 (Ten post był ostatnio modyfikowany: 04.06.2015, 13:26 przez Matslom.)
#15
Wygląda tak, a nie inaczej bo źle wkleiłeś style.
Style (.css) edytujemy używając trybu zaawansowanego. Znajdź
#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    #shoutbox {
    margin-bottom: 10px;
    border: solid 2px rgba(0,0,0,0.1);
    /* DVZ Shoutbox */
    #shoutbox {
 margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1);
}

#shoutbox .thead  {
 padding: 8px;
}

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

#shoutbox .thead  .right {
 float: right; margin: 0; font-size: 13px;
}

#shoutbox.collapsed .thead  {
 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 > 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;
}

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

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

color: white;
}

#shoutbox .thead  {
 padding: 8px;
}

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

#shoutbox .thead  .right {
 float: right; margin: 0; font-size: 13px;
}

#shoutbox.collapsed .thead  {
 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 > 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;
}

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

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


}

#shoutbox .thead  {
 padding: 8px;
}

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

#shoutbox .thead  .right {
 float: right; margin: 0; font-size: 13px;
}

#shoutbox.collapsed .thead  {
 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 > 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;
}

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

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

font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
} 
zamień na
#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
        text-align: left;
        line-height: 1.4;
        margin: 0;
        min-width: 990px;
    
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size: 13px;
} 
Kod z postu #3 wklej na sam końcu pliku global.css



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

1 gości