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] with a Custom sheet please

Alright, so I'm trying to work on a few new games(one is just going to be copy/pasted and renamed) but I'm stick here... for instance I want the title of the game(The Third World War: The Final Frontier) to be in the center of the page, bold too, so far I've only managed to get it in bold(making it big won't work..) Empire name                                                                                                                      Oil:     Deuterium:    Food: Empire Population                                                                                                              Metal:    Uranium:    Stone: Empire Military Strength                                                                                                     Gromril:   Warp Stone:   Concrete: Cities: Planets have it where I can add more lines(so each city and planet can be named) but I'm completely new to HTML...   where do I start?... I managed to get some things working though by the tutorials on the wiki.
1449207733

Edited 1449208308
Lithl
Pro
Sheet Author
API Scripter
If you're brand new to HTML, I recommend searching the web for general HTML tutorials.  MDN has a decent one over here . When it comes to creating a character sheet for Roll20, there are only a few things to keep in mind compared to a normal webpage: Do not use the id  attribute on any elements in your sheet; this also means that <label> has limited usefulness (since you can't leverage the for  attribute) <fieldset> is used for repeating sections, not grouping form elements The name  attribute of form elements needs to start with "attr_" if you want to save the value of the field as an attribute on the sheet Any classes you put on elements in your HTML will be automatically prefixed with "sheet-" if you don't do so yourself; keep that in mind when writing your CSS, which will not automatically prefix things Any form element with the disabled  attribute will be automatically calculated Some CSS classes are provided for you to help with layouts. Specifically, sheet-3colrow, sheet-2colrow, and sheet-col: <!-- 3-column layout --> <div class="sheet-3colrow"> <div class="sheet-col"> Left column content </div> <div class="sheet-col"> Center column content </div> <div class="sheet-col"> Right column content </div> </div> <!-- 2-column layout --> <div class="sheet-2colrow"> <div class="sheet-col"> Left column content </div> <div class="sheet-col"> Right column content </div> </div>
1449210485

Edited 1449210789
this post made 0 sense to me... Never bother to learn HTML in the past(never needed it, I only learn what I need) and now, the tutorials I've seen, particularly on    HTML Text Formatting work great, and I understand what I looked up but the longer lines of code are confusing.
1449222590

Edited 1449222664
Ziechael
Forum Champion
Sheet Author
API Scripter
Since you appear to be a happy go lucky hack'n'slash coder (just like me =D ) it would be helpful if you pasted your code for people to assist you with. It is likely that there are some misplaced elements or incorrect commands somewhere in there (there always is for me!) but without the code all people can help with is the theory as Brian has. There is a plethora of very helpful code-literate folk on these forums who are more than happy to share their time, knowledge and expertise :) To post code use the top left option in the reply box to select the 'code' format. ps. what you are asking should be totally doable.
1449238444
PadRpg
Sheet Author
API Scripter
Hi, I don't remember who did that but this is a WYSIWYG editor for Roll20 Character Sheet :&nbsp; <a href="http://jsfiddle.net/Lithl/eda22p7q/" rel="nofollow">http://jsfiddle.net/Lithl/eda22p7q/</a> No need to know HTML, just drag and drop the elements.
1449244043
vÍnce
Pro
Sheet Author
I think that was Brian's [see above]
&lt;div class='sheet-3colrow'&gt; &lt;div class='sheet-col'&gt; &lt;p&gt;&lt;b&gt;Empire name&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;p&gt;&lt;b&gt;Empire Population&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;p&gt;&lt;b&gt;Empire Military Strength&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;/div&gt; &lt;div class='sheet-col'&gt; &lt;p&gt;&lt;b&gt;Oil&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;p&gt;&lt;b&gt;Food&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;p&gt;&lt;b&gt;Uranium&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;p&gt;&lt;b&gt;Deuterium&lt;/b&gt;.&lt;/p&gt;&lt;input type="text"&gt; &lt;/div&gt; &lt;div class='sheet-col'&gt; &lt;!-- Third column --&gt; &lt;/div&gt; &lt;/div&gt; this gets what I want to an extent..
if someone wants me to, I could make up a thing in paint.net for what I want sorta? would better illistrate it I think.
1449376768
Lithl
Pro
Sheet Author
API Scripter
Akashan said: Hi, I don't remember who did that but this is a WYSIWYG editor for Roll20 Character Sheet :&nbsp; <a href="http://jsfiddle.net/Lithl/eda22p7q/" rel="nofollow">http://jsfiddle.net/Lithl/eda22p7q/</a> No need to know HTML, just drag and drop the elements. Yes, that was me. It's useful as a proof-of-concept and for creating custom sheets for your own campaigns for people who don't know HTML and have no intention to learn, but it is not &nbsp;suitable for creating sheets to submit to the community repository.
Alright, so I had a friend fiddle with my sheet, and it's PERFECT! thanks for the replies though.