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

1392493035
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!
1392493721

Edited 1392493761
Stephen S.
Pro
Marketplace Creator
Sheet Author
API Scripter
<a href="http://www.w3schools.com/tags/tag_table.asp" rel="nofollow">http://www.w3schools.com/tags/tag_table.asp</a> That is the depricated way.
1392493938
Stephen S.
Pro
Marketplace Creator
Sheet Author
API Scripter
<a href="http://www.tablesgenerator.com/html_tables" rel="nofollow">http://www.tablesgenerator.com/html_tables</a> 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.
1392494149
Konrad J.
Pro
API Scripter
Thanks Stephen. I've been all over w3schools, but the references are more for &lt;style&gt; CSS? method and not as many examples or a list of all the different types of style properties when doing it like &lt;table style= which is what I assume we have to do since we don't have the &lt;style&gt; 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!
1392494260
Konrad J.
Pro
API Scripter
Stephen S. said: <a href="http://www.tablesgenerator.com/html_tables" rel="nofollow">http://www.tablesgenerator.com/html_tables</a> 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!
1392829264
Lithl
Pro
Sheet Author
API Scripter
Konrad J. said: Thanks Stephen. I've been all over w3schools, but the references are more for &lt;style&gt; CSS? method and not as many examples or a list of all the different types of style properties when doing it like &lt;table style= which is what I assume we have to do since we don't have the &lt;style&gt; element in the /direct chat command. &lt;element style="..."&gt; is just inline CSS styling. Anything you could put inside the block defined by a selector in &lt;style&gt; will work in an element's style attribute.
1392830293
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.