WebsiteX5.info - The ultimate guide for Incomedia's WebsiteX5

Search this site

Go to content

Main menu:


Add extra content under the vertical menu

How to... > Menu

Wondering how I got those extra elements below the vertical menu on the left of the screen?

I just added some extra div's to the template I used! I found the empty space below the menu could be put to a better use. And because it is in the template it is added to each and every page you create.

To do this find the index.html-file which belongs to the template you are using. You can find it in the folder

'C:\Program Files\WebSite X5 Evolution\Models\<templatename>\Ver´

Edit this file and find the entry [imMenuMain] and add the information you want to show in the template between <div> and </div>
Because there isn't a style defined for this areay you must add your own style rules.

I found a width of 120 pixels to be suitable. For example for my rss-feed I put in the code:

<div style="width:120px; padding-top:20px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px">
<a title="" href="x5rssfeed.xml" style="border:0; text-decoration: none">
<img title="" alt="Add my site to your RSS-feeds" src="http://www.rode-ict.nl/wx5/images/rss.jpg" style="border:none"/>
</a>
<p> &nbsp</p>
Add this site to your RSS Feeds!
</div>


Instead of <div style="...">

You could add <div id="rss_feed">

But then you must add the following css style rule to the templace.css file.

#rss_feed {
width:120px;
padding-top:20px;
text-align: center;
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

Have fun!
Rbbrt


Back to content | Back to main menu