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 to our Newsletter

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

By using this website, you agree to our Terms