We?re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It?s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings of your forum.

Demo: Sticky Side Menu

First lets download the small ZIP below and upload the "Font" folder to your current theme.

In your theme's index.template.php find:

Code Select Expand

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '

Add after:

Code Select Expand

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>

Find:

Code Select Expand

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '

Add after:
[code]<div class="toolbar-wrapp">
   <div class="sticky-toolbar">

      <ul>
         <li class="glyph" id="support">
            <a href="#" data-icon="

We?re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It?s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings of your forum.

Demo: Sticky Side Menu

First lets download the small ZIP below and upload the "Font" folder to your current theme.

In your theme's index.template.php find:

Code Select Expand

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '

Add after:

Code Select Expand

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>

Find:

Code Select Expand

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '

Add after:
[code]<div class="toolbar-wrapp">
   <div class="sticky-toolbar">

      <ul>
         <li class="glyph" id="support">
            <a href="#" data-icon="

Add Pagination to your Pages

Add Google Directions Map to your forum

Google Search Results Within SMF

Custom pages for your SMF forum

Team Page for SMF