Style HTML Tag

• 

  gamerguy2007 · Member · May 30, 2008 at 5:49 pm

  • Copy link
  • Add topic to favorites

  Is there a widget, extra, upgrade, whatever that allows me to use all available HTML markup tags? Particularly the <Style> tag, so I can create HTML sections in a post?

• 

  singularcontiguity · Member · May 30, 2008 at 6:09 pm

  • Copy link

  I’m not sure I know what you mean by an “HTML section” in a post… can you clarify?

  We can’t use the HTML <style> element, which only goes in the head and not in the body. We can use the style attribute on various elements. We can also assign ids and classes to various elements, including divs, and use the custom CSS upgrade to style our pages.

• 

  gamerguy2007 · Member · May 30, 2008 at 8:37 pm

  • Copy link

  My blog is http://www.goldengateguardians.wordpress.com
  See those top two entries? I need a nicely formatting character sheet for various characters. What you see there is tweaked from a Word document I had but it’s ugly, bloated and doesn’t scale well — I want to do the clean HTML version of that. That’s why I need an HTML segment in my post where I control the layout and formatting.

  How I can assign ids and classes to elements without those being stated in the <style> section?

• 

  jamesewelch · Member · May 30, 2008 at 8:48 pm

  • Copy link

  I think you want to turn off the WYSIWYG editor and use the text editor. This will give you access to the HTML code for your blog posts.

  You can toggle WYSIWYG editor on/off under Your Profile->Visual Editor.

  You can’t use CSS (via element’s class attributes) unless you pay for it, but you can use some inline style attributes (only the style attributes that don’t get overriden by the theme’s CSS which takes precedence).

• 

  singularcontiguity · Member · May 30, 2008 at 8:53 pm

  • Copy link

  “Ugly, bloated and doesn’t scale well” is a good assessment of pretty much any HTML generated by a word processor.

  The way to get CSS rules (what you’d put inside the <style> element) is to go to Design > Edit CSS on the dashboard – if you’ve purchased the CSS upgrade. The rules you put there will apply to every page and post on your blog.

  If you’re not going to be doing a lot of character sheets, you can also handle it by putting style attributes directly on the HTML elements, e.g.:
  <div style="background: maroon;color:white;clear:both;">

  Either solution is going to take a bit of playing with the CSS, but it really is the way to go for these types of things.

• 

  jamesewelch · Member · May 30, 2008 at 11:07 pm

  • Copy link

  You can also go the route of making an character sheet in word that looks nice and then saving that as an image (screenshot, Photoshop, whatever). and upload that character sheet.

  I work with character sheets like that a lot with other systems (GURPS, D20, etc.), but there’s no good way to handle that here at wordpress.com unless you purchase the CSS upgrade and code the char sheets via CSS class attributes, etc.

  If you had your own host, then you could probably make a database driven character sheet, but that would require some programming and db design, etc.

  I don’t know of a M&M hosted character sheet web site, but there’s a few free ones out there for D20. Good luck on your gaming.