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>  </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
Sub-Menu: