Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

[HELP] /direct HTML Elements and Properties

February 15 (11 years ago)
Konrad J.
Pro
API Scripter
I want to learn how to format the chat window using /direct better than I can. I don't really know HTML, but have been looking it all up on the internet.

Can anyone recommend a good site that lists all the possible properties of the elements? Most of the examples I see go into more depth using <style> instead of <table style =...>.

I hope I made some sense, thanks!
February 15 (11 years ago)

Edited February 15 (11 years ago)
Stephen S.
Pro
Marketplace Creator
Sheet Author
API Scripter
http://www.w3schools.com/tags/tag_table.asp

That is the depricated way.
February 15 (11 years ago)
Stephen S.
Pro
Marketplace Creator
Sheet Author
API Scripter
http://www.tablesgenerator.com/html_tables

And check compact mode.

You can also just make a text file and save it as "something.html" and play around with changing it in notepad until you get what you like and it working.
February 15 (11 years ago)
Konrad J.
Pro
API Scripter
Thanks Stephen. I've been all over w3schools, but the references are more for <style> CSS? method and not as many examples or a list of all the different types of style properties when doing it like <table style= which is what I assume we have to do since we don't have the <style> element in the /direct chat command.

I'll keep playing. I've got some examples of scripts with it. I was more wanting to know all the possible properties and how they are used so I knwo what is possible, but I think I'll stick with some simple stuff first.

Thanks!
February 15 (11 years ago)
Konrad J.
Pro
API Scripter

Stephen S. said:

http://www.tablesgenerator.com/html_tables

And check compact mode.

You can also just make a text file and save it as "something.html" and play around with changing it in notepad until you get what you like and it working.

Oh I like that, I've been looking for something like that, but the ones I found weren't as good. I love the compact, perfect for putting in the /direct string!

Thanks again!
February 19 (11 years ago)
Lithl
Pro
Sheet Author
API Scripter

Konrad J. said:

Thanks Stephen. I've been all over w3schools, but the references are more for <style> CSS? method and not as many examples or a list of all the different types of style properties when doing it like <table style= which is what I assume we have to do since we don't have the <style> element in the /direct chat command.
<element style="..."> is just inline CSS styling. Anything you could put inside the block defined by a selector in <style> will work in an element's style attribute.
February 19 (11 years ago)
Konrad J.
Pro
API Scripter
Thanks Brian, ya I figured that out. :) I was looking for examples on how to format the commands inline, but I think I figured most of it out. Very easy to make the chat window look nice.