Quantcast
Channel: WordPress › Support » Forum: Hacks - Recent Topics
Viewing all articles
Browse latest Browse all 8245

Weish on "Adding Selector Page."

$
0
0

Attempting to Create the Selector page from the 'fidelity' theme - the author sent me the files, I just need to implement them with my own images etc.

I've created a child theme for this purpose.

Here's the selector page;

http://themes.evgenyfireform.com/?theme=fidelity%20wordpress

Here's the html code;

<!DOCTYPE html>
<html lang="en" class="no-js">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="layouts/img/favicon.png">
    <title>Fidelity - Choose Layout</title>

    <link href='http://fonts.googleapis.com/css?family=Amaranth:700' rel='stylesheet' type='text/css'>
    <link href="layouts/css/style.css" rel="stylesheet">

    <script type="text/javascript" src="layouts/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="layouts/js/pace.min.js"></script>
  </head>
  <body>

    <div id="layouts">
      <div class="layout mixed">
        <img class="bg-img" src="layouts/img/mixed.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/mixed/">
          <span class="icon"></span>
          <span class="text">Mixed</span>
        </a>
      </div>
      <div class="layout narrow">
        <img class="bg-img" src="layouts/img/narrow.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/">
          <span class="icon"></span>
          <span class="text">Narrow</span>
        </a>
      </div>
      <div class="layout wide">
        <img class="bg-img" src="layouts/img/wide.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/wide/">
          <span class="icon"></span>
          <span class="text">Wide</span>
        </a>
      </div>
    </div>

    <div id="loading-overlay"></div>

    <script type="text/javascript" src="layouts/js/jquery.min.js"></script>
    <script type="text/javascript" src="layouts/js/app.js"></script>

  </body>
</html>

I also have 3 Css files and 4 java files for the purpose.

When I drop them into the site (using filezilla), Here's the result I am getting.

http://www.adamwl.com

It is also on every single page instead of just one - i can't find anyone do write this code in for me, and the enqueue script function is way over my head - is there no shortcut to this?

I appreciate your patience,

Adam


Viewing all articles
Browse latest Browse all 8245

Trending Articles