Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
DVZ Shoutbox Not Working on Premium Themes
#1
I already Uploaded the files from UPLOAD to MyBB root directory using FileZilla (httdocs).
I have already uploaded the package (STYLES.txt) into theme stylesheets in ( global.css).
I have also inserted this {$dvz_shoutbox} in my index template under {header}
I also Installed & Activated the plugin in the ACP

The problem the shout when I write something and hit Enter, it just refresh the website and nothing happens.
I also try on default template, but it doesn't show the shoutbox.

Any help please..  

See the above picture i don't even have the Shoutbox layout everything is black here :/

[Image: txt-box.png]
Reply
#2
yes I've added I don't work

this what problem here https://i.hizliresim.com/BaG2O9.png
Reply
#3
Try Going to your template/syle and goto theme then Click your theme and click global.css then click the tab advanced mode scroll to the bottom of the global.css and add this


/* DVZ Shoutbox */

#shoutbox {
margin-bottom: 10px;
}

div.thead {
padding: 6px;
font-weight: bold;
}

#shoutbox .front .thead {
cursor: pointer;
}

#shoutbox .thead .right {
float: right;
margin: 0;
font-size: 13px;
font-weight: normal;
color: #EEE;
}

#shoutbox .collapsed .thead {
opacity: 0.6;
}

#shoutbox .collapsed .body {
display: none;
}

#shoutbox .panel {
padding: 1px 0;
background: #000;
}

#shoutbox input.text {
background: #000;
width: 100%;
color: #00ff00;
padding: 8px;
box-sizing: border-box;

box-shadow: inset 0 0 30px #EEE;

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 {
padding: 1px;
border: solid 1px #BF0000;
overflow-y: scroll;
box-shadow: inset 0 0 50px #EEE;

background-image: url('http://haxcore.net/images/Purple[1].jpg');
background-position: center bottom;
background-size: 2000px 350px;
background-repeat: no-repeat;
}

#shoutbox .data {
display: table;
width: 100%;
background-color: transparent;
font: 12px Arial, sans-serif;
}

#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.02);
}

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

#shoutbox .entry > div {
border-bottom: dashed 1px #F4F4F4;
}

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

#shoutbox .avatar {
display: table-cell;
padding: 6px;
}

#shoutbox .avatar img {
margin: 0 auto;
vertical-align: middle;
max-height: 20px;
max-width: 20px;
border: solid 1px #FFF;
box-shadow: 0 0 2px #E0E0E0;
}

#shoutbox .user {
display: table-cell;
margin: 0;
padding: 6px;
text-align: right;
white-space: nowrap;
}

#shoutbox .text {
display: table-cell;
margin: 0;
width: 100%;
padding: 6px;
color: #00ff00;
}

#shoutbox .call {
cursor: pointer;
color: red;
}

#shoutbox .info {
display: table-cell;
padding: 4px;
font-size: 11px;
color: #AAA;
text-align: right;
white-space: nowrap;
}

#shoutbox .info .date {
margin-right: 5px;
}

#shoutbox .info .ip {
margin-right: 5px;
color: #CECECE;
}

#shoutbox .mod {
padding: 6px 8px;
font-size: 9px;
font-weight: bold;
color: #AAA;
text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
border-left: solid 1px #EEE;
}

#shoutbox .ip {
margin-left: 10px;
}
.prog-bar-border {
background: #202020;
position: relative;
display: block;
vertical-align: middle;
height: 100%;
border-radius: 1px;
line-height: 30px;
overflow: hidden;
}

.prog-bar-haxzz {
background: #202020;
width: 100%;
color: white;
position: relative;
display: block;
text-align: center;
vertical-align: middle;
height: 100%;
border-radius: 6px;
line-height: 27px;
overflow: hidden;
}

.prog-bar-haxzz>span {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
border-radius: 1px;
background: rgba(82,82,82,0.8);
}

.prog-bar-haxzz>p {
font-weight: 500;
display: inline;
position: relative;
z-index: 1;
}
<table class="tborder" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td class="thead" align="left">Daily Post Goal</td> </tr>
<tr>
<td class="trow1">
<span style="color:#9DAAAA">Posts:</span><span style="float:right;color: #9DAAAA;"> {$fetch}/{$postgoal}</span>
</td>
</tr>
<tr>
<td class="trow1">
<span style="color:#9DAAAA">Status:</span><if $fetch >= $postgoal then><span style="color: #00BF00;float:right;">Reached</span><else> <span style="color: #e03131;float:right;">Not Reached</span></if>
</td>
</tr>
<tr>
<td class="trow1">
<div class="prog-bar-border">
<div id="progress_bar" class="prog-bar-haxzz">
<span id="prog-count" style="width: 0%"></span>
<p id="prog-percent">0%</p>
</div></div>
</td> </tr> </td> </tr> </tbody> </table>

<script>
function setProgress(i){
var y = Math.round( i );
$('#prog-percent').html(y+'%');
var red = 0, green = 0;
if (i >= 80) {
red = 137 - Math.round(((i - 137) / 34) * 34);
green = 34;
} else if (i >= 60) {
red = 137;
green = Math.round(((i - 137) /34) * 34);
} else {
red = 137;
green = 34;
}
$('#prog-count').css('background', "rgb(" + red + "," + green + ",34)");
if (i > 70){
$('#prog-percent').css('color', 'white');
} else {
$('#prog-percent').css('color', '#fff');
}
$('#prog-count').width(i+'%');
}
(function() {
var i = 0;
var n = "{$fetch}";
var o = parseInt(n.replace(',', ''));
var p = {$postgoal};
i = (o/p)*100;
if (i > 100) i = 100;
if (i < 0) i = 0;
setProgress(i);
})();
</script>

Then it might or should look similar to this https://cdn.discordapp.com/attachments/5...nknown.png
Owner Of GhostForums.org

Discord ♛★ExclusiveProductions™★♛#9236
Reply
#4
Thanks
Reply
#5
did it work?
Owner Of GhostForums.org

Discord ♛★ExclusiveProductions™★♛#9236
Reply
#6
Tried it and nop still the same
I'm going to try Inferno shoutbox

BTW i'm using a ripped theme

Can we add shoutbox or its not possible for custom ripped theme.
Reply
#7
i used it on many themes dvz works on alot even king fire cierse and other works on net10 pro those are all responsive newer themes

what your dealing with hapen to me 2x before its masive avatar and no box its all css
Owner Of GhostForums.org

Discord ♛★ExclusiveProductions™★♛#9236
Reply
#8
(02-14-2019, 12:44 AM)ExclusiveSprx Wrote: i used it on many themes dvz works on alot even king fire cierse and other works on net10 pro those are all responsive newer themes

what your dealing with hapen to me 2x before its masive avatar and no box its all css

I uninstall Dvz shoutbox 2.3.2 and i installed Dvz modified version with private message and still doesn't work it only show on the portal page, but when i write something and hit Enter it just refresh the page and nothing happens

Here is a video:

Please help me I really need a shoutbox on that forum.
Reply
#9
i think i fixed it for you
Owner Of GhostForums.org

Discord ♛★ExclusiveProductions™★♛#9236
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)