Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--
This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
Copyright ©2005-2012 by Leo Feyer :: Extensions are copyright of their respective owners
Visit the project website at http://contao.org for more information
//-->
<title>Forum - Music Academy</title>
<base href="http://typo.meineseite.de/">
<meta name="robots" content="index,follow">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>#wrapper{width:870px;margin:0 auto}#left{width:200px;right:200px}#container{padding-left:200px}</style>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu">
<link rel="stylesheet" href="system/modules/cfs_jquery_gui/html/js/jqueryui/css/black-tie/jquery-ui-1.9.1.custom.css">
<link rel="stylesheet" href="system/modules/cfs_jquery_gui/html/css/dataTables.css">
<link rel="stylesheet" href="system/modules/cfs_jquery_gui/html/css/cfsGui.css">
<link rel="stylesheet" href="system/modules/cfs_forum/html/css/cfsForumComfort.css">
<link rel="stylesheet" href="assets/css/180e3cafdb6f.css">
<script src="assets/js/bb2edc7367c7.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/jqueryui/js/jquery-1.8.2.min.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/cfsjQueryNoConflict.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/jqueryui/js/jquery-ui-1.9.1.custom.min.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/dataTables/js/jquery.dataTables.min.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/jquery.history.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/jquery.tooltip.pack.js"></script>
<script src="system/modules/cfs_jquery_gui/html/js/jquery.cfsGui.js"></script>
<!--[if lt IE 9]><script src="assets/html5shiv/3.6.1/html5shiv.js"></script><![endif]-->
</head>
<body id="top" class="win firefox gecko fx16">
<div id="wrapper">
<header id="header">
<div class="inside">
<div id="top_image">
<img src="files/music_academy/image.png" width="670" height="273" alt="Music academy">
</div>
<!-- indexer::stop -->
<nav class="mod_navigation block">
<a href="index.php/forum.html#skipNavigation1" class="invisible">Skip navigation</a>
<ul class="level_1">
<li class="sibling first"><a href="index.php/" title="Welcome to Music Academy" class="sibling first" accesskey="1">Home</a></li>
<li class="submenu sibling"><a href="index.php/academy.html" title="About the academy" class="submenu sibling" accesskey="2">The academy</a>
<ul class="level_2">
<li class="first"><a href="index.php/news.html" title="News and updates" class="first">News</a></li>
<li><a href="index.php/calendar.html" title="Events and schedules">Calendar</a></li>
<li><a href="index.php/impressions.html" title="Campus impressions">Impressions</a></li>
<li class="last"><a href="index.php/teachers.html" title="Our teachers" class="last">Teachers</a></li>
</ul>
</li>
<li class="sibling"><a href="index.php/courses.html" title="Courses overview" class="sibling" accesskey="3">Courses</a></li>
<li class="submenu sibling"><a href="index.php/services.html" title="Services and support" class="submenu sibling" accesskey="4">Services</a>
<ul class="level_2">
<li class="first"><a href="index.php/search.html" title="Search this website" class="first" rel="nofollow">Search</a></li>
<li><a href="index.php/navigation.html" title="New navigation features">Navigation</a></li>
<li class="last"><a href="index.php/login.html" title="Students log-in" class="last" rel="nofollow">Login</a></li>
</ul>
</li>
<li class="active last"><span class="active last">Forum</span></li>
</ul>
<a id="skipNavigation1" class="invisible"> </a>
</nav>
<!-- indexer::continue -->
</div>
</header>
<div id="container">
<div id="main">
<div class="inside">
<!-- indexer::stop -->
<div class="mod_breadcrumb block">
<ul>
<li class="first"><a href="index.php/" title="Music Academy">Music Academy</a></li>
<li class="active last">Forum</li>
</ul>
</div>
<!-- indexer::continue -->
<div class="mod_article block" id="forum">
<div class="mod_cfs_forum_comfort block">
<script>
(function() {
if (typeof(jQuery)=='undefined') {
window.setTimeout( "document.getElementById('cfs_forum_comfort').innerHTML = '<h1>jQuery missing</h1>'", 500);
return;
} else {
jQuery(document).ready(function() {
jQuery('div#cfs_forum_comfort' ).cfsGui({id: 23, height: '', width: '', ajaxUrl: 'ajax.php', ajaxData: 'action=fmd&id=23', initData: {"contenttype":"html","contentoptions":{"scrollable":false},"contentdata":"<div class=\"cfsForumBoxes\"><div class=\"cfsForumBox cfsGuiAction cfsGuiTooltip ui-widget cfsForumBoxWithoutImage ui-state-default ui-corner-all\" id=\"cfsForumBox1\" title=\"TEST\" data-action=\"forum:1\" data-hoverclass=\"cfsForumBoxHover ui-state-hover\"><div class=\"cfsForumBoxText\">Neues Forum<\/div><div class=\"cfsForumBoxSubtext\"><\/div><\/div><\/div>","state":"forumbox:0","buttons":[],"breadcrumb":[{"id":"forumbox:0","text":"FORUMSMODUL"}],"headline":""}, jquiBreadcrumb: '1', jquiButtons: '1', breadcrumbDelim: '', embedDialogs: '', jquiEmbeddedDialogs: '1', navPanel: false}); });
}
})();
</script>
<div id="cfs_forum_comfort"></div>
<br />
</div>
</div>
</div>
</div>
<aside id="left">
<div class="inside">
<!-- indexer::stop -->
<div class="mod_login one_column tableless login block">
<h1>Front End Login</h1>
<form action="index.php/forum.html" id="tl_login" method="post">
<div class="formbody">
<input type="hidden" name="FORM_SUBMIT" value="tl_login">
<input type="hidden" name="REQUEST_TOKEN" value="1cb4a624f78175388a837ccdc687ab59">
<label for="username">Username</label>
<input type="text" name="username" id="username" class="text" maxlength="64" value=""><br>
<label for="password">Password</label>
<input type="password" name="password" id="password" class="text password" maxlength="64" value="">
<div class="checkbox_container">
<input type="checkbox" name="autologin" id="autologin" value="1" class="checkbox"> <label for="autologin">Remember me</label>
</div>
<div class="submit_container">
<input type="submit" class="submit" value="Login">
</div>
</div>
</form>
</div>
<!-- indexer::continue -->
<!-- indexer::stop -->
<div id="request_password">
<a href="index.php/lost-password.html" title="Request a new password">Did you lose your password?</a><br>
<a href="index.php/forum.html?toggle_view=mobile" title="Go to the mobile version">Mobile version</a>
</div>
<!-- indexer::continue -->
<!-- indexer::stop -->
<div class="mod_newslist block" id="breaking_news">
<h1>Breaking news</h1>
<div class="layout_short block first even">
<p class="info"><time datetime="2010-02-04T09:30:00+00:00">2010-02-04 09:30</time> </p>
<h2><a href="index.php/news/items/james-wilson-returns.html" title="Read the article: Associate Professor James Wilson returns">Associate Professor James Wilson returns</a></h2>
<div class="teaser">
<p>Jazz pianist James Wilson returns to Music Academy to give lessons in traditional and contemporary Jazz Piano.</p>
</div>
<p class="more"><a href="index.php/news/items/james-wilson-returns.html" title="Read the article: Associate Professor James Wilson returns">Read more … <span class="invisible">Associate Professor James Wilson returns</span></a></p>
</div>
<div class="layout_short block last odd">
<p class="info"><time datetime="2010-01-28T08:15:00+00:00">2010-01-28 08:15</time> </p>
<h2><a href="index.php/news/items/open-days.html" title="Read the article: Open days">Open days</a></h2>
<div class="teaser">
Every Friday in February 2010 the gates of the Music Academy's campus will be thrown wide open to welcome everyone for a day filled with fun and interest.
</div>
<p class="more"><a href="index.php/news/items/open-days.html" title="Read the article: Open days">Read more … <span class="invisible">Open days</span></a></p>
</div>
</div>
<!-- indexer::continue -->
</div>
</aside>
</div>
</div>
<script>
(function($) {
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
alwaysHide: true,
onActive: function(tog, el) {
el.setProperty('aria-hidden', 'false');
tog.addClass('active');
tog.getNext('div').fade('in');
tog.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(tog, el) {
el.setProperty('aria-hidden', 'true');
tog.removeClass('active');
tog.getNext('div').fade('out');
tog.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(el) {
el.setProperty('role', 'tab');
el.setProperty('tabindex', 0);
el.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(el) {
el.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(el) {
el.setProperty('role', 'tabpanel');
});
});
})(document.id);
</script>
<script src="assets/mootools/mediabox/1.4.6/js/mediabox.js"></script>
<script>
(function($) {
window.addEvent('domready', function() {
var links = $$('a').filter(function(el) {
return el.getAttribute('data-lightbox') != null;
});
$$(links).mediabox({
// Put custom options here
}, function(el) {
return [el.href, el.title, el.getAttribute('data-lightbox')];
}, function(el) {
var data = this.getAttribute('data-lightbox').split(' ');
return (this == el) || el.getAttribute('data-lightbox').match(data[0]);
});
// Support swiping on mobile devices
$('mbImage').addEvent('swipe', function(e) {
(e.direction == 'left') ? $('mbNextLink').fireEvent('click') : $('mbPrevLink').fireEvent('click');
});
});
})(document.id);
</script>
<script src="assets/contao/js/scheduler.js?t=86400" id="cron"></script>
</body>
</html>
Grüße
Lesezeichen