Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • in reply to: Using ShortCoder to create hand coded HTML in WordPress
    Greyhart
    Participant

    Ok, I see what you are saying, and it makes sense.
    I stripped out the tags as you suggested, but it still wasn’t working. I looked at the console, and it said it wasn’t loading either the css file or the js file, 404 error. Well, I can see them right there in the directory, so I decided to try an experiment and typed in the Full Path. Weirdly, that worked.

    in reply to: Using ShortCoder to create hand coded HTML in WordPress
    Greyhart
    Participant

    Here is the html I am trying to use. It works perfectly as straight html, but I need it to work within WordPress.

    
    <!DOCTYPE html>
    <html>
    <head>
      <title>DM Tools</title>
      <link rel="shortcut icon" type="image/ico" href="./Images/d20Icon.ico"/>
      <link rel="stylesheet" href="dmtools.css">
    </head>
    <body>
      <div id="modalBox">
        <h1>Dungeon Master Tools</h1>
        <hr>
        <h1 id="adSetup">Quest Builder</h1>
        <button onclick="openCampaignPage()">Build Campaign</button>
        <button onclick="openWorldPage()">Create Government</button>
        <button onclick="openMultiversePage()">Create Multiverse</button><p></p>
        <button onclick="openAdventurePage()">Quest Builder</button>
        <hr>
        <h1 id="sessionPrep">Session Prep</h1>
        <button id="btnEncounters" type="button">Create Encounter</button>
        <button id="btnRollNPC" type="button">Roll NPCs</button>
        <button id="btnRollEnvironments" type="button">Adventure Environments</button><p></p>
        <button id="btnBetweenAdventures" type="button">Between Adventures</button>
    
        <hr>
        <h1 id="inSession">During Session</h1>
        <button id="btnRndEncounter" type="button">Random Encounter</button>
        <button id="btnRndBuildings" type="button">Chase Events</button><br><br>
        <button id="btnLoot" type="button">Loot</button>
        <button id="btnTreasureHoard" type="button">Treasure Hoard</button>
        <button id="btnMagicItemIssues" type="button">Magic Item Issues</button><p>
        <button id="btnSpecialFeatures" type="button">Magic Item Attributes</button>
        <button id="btnMagicItemTables" type="button">Magic Item Tables</button>
        <button id="btnArtifacts" type="button">Artifacts</button><p>
        <button id="btnMadness" type="button">Madness Effects</button>
        <button id="btnInjuries" type="button">Calculating Injuries</button>
      </div>
      <script src="dmtools.js"></script>
     </body>
    </html>
    
    in reply to: Using ShortCoder to create hand coded HTML in WordPress
    Greyhart
    Participant

    Well, it doesn’t seem to work correctly.

    I copied the HTML (which calls the CSS and js) and put it into the editor. I then copied the shortcode. When I put the ShortCode into a new page, it shows me the text and the buttons, but the buttons don’t work, and none of the CSS is being parsed.

    I can’t seem to attach any images, so I can’t show you what it SHOULD look like. This is what the ShortCoded Page looks like. It should have a background image, and a border around the <div> with a background image in the <div>. The buttons should also work. They don’t.

Viewing 3 posts - 1 through 3 (of 3 total)

Subscribe for updates

Get updates on the WordPress plugins, tips and tricks to enhance your WordPress experience. No spam. View newsletter