mirror of
https://github.com/moexe/FFFGateway-Monitoring.git
synced 2026-02-05 22:55:11 +01:00
Neues Menü mit Submenüs
und aufgeräumt
This commit is contained in:
@@ -1,23 +0,0 @@
|
||||
<div id='cssmenu'>
|
||||
<ul>
|
||||
|
||||
<li><a href="index.php">Startseite</a></li>
|
||||
<li class='has-sub'><a href='#'><span>Gateways</span></a>
|
||||
<ul>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://163.172.161.233">fff-rola1</a></li>
|
||||
<li class='last'><a http://5.189.166.50">fff-has2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><a target="_blank" href="/mrtg/start.html">MRTG</a></li>
|
||||
<li><a target="_blank" href="http://163.172.161.233:8082">babelweb-rola1</a></li>
|
||||
<li class='last'><a target="_blank" href="https://monitoring.freifunk-franken.de/">Monitoring</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
239
html/responsive-menu.html
Normal file
239
html/responsive-menu.html
Normal file
@@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head lang="en">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Responsive Menu Test</title>
|
||||
|
||||
<!-- Apply Responsive Menu CSS -->
|
||||
<link href="css/responsive-menu.css" rel="stylesheet">
|
||||
|
||||
<!-- Unsere css -->
|
||||
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
|
||||
|
||||
<!-- Unessential CSS - Just here to make this sample page prettier -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||
<link href="css/styles.css" rel="stylesheet">
|
||||
|
||||
<!-- Load modernizr or html5shiv -->
|
||||
<script src="//cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
|
||||
<script>window.modernizr || document.write('<script src="../lib/modernizr/modernizr-custom.js"><\/script>')</script>
|
||||
<!--<script src="../lib/html5shiv/html5shiv.js"></script>-->
|
||||
|
||||
<!-- Load jQuery -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="../lib/jquery-legacy/jquery.js"><\/script>')</script>
|
||||
|
||||
<!-- Load Responsive Menu -->
|
||||
<script src="js/responsive-menu.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Setup Responsive Menu -->
|
||||
<script>
|
||||
jQuery(function ($) {
|
||||
var menu = $('.rm-nav').rMenu({
|
||||
|
||||
// Optional Settings
|
||||
|
||||
/**
|
||||
* Minimum width for expanded layout in pixels - String
|
||||
* The media query in css file should be changed to match this
|
||||
* Must be in pixels and include px units if not using Modernizr.
|
||||
* @default '769px'
|
||||
*/
|
||||
minWidth: '960px',
|
||||
|
||||
/**
|
||||
* The opening and closing speed of the menus in milliseconds
|
||||
* @default 400
|
||||
*/
|
||||
//transitionSpeed: 400,
|
||||
|
||||
/**
|
||||
* The jQuery easing function - used with jQuery transitions
|
||||
* @default 'swing'
|
||||
* @options 'swing', 'linear'
|
||||
*/
|
||||
//jqueryEasing: 'swing',
|
||||
|
||||
/**
|
||||
* The CSS3 transitions easing function - used with CSS3 transitions
|
||||
* @default 'ease'
|
||||
*/
|
||||
//css3Easing: 'ease',
|
||||
|
||||
/**
|
||||
* Use button as toggle link - instead of text
|
||||
* @default true
|
||||
*/
|
||||
//toggleBtnBool: true,
|
||||
|
||||
/**
|
||||
* The Toggle Link selector
|
||||
* @default '.rm-toggle'
|
||||
*/
|
||||
//toggleSel: '.rm-toggle',
|
||||
|
||||
|
||||
/**
|
||||
* The menu/sub-menu selector
|
||||
* @default 'ul'
|
||||
*/
|
||||
//menuSel: 'ul',
|
||||
|
||||
/**
|
||||
* The menu items selector
|
||||
* @default 'li'
|
||||
*/
|
||||
//menuItemsSel: 'li',
|
||||
|
||||
/**
|
||||
* The class the plugin adds to the container of the nav element
|
||||
* @default 'rm-container'
|
||||
*/
|
||||
//containerClass: 'rm-container',
|
||||
|
||||
/**
|
||||
* The class the plugin adds to the nav element
|
||||
* @default 'rm-nav'
|
||||
*/
|
||||
//navElementClass: 'rm-nav',
|
||||
|
||||
/**
|
||||
* The class the plugin adds to the top menu element
|
||||
* @default 'rm-top-menu'
|
||||
*/
|
||||
//topMenuClass: 'rm-top-menu',
|
||||
|
||||
/**
|
||||
* The class applied to menu items that contain a sub-menu
|
||||
* @default 'rm-parent'
|
||||
*/
|
||||
//parentClass: 'rm-parent',
|
||||
|
||||
/**
|
||||
* The class applied to container element to trigger expanded layout
|
||||
* @default 'rm-layout-expanded'
|
||||
*/
|
||||
//expandedClass: 'rm-layout-expanded',
|
||||
|
||||
/**
|
||||
* The class applied to container element to trigger contracted layout
|
||||
* @default 'rm-layout-contracted'
|
||||
*/
|
||||
//contractedClass: 'rm-layout-contracted',
|
||||
|
||||
/**
|
||||
* Use CSS3 animation/transitions class name
|
||||
* @default 'rm-css-animate'
|
||||
* Do not use animation/transitions: ''
|
||||
*/
|
||||
//animateClass: 'rm-css-animate',
|
||||
|
||||
/**
|
||||
* Force GPU Acceleration class name
|
||||
* @default 'rm-accelerate'
|
||||
* Do not force: ''
|
||||
*/
|
||||
//accelerateClass: 'rm-accelerate',
|
||||
|
||||
/**
|
||||
* Use development mode - outputs information to html element on test page
|
||||
* Must uncomment appropriate if statements in the jQuery code
|
||||
* @default false
|
||||
*/
|
||||
//developmentMode: false
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="wrapper">
|
||||
<div class="brand">
|
||||
<p><a href="#" class="logo">FFF-Hassfurt</a></p>
|
||||
</div>
|
||||
|
||||
<!-- START Responsive Menu HTML -->
|
||||
<div class="rm-container">
|
||||
<a class="rm-toggle rm-button rm-nojs" href="#">Menu</a>
|
||||
|
||||
<nav class="rm-nav rm-nojs rm-lighten">
|
||||
<ul>
|
||||
<li><a href="#">Die Gateways</a>
|
||||
<ul>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://5.189.166.50">fff-has2</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||
<li><a href="http://163.172.161.233">fff-rola1</a></li>
|
||||
|
||||
|
||||
<ul>
|
||||
<li><a href="#">Sub Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Sub Item 2</a></li>
|
||||
<li><a href="#">Sub Sub Item 3</a></li>
|
||||
<li><a href="#">Sub Sub Item 4</a></li>
|
||||
<li><a href="#">Sub Sub Item 5</a></li>
|
||||
<li><a href="#">Sub Sub Item 6</a></li>
|
||||
<li><a href="#">Sub Sub Item 7</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Sub Item 4</a></li>
|
||||
<li><a href="#">Sub Item 5</a></li>
|
||||
<li><a href="#">Sub Item 6</a>
|
||||
<ul>
|
||||
<li><a href="#">Sub Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Sub Item 2</a></li>
|
||||
<li><a href="#">Sub Sub Item 3</a></li>
|
||||
<li><a href="#">Sub Sub Item 4</a></li>
|
||||
<li><a href="#">Sub Sub Item 5</a></li>
|
||||
<li><a href="#">Sub Sub Item 6</a></li>
|
||||
<li><a href="#">Sub Sub Item 7</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Sub Item 7</a></li>
|
||||
<li><a href="#">Sub Item 8</a></li>
|
||||
<li><a href="#">Sub Item 9</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Main Item 2</a>
|
||||
<ul>
|
||||
<li><a href="#">Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Item 2</a></li>
|
||||
<li><a href="#">Sub Item 3</a>
|
||||
<ul>
|
||||
<li><a href="#">Sub Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Sub Item 2</a></li>
|
||||
<li><a href="#">Sub Sub Item 3</a></li>
|
||||
<li><a href="#">Sub Sub Item 4</a></li>
|
||||
<li><a href="#">Sub Sub Item 5</a></li>
|
||||
<li><a href="#">Sub Sub Item 6</a></li>
|
||||
<li><a href="#">Sub Sub Item 7</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Sub Item 4</a></li>
|
||||
<li><a href="#">Sub Item 5</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Main Item 3</a>
|
||||
<ul>
|
||||
<li><a href="#">Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Item 2</a></li>
|
||||
<li><a href="#">Sub Item 3</a></li>
|
||||
<li><a href="#">Sub Item 4</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#">Main Item 4</a></li>
|
||||
<li><a href="#">Main Item 5</a>
|
||||
<ul>
|
||||
<li><a href="#">Sub Item 1</a></li>
|
||||
<li><a href="#">Sub Item 2</a></li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- .rm-container -->
|
||||
<!-- End Responsive Menu HTML -->
|
||||
</div><!-- .wrapper -->
|
||||
</header>
|
||||
|
||||
|
||||
@@ -1,25 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<title>Status Gateway rola1</title>
|
||||
<meta http-equiv="content-type" content="text/html">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
|
||||
|
||||
<link rel="stylesheet" href="main.css" type="text/css" media="screen">
|
||||
<script src="script.js"></script>
|
||||
|
||||
|
||||
</head><body>
|
||||
<div id="wrapper">
|
||||
<div id="kopf">
|
||||
</div>
|
||||
<div id="bodybox">
|
||||
<?php
|
||||
include 'html/navh.html';
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user