3.2.x 3.2.x SnippetsMchat sound icon

Previous topicNext topic
User avatar

Topic Author
Magic user status: Offline
Posts: 4919
Joined: Apr 6th, '14, 14:12
    Ubuntu Chrome

Mchat sound icon

Post by 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;
Now purge the boards cache.

Demo my mchat.
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
Use this to install an ext on your board no more ftp or path making.
Path too install this ext is ext/boardtools/upload
Download is here Make it easy for us to solve your issues
User avatar

Magic user status: Offline
Posts: 139
Joined: Mar 25th, '22, 06:11
    Windows 10 Firefox

Re: Mchat sound icon

Post by max-ima »

Previous topicNext topic