bee-digital design logo
Frontpage image

Tool for including and displaying code on your site

11th March 2009 - by Kristian

The tool I’m speaking of is SyntaxHighlighter. This must be one of the greatest tools I’ve seen in a long time, it’s easy to use, well designed and useful. As most people will know including code in your blog/webpage can be a challenge because of all the different characters that disturb original code or get interpreted wrongly by the content publishing system. This tool displays it all in a nice code view and allows the user to click “View source” to get clean code without line breaks.Example below.

body{
background-color: #FFF;
}
a{
color: #999;
}

I love it. You must get it, go to Alex Gorbatchev’s site and download.

Navigation with subpages and sub-subpages simultaneously

10th March 2009 - by Kristian

I had to try and find a way to show the second level of the pages in the sidebar, but also keep the second level (child) when you click on a third level (grandchild) page, and that proved to be quite a challenge. Did a lot of searching and testing on my site before I found a way.

Example of how I wanted it (selected page in bold):

-Subpage
–Subsubpage
–Subsubpage 2
-Subpage 2

After a LOT of searching Wordpress forums and stuff I finally found the solution. The Flexi pages widget with the default option “List sub-pages only in parent and related pages in hierarchy”, and just excluding pages on the first level (parent) did it for me. Excellent widget. Get it here.

Welcome to my worklog and portfolio

My name is Kristian B. Hollund and this is my worklog. A place to put solutions, problems and thoughts on a lot of webdesign, photography, and other topics I encounter at work or in my sparetime.

  • Twitter updates

Copyright © 2008 - bee-digital design