Inne Położenie tekstu dvz shoutbox

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.


CSS

/* 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ś?

no z tego ss wynika co innego i każdy poszedł w tym kierunku co ja, więc pisz zrozumiale, a później miej pretensje.

W szablonie pluginu aktualnie masz to w dwóch divach. Należy je objąć jednym dużym, zmienić szerokość i usunąć float. Drugie rozwiązanie, to objąć jednym dużym divem i usunąć te dwa co aktualnie są pozostawiając zmienne oraz dopisać <br /> pomiędzy nie.

https://webboard.pl/thread-53793.html

Nie chodzi mi o to? wszystko widać na screenie!
http://silverhax.pl/index.php ma być tak jak na tym forum.
Nick a pod nim tekst, wciąż czekam na pomoc

/* 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 {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 5px;
  padding-bottom: 5px;
  display: block !important;
  overflow: hidden;
  clear: left;
  background: none !important;
  position: relative;
}

#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 {
    /*padding: 6px;*/
}

#shoutbox .avatar img {
height: auto;
float:left;
  width: 50px;
  border: none;
  box-shadow: none;
  max-height: none;
  max-width: none;
}

#shoutbox .user {
    display: inline;
  padding: 0 10px;
  font-size: 14px;  
  text-transform: uppercase;
}

#shoutbox .text {
  display: block;
  padding: 0;
  color: #777;
  width: 100%;
  padding-left: 60px;
}

#shoutbox .info {
   color: #777;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
}

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

Pomogło daje rep, dz
Ps. Sr nie wiedziałem że mam 2 konta 1 mozecie usunac dz