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

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

Zmiana tła w DVZ_Shoutbox

Założony przez  VasiDePL.

11.02.2014, 19:29 (Ten post był ostatnio modyfikowany: 11.02.2014, 19:51 przez Matslom.)
#1
wersja skryptu MyBB: 1.6.11
adres forum: http://www.pc-forum.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak edytować sb by był pod kolor tła - takie ciemne

[Obrazek: 67422042375957337585.png]
Matslom napisał 11.02.2014, 19:51:
Poprawiam tytuł. [Obrazek: modnotice_howto.png]
11.02.2014, 19:33
#2
W ACP → Szablony (z lewej) → Szablony globalne → dvz_shoutbox edytuj te dwa argumenty:

.sb_2 oraz .sb_1
Pomoc poza forum - odpłatnie.
11.02.2014, 19:37 (Ten post był ostatnio modyfikowany: 11.02.2014, 19:37 przez VasiDePL.)
#3
Tylko że ja kodu potrzebuje :p

<html>
<head>
<title>{$lang->dvz_sb_archive}</title>
{$headerinclude}
<style>
.tablehead {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */
    color: #ffffff;
    line-height:36px;
    height:36px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: inset 0px 1px 0 #528cbc;
    border-top: 1px solid #316897;
    border-left: 1px solid #316897;
    border-right: 1px solid #316897;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    overflow: hidden;
}

.tablehead img { padding-top 10x;}

.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #fff; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
#shoutbox .trow1 {
    background: #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #fff;
    border-bottom: 1px solid #BCBCBC;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
    margin: auto auto;
    border: 9px solid #fff;
    background: #fff;
    padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    border-bottom: 6px solid #BCBCBC;
}

#shoutbox .trow1 {
    background-color: #333333;
    border-top: 1px solid #BCBCBC;
}
#shoutbox .trow2 {
    background-color: #333333;
    border-top: 1px solid #BCBCBC;
}
</style>
</head>
<div class="thead"> &nbsp;&nbsp;PCbox<a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"/></a> &nbsp;&nbsp;</div>
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">Shoutbox zmodyfikowany przez DjHeHe to ogłoszenie możesz zmienić w szablonach globalnych</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script>
11.02.2014, 19:40
#4
Pierwsze to zmień stopkę.. Dopiero potem domagaj się pomocy.
11.02.2014, 19:41
#5
Jakiego kodu potrzebujesz?

Zmieniasz sobie to:

.sb_1 {
    margin: auto auto;
    border: 9px solid #fff;
    background: #fff;
    padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
} 

Dajesz sobie border jaki chcesz i background i nie masz białego.
Pomoc poza forum - odpłatnie.
11.02.2014, 19:44
#6
Brakuje mi jeszcze pomiędzy odpowiedziami , jest taki biały paseczek , fajniej by było gdyby "ten pasek" zastąpić "---------------------------"
przecinającymi się kreskami
11.02.2014, 21:38
#7
dodaj jeszcze
border: 1px dashed #kolor; 
albo jeśli chcesz dolny
border-bottom: 1px dashed #kolor; 
1 px możesz zmienić.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.



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

3 gości