some styles + lib flexslider reference

This commit is contained in:
Ulf Gebhardt 2015-09-10 04:34:33 +02:00
parent 1dfdd39914
commit 1de09dbd0c
10 changed files with 52 additions and 27 deletions

View File

@ -2,3 +2,4 @@
require_once dirname(__FILE__).'/system/autoload.inc';
require_once dirname(__FILE__).'/unslider/autoload.inc';
require_once dirname(__FILE__).'/font_awesome/autoload.inc';
require_once dirname(__FILE__).'/flexslider/autoload.inc';

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

View File

@ -8,6 +8,7 @@ class default_page extends \SYSTEM\PAGE\Page {
\SYSTEM\HTML\html::script(\LIB\lib_lettering::js()).
\SYSTEM\HTML\html::script(\LIB\lib_unslider::js()).
\SYSTEM\HTML\html::script(\LIB\lib_jqbootstrapvalidation::js()).
\SYSTEM\HTML\html::script(\LIB\lib_flexslider::js()).
\SYSTEM\HTML\html::script(\SYSTEM\WEBPATH(new PPAGE(),'default_page/js/default_page.js'));
}
@ -16,6 +17,7 @@ class default_page extends \SYSTEM\PAGE\Page {
\SYSTEM\HTML\html::link(\LIB\lib_font_awesome::css()).
\SYSTEM\HTML\html::link(\LIB\lib_animate::css()).
\SYSTEM\HTML\html::link(\LIB\lib_system::css()).
\SYSTEM\HTML\html::link(\LIB\lib_flexslider::css()).
\SYSTEM\HTML\html::link(\SYSTEM\WEBPATH(new PPAGE(),'default_page/css/default_page.css')).
\SYSTEM\HTML\html::link(\SYSTEM\WEBPATH(new PPAGE(),'default_page/css/navbar.css'));
}

View File

@ -14,30 +14,7 @@
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top sai_margin_bottom_off" role="navigation">
<div id="home_content" class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse anchor">
<ul class="nav navbar-nav navbar-left">
<li><a class="mojotrollz_scroll" href="#mojotrollz_client">MOJOTROLLZ</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_server" onClick="">SERVERS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_tshirt" onClick="">T-SHIRTS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_addons">ADDONS</a></li>
<li><a class="mojotrollz_scroll mojotrollz_scroll_last" href="#mojotrollz_more" onClick="">MORE</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a></li>
<li><a href="#!login"><i class="glyphicon glyphicon-user"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div id="content"></div>
<body style="background: url(./api.php?call=files&cat=content&id=bg_brown_sun.jpg)fixed repeat;">
<div class="container" id="content"></div>
</body>
</html>

View File

@ -1,2 +1,17 @@
function init_start(){
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
slideshow: true,
animationLoop: true,
start:function(slider){
//HIDE THE ARROWS BY DEFAULT...
$('.flex-direction-nav').css({visibility:'hidden'});
//THEN INSERT YOUR CUSTOM JQUERY CLICK ACTIONS TO REVEAL THEM AGAIN
/*slider.find('a').on('click',function(){
$('.flex-direction-nav').css({visibility:'visible'});
});*/
}//end start function
});
}

View File

@ -8,6 +8,13 @@
</div>
<div class="col-md-3 logo_hover"></div>
</div>
<div class="flexslider">
<ul class="slides">
<li><img alt="slider_image_01.jpg" src="./api.php?call=files&cat=content&id=slider_image_01.jpg" width="100%"></li>
<li><img alt="slider_image_02.jpg" src="./api.php?call=files&cat=content&id=slider_image_02.jpg" width="100%"></li>
<li><img alt="slider_image_03.jpg" src="./api.php?call=files&cat=content&id=slider_image_03.jpg" width="100%"></li>
</ul>
</div>
<div class="row cleafix"></div>
<div id="content_client">
<a href="#">WoW 1.12.1</a>

View File

@ -1,3 +1,26 @@
<nav class="navbar navbar-inverse" role="navigation">
<div id="home_content" class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse anchor">
<ul class="nav navbar-nav navbar-left">
<li><a class="mojotrollz_scroll" href="#mojotrollz_client">MOJOTROLLZ</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_server" onClick="">SERVERS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_tshirt" onClick="">T-SHIRTS</a></li>
<li><a class="mojotrollz_scroll" href="#mojotrollz_addons">ADDONS</a></li>
<li><a class="mojotrollz_scroll mojotrollz_scroll_last" href="#mojotrollz_more" onClick="">MORE</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a></li>
<li><a href="#!login"><i class="glyphicon glyphicon-user"></i></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
${content_client}
${content_server}
${content_tshirt}