Puntocom
Well-known member
As requested in my profile, here it is a template modification to show slideshow ads above forum list.
Unzip jcarousel.zip contents in the root directory of your XenForo installation. Directory jcarousel will be created.
In page_container_js_head, after <script type="text/javascript" src="{$jQuerySource}"></script> add:
Create template jcarousel with this:
Done
If you want to see it in a live site write me a private message since the site has adult content.
http://sorgalla.com/jcarousel/
Unzip jcarousel.zip contents in the root directory of your XenForo installation. Directory jcarousel will be created.
In page_container_js_head, after <script type="text/javascript" src="{$jQuerySource}"></script> add:
<!-- jCarousel -->
<script type="text/javascript" src="jcarousel/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="jcarousel/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 4,
wrap: 'circular'
});
});
</script>
<!-- end jCarousel-->
Create template jcarousel with this:
In forum_list, just before <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if> add<div style="margin: 0 0 15px 0; height: 143px">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><a href="url1" target="blank"><img src="image1.jpg" alt="Image 1" title="Image 1" /></a></li>
<li><a href="url2" target="blank"><img src="image1.jpg" alt="Image 2" title="Image 2" /></a></li>
<li><a href="url3" target="blank"><img src="image1.jpg" alt="Image 3" title="Image 3" /></a></li>
<li><a href="url4" target="blank"><img src="image1.jpg" alt="Image 4" title="Image 4" /></a></li>
<li><a href="url5" target="blank"><img src="image1.jpg" alt="Image 5" title="Image 5" /></a></li>
</ul>
</div>
<xen:include template="jcarousel" />
Done
If you want to see it in a live site write me a private message since the site has adult content.
http://sorgalla.com/jcarousel/