Setting a Style Sheet file dynamically
 

Setting a Style Sheet file dynamically

This is an old page and I have re-formatted it to my new layout.

This page was an experiment that set its css file to an alternate style file onload().

The plan here is to set an alternate page design set from a configuration file. The problem is that all my sites look much the same. If I can do this I can make alternate designs that use the same basic template file.

The template _masterresp.html uses the css file rh.css and uses the class .header and .logo in the top menu. As opposed to rcontent-menu menu

To get this to work I would need to dynamically set the menu to either an unordered list in html or just a plain list of anchors

A different Responsive Design

The menu shown accessed by the link below is another responsive design.

And the menu is: (NOT an unordered list)

<div class="header" id="top">
<a href="index.html" class="logo">An Alternate Parish Council template
<div class="header-right">
<a class="active" href="index.html">Home
<:a href="#proc">Council Proceedings
<a href="#links">Links
<a href="site_map.html">Index
<a href="about.html">About
</div>

Top

Links

Link to PDF Disabled

If you require a copy please email tempusfugit.me.uk

Top

References - a note on these -

  • 1 - CSS Tutorial - https:// www.w3schools.com/css/