Side Bar for Themes

[SaltedWeb]

Ive researched the whole forum took 4 days and this subject seems to be
in bits and pieces all over the place.
And isn't very clear no matter where I look.
There is a nice Template Generator by smf, But how to use it and intergrate into a theme it isnt clear. Not complaining, just on this subject the help and idea about this seem
to stop short in from saying what to do next.
It makes a template ok but then what ?
Its great that it creates a template, But with ppl using themes more and more then default.
What next?

I just want to add a Side bar/menu to 7dana theme, with a few links without framing it.
thats about it.  Framing doesnt seem efficient enough and I noticed that the forum doesnt always hold integrity when framed.

if some one knows an easy way to add a side menue that will work with theme could you post some details . I aleady have read it possible but as a newbie to SMF, The info I find stops short of helping me find how to do this start to finsh.

Thanks

Paul

[A.M.A]

If you need something like this I'll show you how.
If not I'll modify 7dana theme for you to have two columns.

[SaltedWeb]

Hi A.M.A.

I am looking for some thing is stationary.
Although the slide out is cool.
What I am looking for is
Very much like the template smf gen does.

Were it sets the menu at the side left stationary
Allowing me to add links.

( the reason I need this is right now I have an entrance page to the forum which basically manages some links. It would be a whole lot easier and look more professional and faster to have my main mage be the forum with a side menu.

Does that make sense ?


Paul

[A.M.A]

Attached the modified index.template

look for :

<td width="100%" height="25" class="catbg">Site Menu</td>

and:

link#1<br />
   link#2<br />
   link#3<br />
   link#4<br />

change those to what you need.

[A.M.A]

Someone asked how to use the slide menu, here it is:

- download the menu zip which contains two files.

- upload ssm.js and ssmItems.js to your smf/Themes/default/images/ folder.

- in index.template.php right above:

Code Select Expand

</head>
add:

Code Select Expand

<style type="text/css"><!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
--></style>

- then just above

Code Select Expand

<div id="headerarea" style="padding: 12px 30px 4px 30px;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">';
add this:

Code Select Expand

<script type="text/javascript" src="' . $settings['images_url'] . '/ssm.js"></script>
<script type="text/javascript" src="' . $settings['images_url'] . '/ssmItems.js"></script>
Of course you need to change the colors and links in ssmItems.js to what you need.

[xtremecruiser]

Attached the modified index.template

look for :

<td width="100%" height="25" class="catbg">Site Menu</td>

and:

link#1<br />
    link#2<br />
    link#3<br />
    link#4<br />

change those to what you need.

Thanks for all the help, how can I make this side menu collapse and open again ?

Also thanks for this bit of code it's what I was missing

Code Select Expand

<script type="text/javascript" src="' . $settings['images_url'] . '/ssm.js"></script>
<script type="text/javascript" src="' . $settings['images_url'] . '/ssmItems.js"></script>

[SaltedWeb]

Hi AMA,

The link script works great ( thank You)

still trying to figure how to resize it,.
I tried resizing what I thought was the cell.
But maybe I was wrong because it didnt change the size.

I would like to make it thinner maybe half the width
Any ideas ?

Thanks

Paul

[A.M.A]

xtremecruiser
I'm afraid it doesn't collapse, it only slides in from left and hides.

Diamondcomputer

<td width="19%" valign="top">

<td width="79%">

Change those to what size you need, the first is for the menu and the second for the board index.

[xtremecruiser]

Thanks for all the help, I will try the sliding menu mod today.
I really like one that will collapse

[SaltedWeb]

Well Its worked well ,
I ran some test and all is good.

One last question before I load it from test to
replace my current file.

I am presuming its ok to just update index.template and over write my
7dana one without affecting the current site ?

As the template has nothing to do with new buttons, or logo etc
that ive added. isnt that correct?
Of course I'll make a backup first. but just wondered if it only affects the style and dimmensions and not the pics logo, buttons etc?

Thanks again this is great help.


Paul

[SaltedWeb]

Hi, AMA,
I ran a few test on the new Index.template.

Do you have a copy of the process you used to update
the Index.template.
As I am going to have to manually make a side bar
using my existing index.template as some modifications
I made previoulsy will be erased when replace with the one you made.

Thanks For All The Help.


Paul

[A.M.A]

Here is the changes I've made to the original 7dana's index.template.php
find:

Code Select Expand

<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td id="bodyarea" style="padding: 1ex 10px 2ex 10px;">
add before:

Code Select Expand

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="1%"></td>
    <td width="19%" valign="top">
<br />
<br />
<div class="tborder">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%" height="25" class="catbg">Site Menu</td>
  </tr>
  <tr>
    <td width="100%" class="windowbg2">
link#1<br />
link#2<br />
link#3<br />
link#4<br />
</td>
  </tr>
</table>
</div>

</td>
    <td width="1%"></td>
    <td width="79%">

find:

Code Select Expand

echo '</td>
</tr></table>';

replace with:

Code Select Expand

echo '</td>
</tr></table>
</td>
  </tr>
</table>';

[Hengis]

Thanks for your effort on this AMA - I have added this to my forum: PC Help Forum.com

[SaltedWeb]

Thanks.

AMA,

Truly appreciate all the help, and trouble you went through to help
me get a good side menu. Going to try this over the weekend and
add a well needed side bar.

The support system on SMF is amazing.
And this is a free product. I get better support here
then I do with stuff I pay for.


Thanks So Much for All the Help.   

Paul

[tombr]

Is this something that's browser specific?  I've gone to the links in this thread and am not seeing what you people are talking about.

"I have added this to my forum: PC Help hxxp:forum.com [nonactive]" - No side links show up.

"If you need something like this I'll show you how." - I see a sidebar with links but nothing sliding in & out like is mentioned.

On a Mac with OSX running Safari.

Tom

[A.M.A]

Could you please tell me what you did exactly.

[Hengis]

@ tombr

I removed this (unfortunately) as it was slowing the forum down too much.

If anyone has an idea how to get round this then I will re-instate this straight away.

Thanks.