Ich habe heute versucht diese jquery tabs in meinen footer einzubauen. Doch leider funktioniert es nicht so wie ich mir das vorgestellt hatte.
Den Ordner YUI habe ich in den Template ordner hochgeladen.
Und hier mein footer code.
Code: Alles auswählen
<!-- IF STARGATE --><!-- INCLUDE portal_tail.html --><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<link href="/YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="/YUI/2.6.0/build/tabview/assets/skins/sam/tabview.css" rel="stylesheet" type="text/css" />
<script src="/YUI//2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="/YUI/2.6.0/build/element/element-beta-min.js" type="text/javascript"></script>
<script src="/YUI/2.6.0/build/tabview/tabview.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<p>{RUN_CRON_TASK}<!-- ENDIF -->
</div>
<!--
We request you retain the full copyright notice below including the link to www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
forums may be affected.
The phpBB Group : 2006
//-->
</p>
<div id="wrapfooter">
<!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
<span class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a><br />
Portal <a href="http://gotskillslounge.com/">Prosk8er</a><br />
<!-- IF STARGATE --><!-- INCLUDE portal_footer_pre.html --><!-- ENDIF -->
<!-- IF STARGATE --><!-- INCLUDE portal_footer.html --><br /><!-- ENDIF -->
{S_TIMEZONE} - {CURRENT_TIME}</span>
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>
<div id="footer">
<div id="footer_ls"><a href="javascript:scroll(0,0);"><img src="{T_THEME_PATH}/images/footer_ls.gif" width="52" height="47" border="0" alt="" /></a></div>
<div id="footer_rs"><img src="{T_THEME_PATH}/images/footer_rs.gif" width="39" height="47" border="0" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
<!-- IF STARGATE-->
<!-- IF RAND_BANNER_POSITION == 2 or RAND_BANNER_POSITION == 3 --><div align="center">{RAND_BANNER}</div><!-- ENDIF -->
</div>
<!-- ENDIF -->
</center>
<div id="yuitabview1" class="yui-navset">
<ul class="yui-nav">
<li><a href="#tab1"><em>Tab One Label</em></a></li>
<li class="selected"><a href="#tab2"><em>Tab Two Label</em></a></li>
<li><a href="#tab3"><em>Tab Three Label</em></a></li>
</ul>
<div class="yui-content">
<div id="tab1">
<p>Tab One Content</p>
</div>
<div id="tab2">
<p>Tab Two Content</p>
</div>
<div id="tab3">
<p>Tab Three Content</p>
</div>
</div>
</div>
<script type="text/javascript">
// BeginWebWidget YUI_TabView: yuitabview1
(function() {
var cn = document.body.className.toString();
if (cn.indexOf('yui-skin-sam') == -1) {
document.body.className += " yui-skin-sam";
}
})();
var yuitabview1 = new YAHOO.widget.TabView('yuitabview1');
</script>
</body>
</html>
Wenn ihr jetzt mal auf http://www.the-hot-shots.de/forum geht und ganz runter scrollt, seht ihr was ich meine, die tabs funktionieren nicht. Sie sind einer unternander gelistet
,
crysis992
