Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Położenie tekstu dvz shoutbox
Pełna wersja: Położenie tekstu dvz shoutbox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

SLRH

13.07.2015, 11:43
wersja skryptu MyBB: 1.8.5
adres forum: http://super-liga.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałbym przenieść tekst w shoutboxie dvz pod nick. Proszę o pomoc.
[Obrazek: 80zvxJt.jpg]

CSS
Kod:
/* DVZ Shoutbox */
#shoutbox {
    margin-bottom: 10px;
    border: solid px rgba(0,0,0,0.1);
}

#shoutbox .head {
    background: #F5F5F5;
    color: #333;
    padding: 8px;
    border-bottom: 1px solid #DDD;
}

#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 {
    color: #ddd;
    border-top: solid px rgba(0,0,0,0.1);
    padding: 10px 15px;
    background-color: #F5F5F5;
    border-width: 1px medium medium;
    border-style: solid none none;
    border-color: #DDD -moz-use-text-color -moz-use-text-color;
}

#shoutbox input.text {
    width: 100%;
    color: #000;
    margin: 0;
    padding: 10px 8px;
    box-sizing: border-box;
    border: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0);
    border-color: #DDD -moz-use-text-color #CCC #CCC;
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border: 1px solid #BDBDBD;
    height: 35px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

#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 0px rgba(0,0,0,0.1);
    overflow-y: scroll;
    padding: 10px;
    background-color: #FFF;
}

#shoutbox .data {
    width: 100%;
    text-align: left;
    display: table;
    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 {
    background: #FFF;
    width: 100%;
    display: table-row !important;
    transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
    background-color: #FFF;
}

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

#shoutbox .entry > div {
    border-bottom: solid 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: 45px;
    max-width: 45px;
    border: solid 0px rgba(255,255,255,0.1);
    box-shadow: 0 0 0px rgba(0,0,0,0.1);
    cursor: pointer;
}

#shoutbox .user {
    border-right: solid px rgba(0,0,0,0.05);
    text-align: left;
    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;
}

Znalazłem poradnik: https://webboard.pl/thread-51834.html
Jednak mam inną wersje dvz shoutbox: DVZ Shoutbox (2.1.3)
Podpowie ktoś?

Supryk

13.07.2015, 11:52
Kasujesz link - nie licz na wsparcie techniczne - Post #262889
Jak umieścić brakujący link z informacją o autorze tłumaczenia - Post #263650

SLRH

13.07.2015, 12:23
Ale ja nic nie usuwałem i mam {$lang->powered_by} w szablonie footer, dodałem teraz
Kod:
<a href="https://webboard.pl">Tłumaczenie MyBB PL</a>
do szablonu i już jest, proszę o pomoc

Snake_

13.07.2015, 21:47
Sprawdź sobie z takim CSS-em:
Kod:
/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; background: rgba(250, 250, 250, 0.7);   }
#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%; background: #FAFAFA;    border-bottom: 1px solid #F2F2F2; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none;   background: #fff;   }

#shoutbox .entry { 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; }
Tylko ewentualnie zmień sobie kolory.

SLRH

14.07.2015, 10:07
Niestety, po podmienieniu kodu zmienił się tylko wygląd shoutboxa, jednak położenie tekstu się nie zmieniło.

Snake_

14.07.2015, 15:50
Ja tam nie widzę, abyś zastosował kod, który wyżej podałem.

SLRH

14.07.2015, 16:28
Bo przywróciłem poprzedni kod

Jaks0

14.07.2015, 17:09
więc wgraj kod który podał Ci snake.

SLRH

14.07.2015, 17:15
Po co mam go wgrywać 2 raz? jak nic nie daje
Ps Nic nie wnosisz do tematu

Jaks0

14.07.2015, 17:21
1. znajdź "#shoutbox .entry > div"
2. zamień:
Kod:
{
    display: table-cell;
    padding: 6px;
}

na
Kod:
{
    display: table-cell;
    padding: 0.5px;
}

SLRH

14.07.2015, 18:21
Jaks0 napisał(a):1. znajdź "#shoutbox .entry > div"
2. zamień:
Kod:
{
display: table-cell;
padding: 6px;
}
na
Kod:
{
display: table-cell;
padding: 0.5px;
}

1. Sprawdziłem
2. Nie wiem co ma padding do zmiany położenia tekstu
3. Wciąż czekam na pomoc

LikeLoveHate

14.07.2015, 18:48
Znajdź:
Kod:
#shoutbox .avatar img {

i usuń:
Kod:
vertical-align: middle;

SLRH

14.07.2015, 19:21
LikeLoveHate napisał(a):Znajdź:
Kod:
#shoutbox .avatar img {
i usuń:
Kod:
vertical-align: middle;
To nie to

LikeLoveHate

14.07.2015, 20:30
To to... Tylko oczywiście nie umiesz poczekać lub przeczyścić cache i wracasz do starego kodu.
Powodzenia.

SLRH

14.07.2015, 21:11
To przeniosło tekst niżej, a mi chodzi o przeniesienie tekstu pod nick a nie przeniesienie nicku i tekstu niżej, więc to nie to i czytaj ze zrozumieniem
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Położenie tekstu dvz shoutbox