3.2.x 3.2.x Snippets ⇒ Mchat sound icon

[martin]

I would put this into an ext but it's not worth the time i have it in cssmagic.

Open mchat or cssmagic and place the images folder in the theme now open mchat.css or cssmagic.css and add

Code: Select all

#mchat-user-sound {
	display: none;
}

#mchat-user-sound + label {
	cursor: pointer;
	background-image: url('./images/icon_mute.png') !important;
	display: inline-block;
	height: 20px;
	width: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: -7px;
}

#mchat-user-sound:checked + label {
	background-image: url('./images/icon_volume.png') !important;
}

#mchat-user-sound + label {
	padding-right: 0;
	padding-left: 5px;
}

images.zip

Now purge the boards cache.

Demo my mchat.

[max-ima]

Thanks