NightDev Community Forums

Make chat look like Diablo 2 chat


#1

Hi. I need help editing the CSS to look like the old Diablo 2 battlenet lobby chat.

What I cant figure out is how to disable/hide all emote’s.
Add “</>” in front and after username ( Message)
And also is there a way to enable/disable “smooth fonts” or whatever it is called?

//Best Regards. Crimson


#2
.nick:before {
    content: '<'
}

.nick:after {
    content: '>'
}

.emoticon {
    display: none;
}

for font smoothing, you can try -webkit-font-smoothing: none; but I’m not sure how well it works. And the font you may already know is Formal436

Good luck!


#3

Dude, you are a hero. Big thanks!
One thing left thought. How do i remove the “:” between the username and the message (: Message)?


#4
.colon {
    display: none;
}

#5

Damn brah. thanks for the help. wish every community forum was this helpful.


#6

I want to thank everyone that helped me. the project was for a friend. and this was the end result when I was finished with the overlay:

Btw. is it possible to change just the owner/mod name. example, have it in bold text, or another color?


#7

That looks nice!

Yes that should you be possible, try this:

For mods:

.mod + .nick{
    color: green!important; 
    font-weight: bold;
}

For broadcaster:

.broadcaster + .nick{
    color: yellow!important;
    font-weight: bold;
}

Change the color to whatever you like, you’ll have to use !important to override the current css.
More info about font-weight here.


#8

nice. will try it out when I get back from work.


#9

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.