mChat Background image

Support area for phpBB's mChat extension
User avatar
FranckTH
Distinguished Donor
Posts: 24
Joined: 19 Nov 2016, 12:59
Location: Champagne (France)
Contact:

mChat Background image

#1

Post by FranckTH » 19 Jan 2018, 18:51

Hi,

Do you know if it's possible to add an image in mchat_custom.css for replace background-color in mchat-extra with opacity ?
Flash & HTML5 Games for the Best Arcade

User avatar
kasimi
mChat developer
Posts: 1013
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: mChat Background image

#2

Post by kasimi » 19 Jan 2018, 19:21

Hi Franck :)

This should give you a starting point:

Code: Select all

#mchat-messages {
	background: unset;
}

#mchat-main {
	background-image: url('https://...');
}

User avatar
FranckTH
Distinguished Donor
Posts: 24
Joined: 19 Nov 2016, 12:59
Location: Champagne (France)
Contact:

Re: mChat Background image

#3

Post by FranckTH » 19 Jan 2018, 19:32

thanks kasimi ;)

for the moment i have made this

Code: Select all

.mchat-extra {
	background: #50200A url("./images/mchatback.jpg") no-repeat top center;
and with my photoshop create mchatback.jpg with transparency
Flash & HTML5 Games for the Best Arcade

User avatar
kasimi
mChat developer
Posts: 1013
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: mChat Background image

#4

Post by kasimi » 19 Jan 2018, 19:34

Post a screenshot of it when you're done. :D

User avatar
FranckTH
Distinguished Donor
Posts: 24
Joined: 19 Nov 2016, 12:59
Location: Champagne (France)
Contact:

Re: mChat Background image

#5

Post by FranckTH » 19 Jan 2018, 19:55

A screenshot that i have made for mchat
mchat.jpg
mchat.jpg (116.21 KiB) Viewed 517 times
mchat.jpg
mchat.jpg (116.21 KiB) Viewed 517 times
it's not perfect but i like
Flash & HTML5 Games for the Best Arcade

User avatar
kasimi
mChat developer
Posts: 1013
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: mChat Background image

#6

Post by kasimi » 19 Jan 2018, 19:59

:+1: :+1:

User avatar
FranckTH
Distinguished Donor
Posts: 24
Joined: 19 Nov 2016, 12:59
Location: Champagne (France)
Contact:

Re: mChat Background image

#7

Post by FranckTH » 19 Jan 2018, 20:11

thanks friend ;)
Flash & HTML5 Games for the Best Arcade

Fast_Eddie
Donor
Posts: 6
Joined: 01 Jan 2017, 18:36

Re: mChat Background image

#8

Post by Fast_Eddie » 21 Jan 2018, 17:52

Pretty sweet!!! :)

terry2
Donor
Posts: 200
Joined: 22 Oct 2016, 18:22
Location: My castle

Re: mChat Background image

#9

Post by terry2 » 22 Jan 2018, 01:48

Mines done with pure css also changes on hovers http://martins-phpbb.atspace.cc/index.php will post it if any one wants it.

User avatar
FranckTH
Distinguished Donor
Posts: 24
Joined: 19 Nov 2016, 12:59
Location: Champagne (France)
Contact:

Re: mChat Background image

#10

Post by FranckTH » 22 Jan 2018, 18:57

i don't see background image in mchat area ?? :?
Flash & HTML5 Games for the Best Arcade

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest