• Registered: 2014-12-29
  • Posts: 41

Topic: On a Basic Page - Kosel Theme: How do I do this?

Between <head> and </head>

<!-- Main CSS file -->
<link rel="stylesheet" href="http://mark-friedman.com/assets/css/simplex.css" media="screen" />

<!-- CSS for simple color Theme -->
<link rel="stylesheet" href="http://mark-friedman.com/assets/css/form.simple.css" media="screen" />

in the body of the page:

<div class="formelements"></div>

and, just before the </body>

<!-- jQuery plugin -->
<script type="text/javascript" src="http://mark-friedman.com/assets/js/jquery-1.10.2.min.js"></script>

<!-- jQuery ui for the use of date picker feature -->
<script type="text/javascript" src="http://mark-friedman.com/assets/js/jquery-ui.js"></script>
<script>
$(".formelements").load("http://mark-friedman.com/simplex.php");
</script>

Using the source editor, I think I got the body statement in.  By preceding the statement with <p> </p>, the compiler left my div  statement alone, not treating it as text.

It's the correct placement of everything else ...
It occurs to me this might be done by creating a basic.tpl, but I don't know the proper language

  • Registered: 2012-12-16
  • Posts: 940

Re: On a Basic Page - Kosel Theme: How do I do this?

Anything you type into the editor will appear in the <body> section of the page. (If you are entering HTML code, just be sure to click the 'Source' button to ensure that your HTML code is treated as code rather than plain text.)

If you want to add any custom CSS code to all pages within your site, you can add it directly to your chosen theme's 'custom.css' file (e.g. '_themes/kosel/css/custom.css').

If you need to add any code to the <head> section of your pages, add it before the closing </head> tag in the '\_themes\base\pagetypes\layout.tpl' file.
You could add code to the <body> section in this file, too, but you might want to add your code to the <section class="content"> container (rather than before the closing </body> tag which would be after the <footer>).

  • Registered: 2014-12-29
  • Posts: 41

Re: On a Basic Page - Kosel Theme: How do I do this?

Thank you, Steven.

Would it be possible to create a basic.tpl for Kosel for page-specific code, rather than site-wide?  If so, what could I use as a starting point?  Could I, for example, copy '\_themes\base\pagetypes\layout.tpl' to 'kosel/pagetypes/basic.tpl' and modify as needed?

  • Registered: 2012-12-16
  • Posts: 940

Re: On a Basic Page - Kosel Theme: How do I do this?

If you want to add code to the <head> section of only 'Basic' pages (for example), then you can add a {block "head"} ... {/block} section to the '_themes/base/pagetypes/basic.tpl' file.
For example:

{block "head"}
    <link rel="stylesheet" href="http://mark-friedman.com/assets/css/simplex.css" media="screen" />
    <link rel="stylesheet" href="http://mark-friedman.com/assets/css/form.simple.css" media="screen" />
{/block}