Pixeled

| 5 Comments

Pixeled Style



This one is based on the Pixeled theme for WordPress by samk. To see a live demo of this, go here.

To create the toolbar, create a template module and include it right after the "content-inner" div in each one of your templates. This is an example:

<div id="catnav">
     <ul id="nav">
          <li><a href="">Home</a></li>
     </ul>
</div>
I recommend using the LinkRoller plugin to create and manage the content for this toolbar. If you choose to not modify your markup, you are going to have to go into this stylesheet and change the following line from this:

.mt-entry-archive #alpha, .layout-wm #alpha, .mt-entry-archive #beta, .layout-wm #beta { margin-top: 20px; }
to this:

.mt-entry-archive #alpha, .layout-wm #alpha, .mt-entry-archive #beta, .layout-wm #beta { margin-top: 40px; }
And of course, please leave feedback. If you need to report a bug, please leave a link with the screenshot of how it is rendering in the comment section.

Download it.

5 Comments

Where's the download link? :|

I haven't gotten around to sanitizing the CSS yet, so it's not quite ready yet. This is just a preview that will updated in a day or so when I get some time to update the page.

I can't wait to get my hands on it.

I like this style, but I'm not clear about how to create the toolbar for it. I understand what a template module is but I'm not sure what code to include in the module, or how to use Linkroller in it. I installed Linkroller and it works, but I don't know how to include Linkroller into the template module.

Also, the line you say we should change is the same as the line we are supposed to change it to, so I'm not clear about that. A little help?

Thanks

You would put it inside a MT:Asset loop. Another option is that you can use Pages with tags similar to how the Professional template set works. For example:

<div id="catnav">
     <ul id="nav">
          <mt:Pages tag="@toolbar">
          <li><a href="<mt:PagePermalink/>"><mt:PageTitle/></a></li>
          </mt:Pages>
     </ul>
</div>

Which would build up a toolbar with information from pages tagged @toolbar. When you open up templates like the main index template, you will see the location I mentioned for putting the include in there fairly close to the top of the template.

Leave a comment

Recent Entries

Dark Smoke
Dark Smoke was created by Medical Website Design. To see a live demo of it with the Classic Blog…
Dark Relief
Dark relief was created by Designer Relief. To see a live demo of it for the Classic Blog template…
Four new styles to be added soon
OpenID accepted here Learn more about OpenID