Adding an icon to the top-level items.
Posted: Wed May 18, 2011 10:43 pm
Go to Design / Library / Variables / Multi Column Menu.
Right click Multi Column Menu and choose New Variable.
Create a variable as per the following: Go to Design / Library / Layouts / Web Page Outer Layout / Actinic Stylesheet.
Scroll to the bottom and append the following line below everything that's there:
Go to Design / Library / Layouts / Multi Column Menu / Multi Column Menu.
Look for the line (about line 29):
Replace it with:
That's it. Your Sections will now have a setting "MenuTopIcon" where you can set an image to use.
Amend the style of this image by editing the line you added to the ActinicStylesheet.
Right click Multi Column Menu and choose New Variable.
Create a variable as per the following: Go to Design / Library / Layouts / Web Page Outer Layout / Actinic Stylesheet.
Scroll to the bottom and append the following line below everything that's there:
Code: Select all
#multicolumnmenu img {border:none; vertical-align:middle;}
Look for the line (about line 29):
Code: Select all
><Actinic:Variable Name="SectionName"/></a>
Replace it with:
Code: Select all
><actinic:block if="%3cactinic%3avariable%20name%3d%22MenuTopIcon%22%20%2f%3e%20%21%3d%20%22%22">
<img border="0" src="<actinic:variable name="MenuTopIcon" />" />
</actinic:block>
<Actinic:Variable Name="SectionName"/></a>
That's it. Your Sections will now have a setting "MenuTopIcon" where you can set an image to use.
Amend the style of this image by editing the line you added to the ActinicStylesheet.