Webboard

Pełna wersja: Mały rozmiarDVZ Shoutbox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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.

[attachment=9517]
Zastosuj się do instrukcji jaka jest załączona w pluginie
Zrobiłem jak pisało, dodałem ten kod do global.css ale nic nie daje, sb jest taki jaki był

Kod PHP:
/* 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; } 
Podaj konto testowe lub włącz SB dla niezalogowanych.
Dane do konta testowego wysłałem ci na pw. Teraz sb wygląda tak.

[attachment=9518]
Zapewne shoutbox właśnie działa tak na darmowych forach , polecam je zmienic a napewno bedziesz mial mniej problemow co do shoutboxa.

LikeLoveHate

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.
Łap,
Kod PHP:
<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

Swój zamień na poniższy:
Kod:
<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>
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

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
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

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.
Pozmieniałem, nic to nie dało praktycznie.
[attachment=9519]
Wygląda tak, a nie inaczej bo źle wkleiłeś style.
Style (.css) edytujemy używając trybu zaawansowanego. Znajdź
Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;
    
min-width990px;
    
#shoutbox {
    
margin-bottom10px;
    
bordersolid 2px rgba(0,0,0,0.1);
    
/* DVZ Shoutbox */
    #shoutbox {
 
margin-bottom10pxbordersolid 2px rgba(0,0,0,0.1);
}

#shoutbox .thead  {
 
padding8px;
}

#shoutbox.front .thead  {
 
cursorpointer;
}

#shoutbox .thead  .right {
 
floatrightmargin0font-size13px;
}

#shoutbox.collapsed .thead  {
 
opacity0.6;
}

#shoutbox.collapsed .body {
 
displaynone;
}

#shoutbox .panel {
 
border-topsolid 2px rgba(0,0,0,0.1);
}

#shoutbox input.text {
 
margin0padding10px 8pxwidth100%; box-sizingborder-boxbordernonebox-shadowinset 0 2px 4px rgba(0,0,0,0.08); font-familyArialsans-seriffont-size12pxcolor#000;
}

#shoutbox .minposts, #shoutbox .blocked {
 
padding6pxfont-size11px;
}

#shoutbox .panel.minposts {
 
background#FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 
background#FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 
margin0;
}

#shoutbox .window {
 
border-topsolid 2px rgba(0,0,0,0.1); overflow-yscroll;
}

#shoutbox .data {
 
displaytablewidth100%; border-topsolid 2px rgba(0,0,0,0.1); font-familyArialsans-seriffont-size12px;
}

#shoutbox.front .data {
 
border-topnone;
}

#shoutbox .entry {
 
displaytable-row !importantwidth100%; transitionbackground-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 
background-colorrgba(0,0,0,0.01);
}

#shoutbox .entry.new {
 
background-colorrgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 
border-bottomdashed 1px rgba(0,0,0,0.05);
}

#shoutbox .entry:last-child > div {
 
border-bottomnone;
}

#shoutbox .entry > div {
 
displaytable-cellpadding6px;
}

#shoutbox .avatar img {
 
margin0 autovertical-alignmiddlemax-height20pxmax-width20pxbordersolid 1px rgba(255,255,255,0.1); box-shadow0 0 2px rgba(0,0,0,0.1); cursorpointer;
}

#shoutbox .user {
 
border-rightsolid 1px rgba(0,0,0,0.05); text-alignrightwhite-spacenowrap;
}

#shoutbox .text {
 
width100%; color#555;
}

#shoutbox .info {
 
font-size11pxcolor#AAA; white-space: nowrap; text-align: right;
}

#shoutbox .mod {
 
padding6px 8pxfont-size9pxfont-weightboldcolor#AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 
margin-right5pxborder-leftsolid 1px rgba(0,0,0,0.1);
}

#shoutbox  .ip {
 
margin-right10pxcolor#CECECE;
}

colorwhite;
}

#shoutbox .thead  {
 
padding8px;
}

#shoutbox.front .thead  {
 
cursorpointer;
}

#shoutbox .thead  .right {
 
floatrightmargin0font-size13px;
}

#shoutbox.collapsed .thead  {
 
opacity0.6;
}

#shoutbox.collapsed .body {
 
displaynone;
}

#shoutbox .panel {
 
border-topsolid 2px rgba(0,0,0,0.1);
}

#shoutbox input.text {
 
margin0padding10px 8pxwidth100%; box-sizingborder-boxbordernonebox-shadowinset 0 2px 4px rgba(0,0,0,0.08); font-familyArialsans-seriffont-size12pxcolor#000;
}

#shoutbox .minposts, #shoutbox .blocked {
 
padding6pxfont-size11px;
}

#shoutbox .panel.minposts {
 
background#FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 
background#FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 
margin0;
}

#shoutbox .window {
 
border-topsolid 2px rgba(0,0,0,0.1); overflow-yscroll;
}

#shoutbox .data {
 
displaytablewidth100%; border-topsolid 2px rgba(0,0,0,0.1); font-familyArialsans-seriffont-size12px;
}

#shoutbox.front .data {
 
border-topnone;
}

#shoutbox .entry {
 
displaytable-row !importantwidth100%; transitionbackground-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 
background-colorrgba(0,0,0,0.01);
}

#shoutbox .entry.new {
 
background-colorrgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 
border-bottomdashed 1px rgba(0,0,0,0.05);
}

#shoutbox .entry:last-child > div {
 
border-bottomnone;
}

#shoutbox .entry > div {
 
displaytable-cellpadding6px;
}

#shoutbox .avatar img {
 
margin0 autovertical-alignmiddlemax-height20pxmax-width20pxbordersolid 1px rgba(255,255,255,0.1); box-shadow0 0 2px rgba(0,0,0,0.1); cursorpointer;
}

#shoutbox .user {
 
border-rightsolid 1px rgba(0,0,0,0.05); text-alignrightwhite-spacenowrap;
}

#shoutbox .text {
 
width100%; color#555;
}

#shoutbox .info {
 
font-size11pxcolor#AAA; white-space: nowrap; text-align: right;
}

#shoutbox .mod {
 
padding6px 8pxfont-size9pxfont-weightboldcolor#AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 
margin-right5pxborder-leftsolid 1px rgba(0,0,0,0.1);
}

#shoutbox  .ip {
 
margin-right10pxcolor#CECECE;
}


}

#shoutbox .thead  {
 
padding8px;
}

#shoutbox.front .thead  {
 
cursorpointer;
}

#shoutbox .thead  .right {
 
floatrightmargin0font-size13px;
}

#shoutbox.collapsed .thead  {
 
opacity0.6;
}

#shoutbox.collapsed .body {
 
displaynone;
}

#shoutbox .panel {
 
border-topsolid 2px rgba(0,0,0,0.1);
}

#shoutbox input.text {
 
margin0padding10px 8pxwidth100%; box-sizingborder-boxbordernonebox-shadowinset 0 2px 4px rgba(0,0,0,0.08); font-familyArialsans-seriffont-size12pxcolor#000;
}

#shoutbox .minposts, #shoutbox .blocked {
 
padding6pxfont-size11px;
}

#shoutbox .panel.minposts {
 
background#FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 
background#FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 
margin0;
}

#shoutbox .window {
 
border-topsolid 2px rgba(0,0,0,0.1); overflow-yscroll;
}

#shoutbox .data {
 
displaytablewidth100%; border-topsolid 2px rgba(0,0,0,0.1); font-familyArialsans-seriffont-size12px;
}

#shoutbox.front .data {
 
border-topnone;
}

#shoutbox .entry {
 
displaytable-row !importantwidth100%; transitionbackground-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 
background-colorrgba(0,0,0,0.01);
}

#shoutbox .entry.new {
 
background-colorrgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 
border-bottomdashed 1px rgba(0,0,0,0.05);
}

#shoutbox .entry:last-child > div {
 
border-bottomnone;
}

#shoutbox .entry > div {
 
displaytable-cellpadding6px;
}

#shoutbox .avatar img {
 
margin0 autovertical-alignmiddlemax-height20pxmax-width20pxbordersolid 1px rgba(255,255,255,0.1); box-shadow0 0 2px rgba(0,0,0,0.1); cursorpointer;
}

#shoutbox .user {
 
border-rightsolid 1px rgba(0,0,0,0.05); text-alignrightwhite-spacenowrap;
}

#shoutbox .text {
 
width100%; color#555;
}

#shoutbox .info {
 
font-size11pxcolor#AAA; white-space: nowrap; text-align: right;
}

#shoutbox .mod {
 
padding6px 8pxfont-size9pxfont-weightboldcolor#AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 
margin-right5pxborder-leftsolid 1px rgba(0,0,0,0.1);
}

#shoutbox  .ip {
 
margin-right10pxcolor#CECECE;
}

font-familyTahomaVerdanaArialSans-Serif;
    
font-size13px;
}

text-alignleft;
    
line-height1.4;
    
margin0;
    
min-width990px;
    
    
font-familyTahomaVerdanaArialSans-Serif;
    
font-size13px;

zamień na
Kod PHP:
#container {
    
text-alignleft;
    
line-height1.4;
    
margin0;
    
min-width990px;
        
text-alignleft;
        
line-height1.4;
        
margin0;
        
min-width990px;
    
        
font-familyTahomaVerdanaArialSans-Serif;
        
font-size13px;

Kod z postu #3 wklej na sam końcu pliku global.css
Stron: 1 2