MyBB Community Forums

Full Version: DVZ Shoutbox 2.2
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi guys!!

I just install DVZ Shoutbox 2.2 and working great Smile.
I have one issue and dont know how to do it. On my shout box when you write text its up but i whant to put it down[Image: MYBBPPPPPPPPPPPPPPPPP.jpg]
If someone can tell me how to do it??

Thanx!!!
look at the shoutbox settings in forum admin panel. there is a setting (Reversed Order) to reverse the order of the messages
(2015-08-15, 06:27 AM).m. Wrote: [ -> ]look at the shoutbox settings in forum admin panel.  there is a setting (Reversed Order)  to reverse the order of the messages

when i change this in admin panel only what is changed is from where thax fall,example,when i put yes in admin panel text what you put in "enter your message" go from up to down and when i put no text go from down to up, but box for enter the text is allways up!!

Strange

this is the code of my shoutbox

/* DVZ Shoutbox */

/* following declaration altered from original */
#shoutbox {
margin-bottom: 10px;
border: solid 1px rgba(0,0,0,0.3);
border-radius: 6px;
display: block;
}


/* following declaration altered from original */
#shoutbox .head {
padding: 8px;
margin: 2px 2px 1px 2px;
color: #fff;
border-radius: 5px 5px 0 0;
background: url('/images/thead.png') repeat-x #0066A2;
}

#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }


/* following declaration altered from original */
#shoutbox.collapsed .head {
border-radius: 5px;
}

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

/* END DVZ Shoutbox */

(2015-08-15, 06:34 AM)reaver Wrote: [ -> ]
(2015-08-15, 06:27 AM).m. Wrote: [ -> ]look at the shoutbox settings in forum admin panel.  there is a setting (Reversed Order)  to reverse the order of the messages

when i change this in admin panel only what is changed is from where thax fall,example,when i put yes in admin panel text what you put in "enter your message"  go from up to down and when i put no text go from down to up, but box for enter the text is allways up!!

Strange

this is the code of my shoutbox

/* DVZ Shoutbox */

/* following declaration altered from original */
#shoutbox {
   margin-bottom: 10px;
   border: solid 1px rgba(0,0,0,0.3);
   border-radius: 6px;
   display: block;
}


/* following declaration altered from original */
#shoutbox .head {
   padding: 8px;
   margin: 2px 2px 1px 2px;
   color: #fff;
   border-radius: 5px 5px 0 0;
   background: url('/images/thead.png') repeat-x #0066A2;
}

#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }


/* following declaration altered from original */
#shoutbox.collapsed .head {
   border-radius: 5px;
}

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

/* END DVZ Shoutbox */
Ok i finde this:
Move {$panel} 5 lines below in the dvz_shoutbox template (Global Templates). You might want to enable the Reversed order setting as well.

how can i do that?????
i need to change this in dvz_shoutbox.php or??? someone can help me in this one please!!!
forum admin panel >> Templates & Style >> Templates >> Global Templates >> dvz_shoutbox

you can find {$panel} there and move it as suggested
LOL man,so easy and quick, but when you know.
Thanx man. Finaly my shoutbox is GREAT Smile

Thank you, Thank you, Thank you Smile Smile Smile

LOL man you make me happy Smile
Moved to Plugin Support.