MyBB Community Forums

MyBB Community Forums > Extensions > Plugins > Plugin Releases > DVZ Shoutbox 2.3.4
Full Version: DVZ Shoutbox 2.3.4
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81

Raslansayyidi

2015-09-10, 04:22 PM
(2015-09-10, 03:49 PM)dragonexpert Wrote: [ -> ]To paste into global.css or any other css file, you need to edit global.css in advanced mode.

    body {
	background: #fff;
	width: auto;
	color: #000;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	-webkit-text-size-adjust: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}

a {
	color: #186f97;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

img.middle {
	vertical-align: middle;
}

#container {
	width: auto;
	margin: auto auto;
	text-align: left;
	padding: 8px;
}

#panel {
	background: #444;
	color: #fff;
	padding: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#panel a {
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

#panel a:hover {
	background: #333;
	text-decoration: none;
}

#logo {
	background: #23a0da url(images/mobile/gradient.png) bottom left repeat-x;
	text-align: center;
	padding: 8px;
	text-shadow: 0 1px 0 #37b2eb;
	font-size: 24px;
}

#logo a {
	color: #09415b;
	text-decoration: none;
}

#menu {
	background: #1379a8;
	color: #fff;
	text-align: center;
	padding: 7px;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #095578;
}

#menu a {
	color: #fff;
	padding: 4px;
	margin: 0 5px;
	text-decoration: none;
}

table {
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
}

.tborder {
	width: 100%;
	margin-bottom: 8px;
}

.thead {
	background: #23a0da url(images/mobile/gradient.png) bottom left repeat-x;
	color: #09415b;
	padding: 4px 6px;
	border-color: #1379a8;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	text-shadow: 0 1px 0 #37b2eb;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-size: 13px;
}

.thead a {
	color: #09415b;
	text-decoration: none;
}

.tcat {
	background: #444;
	color: #fff;
	padding: 4px 6px;
	font-size: 12px;
}

.tcat a {
	color: #fff;
}

.trow1, .trow2 {
	border-bottom: 1px solid #ddd;
}

.trow3 {
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 4px;
}

.trow_shaded {
	background: #ffdde0;
	border-bottom: 1px solid #fcc;
}

.trow_selected td {
	background: #FFFBD9;
}

.trow_sep {
	background: #ddd;
	color: #555;
	padding: 4px;
	text-align: center;
	
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #737373 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #fff;
	border-color: #525252;
	border-style: solid;
	border-width: 2px 1px 1px 1px;
	vertical-align: middle;
	padding: 6px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	text-shadow: 0 -1px 0 #333;
	font-size: 12px;
}

.tfoot a {
	color: #fff;
	text-decoration: none;
}

.bottommenu {
	background: #868686 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #fff;
	border: 1px solid #545454;
	padding: 7px;
	text-transform: lowercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-size: 13px;
	font-weight: bold;
}

.bottommenu a {
	color: #fff;
	text-decoration: none;
}

.forumjump {
	background: #9dbcca;
	color: #444;
	padding: 6px;
	margin: 5px 0;
	clear: both;
	text-align: center;
	border: 1px solid #7998a7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.navigation {
	background: #ccc;
	color: #888;
	border-bottom: 1px solid #c2c2c2;
	text-align: left;
	padding: 7px;
	
	font-size: 14px;
}

.navigation a:link {
	color: #444;
	text-decoration: none;
}

.navigation a:visited {
	color: #444;
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	color: #444;
	text-decoration: none;
}

.navigation .active {
	color: #444;
	font-weight: bold;
}

.smalltext {
	font-size: 12px;
}

.largetext {
	font-size: 15px;
	font-weight: bold;
}

input.textbox {
	background: #ddd;
	color: #333;
	border: 1px solid #444;
	padding: 3px;
	margin: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-size: 13px;
}

input.button {
	background: #1f89e2 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #fff;
	border: 1px solid #222;
	padding: 5px 7px;
	margin: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

textarea {
	background: #ddd;
	color: #333;
	border: 1px solid #444;
	line-height: 1.4;
	margin: 1px;
	padding: 5px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ddd;
	color: #333;
	border: 1px solid #444;
	padding: 3px;
	margin: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	max-width: 75%;
	font-size: 13px;
}

fieldset {
	border: 1px solid #999;
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	background: #ea9697;
	color: #962424;
	border: 1px solid #bf3a3a;
	padding: 3px;
	margin: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-size: 13px;
}

.valid_field {
	background: #9cea96;
	color: #2c9624;
	border: 1px solid #44bf3a;
	padding: 3px;
	margin: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 13px;
}

.validation_error {
	background: url(images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	padding: 3px 8px 8px 8px;
	text-align: center;
	font-size: 11px;
}

blockquote {
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin: 0;
	padding: 4px;
}

blockquote cite {
	background: #daebff;
	color: #021b3a;
	border-bottom: 1px solid #ccc;
	display: block;
	margin: -4px -4px 4px -4px;
	padding: 5px;
	font-style: normal;
	font-weight: bold;
}

blockquote blockquote cite {
	background: #c2ffd2;
	color: #033c12;
}

blockquote blockquote blockquote cite {
	background: #f6d9ff;
	color: #2e033c;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #f2f2f2;
	border: 1px solid #ccc;
}

.codeblock .title {
	background: #ffecc8;
	color: #3a2702;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	font-weight: bold;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	padding: 4px;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding: 3px;
}

.pm_alert {
	background: #FFF6BF url(images/mobile/gradient.png) bottom left repeat-x;
	border: 1px solid #b79f18;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 0px #f4f0db;
	
	font-size: 13px;
	font-weight: bold;
}

.pm_alert a {
	color: #b79f18;
}

.red_alert {
	background: #FBE3E4 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #A5161A;
	border: 1px solid #A5161A;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 0px #f1c9c9;
	font-size: 13px;
}

.red_alert a {
	color: #a5161a;
	border-bottom: 1px dotted #a5161a;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	background: #ddd;
	border: 1px solid #aaa;
	padding: 10px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
}

.pagination .pages {
	font-weight: bold;
}

.pagination_current, .pagination_a {
	padding: 6px 12px;
	margin-bottom: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pagination_a {
	background: #158fc2 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #fff;
	border: 1px solid #0b658b;
	text-shadow: 0 -1px 0 #0b658b;
	
	font-size: 11px;
	font-weight: bold;
}

.pagination_current {
	background: #d2d2d2 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #444;
	border: 1px solid #999;
	text-shadow: 0 1px 0 #eee;
	font-weight: bold;
}

.pagination_a:hover {
	background: #26a6db url(images/mobile/gradient.png) bottom left repeat-x;
	color: #fff;
	text-decoration: none;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.quick_jump {
	background: url(images/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

/* Button CSS */
div.big_button {
	padding: 10px 0 15px 0;
}

a.big_button {
	background: #14aea8 url(images/mobile/gradient.png) bottom left repeat-x;
	color: #023836;
	padding: 9px;
	border: 1px solid #0a7c78;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 0 1px 0 #25c5bf;
	font-size: 13px;
	font-weight: bold;
}

a.big_button_closed {
	background: #b84c4c url(images/mobile/gradient.png) bottom left repeat-x;
	color: #461010;
	padding: 9px;
	border: 1px solid #760202;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 0 1px 0 #e35e5e;
	font-size: 13px;
	font-weight: bold;
}

/* Redirect CSS */
.redirect_title {
	background: #23a0da url(images/mobile/gradient.png) bottom left repeat-x;
	color: #09415b;
	border-bottom: 1px solid #0a7c78;
	padding: 6px 8px;
	text-align: left;
	text-shadow: 0 1px 0 #37b2eb;
	
	font-size: 14px;
	font-weight: bold;
}

.redirect_body {
	padding: 8px;
	text-align: left;
}

.redirect_nowait {
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 6px;
	text-align: center;
	
	font-size: 12px;
}

.subforum {
	padding-top: 3px;
	font-size: 11px;
}

a.lastpost {
	color: #606060;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
}

a.lastpost img {
	margin-top: -2px;
}

.lastbytext {
	color: #888;
	font-size: 11px;
}

.modbox {
	background: #efe4a5;
	border: 1px solid #ac9e54;
	padding: 6px;
	clear: both;
	text-align: center;
	margin-top: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #dac96a;
	text-align: center;
}

#breadcrumb_multipage {
	display: none;
}

/* Post Styles */
.post_author {
	background: #b2b2b2;
	color: #111;
	padding: 5px;
	
	font-size: 14px;
	font-weight: bold;
}

.portal_avatar img {
	width: 20px;
	height: 20px;
}

.post_ignored {
	background: #ffdde0;
	color: #111;
	border: 1px solid #fcc;
	padding: 5px;
	
	font-size: 13px;
	font-weight: bold;
}

.post_author a,
.post_ignored a {
	color: #111;
	text-decoration: underline;
}

.post_avatar {
	width: 20px;
	height: 20px;
}

.post_body {
	background: #fff;
	border: 1px solid #b2b2b2;
	margin-bottom: 6px;
}

.post_manage {
	background: #dedede;
	padding: 4px;
	text-align: right;
	
	font-size: 12px;
}

.post_manage a.button {
	color: #444;
	padding: 4px;
	margin: 0 2px;
}

.post_content {
	padding: 8px;
	overflow: auto;
}

.post_attachments {
	background: #eee;
	color: #888;
	border: 1px solid #bbb;
	margin: 0 5px 5px 5px;
	padding: 5px;
}

.datetime {
	color: #fff;
	padding-top: 2px;
	font-weight: normal;
}

/* Adjust for maximum posted image width */
.post_content img {
	max-width: 50%;
}

.lastpost img {
	height: 10px;
	width: 10px;
	margin-top: -2px;
	vertical-align: middle;
}

a.tclosed_1 {
	color: #bb0000;
}

a.forum_on,
a.forum_minion {
	color: #186f97;
}

a.forum_off,
a.forum_minioff {
	color: #606060;
	font-weight: normal;
}

a.forum_offlock,
a.forum_miniofflock {
	color: #a42d16;
	font-weight: normal;
}

td.forum_on {
	background: #e5fbfb;
	border-bottom: 1px solid #a9cbde;
}
its ny globel.css file


wer i add dvz cod


last or first
Added last now shoutbox Ready ut one problem i cant see there any option for shouting

iturdu

2015-09-10, 04:55 PM
Paste it at end of bottom .

Raslansayyidi

2015-09-11, 08:27 AM
all are done

but facing a big problem

my site

http://xdahackers.com/

there added shoutbox only in mobile version
And i cant see any option for adding Messeges
in shoutbox


Test account


user name : mybot

pass : 123456789

iturdu

2015-09-11, 08:58 AM
i was unable to find any shoutbox at your forum from a desktop .

Eldenroot

2015-09-12, 09:09 AM
My modified css for DVZ shoutbox in MyBB 1.8 default style

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 1px #ccc; padding: 1px; border-radius: 7px}
#shoutbox .head { padding: 8px; background: url(/images/thead.png) top left repeat-x; color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center;}
a.white:link {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:active {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:visited {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:hover {color: #fff !important; font-weight: normal; text-decoration: none;}
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 11px;}
#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%; 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; height: 18px; width: 18px; border-radius: 50%; border: solid 1px #ccc; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; background-color: #fff; }
#shoutbox .avatar img:hover {border: solid 1px #0072BC; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; background-color: #fff; }
#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; }

ElCocaine

2015-09-13, 12:50 PM
Will there be a possibility to show new threads in the future?
Would really appreciate that feature.

Twisty

2015-09-14, 05:24 AM
Wondering how I can add a background color to the shoutbox rather than it being transparent please.

FusionGunZ

2015-09-14, 03:04 PM
This is the error i am getting. Confused

iturdu

2015-09-14, 03:36 PM
(2015-09-14, 03:04 PM)FusionGunZ Wrote: [ -> ]This is the error i am getting. Confused

Upgrade your php version to 5.4+ or 5.5

stewdlesssniper

2015-09-14, 11:00 PM
(2015-09-12, 09:09 AM)Eldenroot Wrote: [ -> ]My modified css for DVZ shoutbox in MyBB 1.8 default style

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 1px #ccc; padding: 1px; border-radius: 7px}
#shoutbox .head { padding: 8px; background: url(/images/thead.png) top left repeat-x; color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center;}
a.white:link {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:active {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:visited {color: #fff !important; font-weight: normal; text-decoration: none;}
a.white:hover {color: #fff !important; font-weight: normal; text-decoration: none;}
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 11px;}
#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%; 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; height: 18px; width: 18px; border-radius: 50%; border: solid 1px #ccc; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; background-color: #fff; }
#shoutbox .avatar img:hover {border: solid 1px #0072BC; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; background-color: #fff; }
#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; }

Thanks a lot for this, I edited it a bit and it looks very good Smile

May I ask again, how do I have the user text from:
[Image: 2c445ce3d6.png]

to this (eliminate the space from the avatar and name):
[Image: 361ddc3aa0.png]

Thank you in advance ^^
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
MyBB Community Forums > Extensions > Plugins > Plugin Releases > DVZ Shoutbox 2.3.4