You could add images by editing the voicebar_main template and inserting images in each <li> line. If there's enough demand for it, I can add an option for that as well.It would be great if each line of text could be associated with an image as well... Not sure if that is possible or not.
<xen:if is="{$xenOptions.voicebar_link_one_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_one}">{$xenOptions.voicebar_link_one_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_one_enable} == 1">
<li><img src="MY IMAGE LOCATION HERE" /><div class="info2"><a href="{$xenOptions.voicebar_link_one}">{$xenOptions.voicebar_link_one_title}</a></div></li>
</xen:if>
I think you'll have to have it inside the div so it sits on the same line as the text, but that looks correct otherwise. The images will scroll with your text, so if you want the image to appear on multiple lines, you'll have to put it in multiple <li> rows. If you want it to stay static as multiple rows of text scroll, there might be an alternate solution, but I'm not sure how that would work, unfortunately.So, this is original:
Code:<xen:if is="{$xenOptions.voicebar_link_one_enable} == 1"> <li><div class="info2"><a href="{$xenOptions.voicebar_link_one}">{$xenOptions.voicebar_link_one_title}</a></div></li> </xen:if>
I would need to have it as:
Code:<xen:if is="{$xenOptions.voicebar_link_one_enable} == 1"> <li><img src="MY IMAGE LOCATION HERE" /><div class="info2"><a href="{$xenOptions.voicebar_link_one}">{$xenOptions.voicebar_link_one_title}</a></div></li> </xen:if>
I think this might be correct.... and do it for each <li>, or each image/info line I want to use?
Just tried on my site and neither pops up for me while logged out--could you post the contents of your voicebar_main template for me?Hi Kurt,
Was yoy able to reproduce the login box dropping down if you click on a button and not logged in?
<xen:require css="voicebar_main.css" />
<xen:include template="voicebar_main_js" />
<div>
<fieldset id="moderatorBar2">
<div class="pageWidth">
<div class="pageContent">
<img src="{$xenOptions.voicebar_image}" style="position:absolute; bottom:-5px; left:-55px;" class="nowplaying" />
<div id="newsticker-demox">
<div class="newsticker-jcarousellite">
<ul>
<xen:if is="{$xenOptions.voicebar_link_one_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_one}">{$xenOptions.voicebar_link_one_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_two_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_two}">{$xenOptions.voicebar_link_two_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_three_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_three}">{$xenOptions.voicebar_link_three_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_four_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_four}">{$xenOptions.voicebar_link_four_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_five_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_five}">{$xenOptions.voicebar_link_five_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_six_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_six}">{$xenOptions.voicebar_link_six_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_seven_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_seven}">{$xenOptions.voicebar_link_seven_title}</a></div></li>
</xen:if>
<xen:if is="{$xenOptions.voicebar_link_eight_enable} == 1">
<li><div class="info2"><a href="{$xenOptions.voicebar_link_eight}">{$xenOptions.voicebar_link_eight_title}</a></div></li>
</xen:if>
</ul>
</div>
</div>
<div align="center" style="min-height:35px">
<label for="LoginControl" id="SignupButton" style="float:right; margin:0"><a href="{$xenOptions.boardUrl}/index.php?pages/OnAir__Contact/" class="inner">Contact Us </a> </label>
<div style="float:right; margin:2px;"></div>
<label for="LoginControl" id="SignupButton" style="float:right; margin:0"><a href="#" onClick="MyWindow=window.open('http://www.doverlocals.co.uk/test2.html','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=yes,width=440,height=135'); return false;" class="inner">Listen Live Online</a> </label>
</div>
<xen:hook name="moderator_bar" />
<span class="helper"></span>
</div>
</div>
</fieldset>
<script type="text/javascript">
$(document).ready( function()
{
//stick the footer at the bottom of the page if we're on an iPad/iPhone due to viewport/page bugs in mobile webkit
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#moderatorBar2").css("position", "static");
}
});
</script>
</div>
Is the template outdated, perhaps? I noticed there were a couple other differences where yours had hard-coded values instead of the new option variables--perhaps that would explain it.Thats sorted it
Not sure what went wrong there, as imported the new addon file.... glad its sorted though
Thanks Kurt
We use essential cookies to make this site work, and optional cookies to enhance your experience.