ThemeShaper Forums » Thematic


Any extra divs I could hijack?

(4 posts)
  • Started 8 years ago by deklan
  • Latest reply from ScottNix
  • This topic is resolved
  1. Hello everyone, I am new to thematic and CSS in general. :) This is my thematic website that I've been working on: . I came across this wonderful technique in CSS Zen Garden that involves using a few extra divs to add fixed images around the site's border as you can see in this link. I have found a website explaining the how-to's but I did not want to go messing around in thematic's html files, if possible I would like to keep it all inside the child theme. :) So are there 4 extra divs I could hijack to make this happen?

    FYI: I want the website to look like it's being seen from an old CRT monitor. :)

    Posted 8 years ago #
  2. kwight

    No need to steal divs, you can create your own in your child theme's functions.php file. To add them before the closing body tag like on Zen Garden, I think you need the thematic_after hook:

    function create_crt_bezels() { ?>
        <div id="bezel-top"></div>
        <div id="bezel-right"></div>
        <div id="bezel-bottom"></div>
        <div id="bezel-left"></div>
    <?php }  

    This should get you the divs you need to start styling in CSS.

    Posted 8 years ago #
  3. Thanks Kwight, I'll get right on it and update with the finished version. :)

    Posted 8 years ago #
  4. Anyone else interested in some cool ways to position content should check out with Mozilla's Firebug. Really awesome stuff.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.