Browse Source

Implement software submenu

pull/1/head
falkTX 8 years ago
parent
commit
e5e49e283a
3 changed files with 69 additions and 18 deletions
  1. +17
    -0
      css/style.css
  2. BIN
      images/ico_distrho.png
  3. +52
    -18
      includes/header.php

+ 17
- 0
css/style.css View File

@@ -432,6 +432,23 @@ fieldset table {
background:none repeat scroll 0 0 transparent;
}

#div_menuSoftware {
position: absolute;
top: 30px;
left: 0px;
background-color: #111111;
border: 1px solid #222222;
padding: 8px;
padding-top: 0px;
visibility: hidden;
text-decoration: none;
}

#div_menuSoftware img {
padding-right: 4px;
padding-top: 8px;
}

#donations_container {
padding-left: 10px;
padding-right: 10px;


BIN
images/ico_distrho.png View File

Before After
Width: 16  |  Height: 16  |  Size: 673B

+ 52
- 18
includes/header.php View File

@@ -27,11 +27,14 @@ else*/
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style.css" type="text/css" media="screen" />
<link rel="icon" type="image/png" href="<?php echo $ROOT; ?>/images/ico_kxstudio.png" />
<link rel="shortcut icon" href="<?php echo $ROOT; ?>/favicon.ico" />
<?php if ($PAGE_TYPE == "HOME") { ?>
<script type="text/javascript" src="includes/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/responsiveslides.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
var wasSoftwareMenuClicked = false;

$(window).load(function(){
var objSoftwareMenu = document.getElementById("div_menuSoftware");

<?php if ($PAGE_TYPE == "HOME") { ?>
$(".rslides").responsiveSlides({
auto: true,
nav: true,
@@ -40,8 +43,43 @@ else*/
timeout: 7500,
namespace: "large-btns"
});
<?php } ?>
$("html").click(function(){
if (objSoftwareMenu.style.visibility == "visible")
objSoftwareMenu.style.visibility = "hidden";
return true;
});

$("#item-soft").click(function(event){
event.stopPropagation();
if (objSoftwareMenu.style.visibility != "visible")
{
objSoftwareMenu.style.left = "" + document.getElementById("item-soft").getBoundingClientRect().left + "px";
objSoftwareMenu.style.visibility = "visible";
wasSoftwareMenuClicked = true;
}
else
{
objSoftwareMenu.style.visibility = "hidden";
}
return false;
});
});
</script>
<?php if ($PAGE_TYPE == "DONATIONS") { ?>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */
</script>
<?php } else if ($PAGE_TYPE == "HOME") { ?>
<script type="text/javascript" src="includes/responsiveslides.min.js"></script>
<?php } else if ($PAGE_TYPE == "PASTE") { ?>
<link rel="stylesheet" href="<?php echo $ROOT; ?>/paste/kxstudio.css" type="text/css" media="screen" />
<!-- Special Paste CSS -->
@@ -72,18 +110,6 @@ else*/
resize: none;
}
</style>
<?php } else if ($PAGE_TYPE == "DONATIONS") { ?>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */
</script>
<?php } ?>
</head>

@@ -92,6 +118,15 @@ else*/
<?php } else { ?>
<body class="mediawiki ltr ns-0 ns-subject skin-bentofluid">
<?php } ?>
<!-- Software sub menu -->
<div id="div_menuSoftware">
<!--<ul>
<li id="item-apps">--><a href="<?php echo $ROOT; ?>/Applications"><img src="<?php echo $ROOT; ?>/images/ico_cadence.png" class="img_text_align" alt=""/>Applications</a><!--</li>--><br/>
<!--<li id="item-plugins">--><a href="<?php echo $ROOT; ?>/Plugins"><img src="<?php echo $ROOT; ?>/images/ico_distrho.png" class="img_text_align" alt=""/>Plugins</a><!--</li>-->
<!--</ul>-->
</div>

<!-- Top link -->
<a name="Top" id="Top"></a>

<!-- Start: Header -->
@@ -102,10 +137,9 @@ else*/
</a>
<a id="header-home" href="<?php echo $ROOT; ?>/" style="font-size:1.2em">Home</a>
<ul id="global-navigation">
<li id="item-apps"><a href="<?php echo $ROOT; ?>/Applications">Applications</a></li>
<li id="item-plugins"><a href="<?php echo $ROOT; ?>/Plugins">Plugins</a></li>
<li id="item-soft"><a href="#">Software ^</a></li>
<li id="item-repos"><a href="<?php echo $ROOT; ?>/Repositories">Repositories</a></li>
<li id="item-documentation"><a href="<?php echo $ROOT; ?>/Documentation">Documentation</a></li>
<li id="item-docs"><a href="<?php echo $ROOT; ?>/Documentation">Documentation</a></li>
<li id="item-donate"><a href="<?php echo $ROOT; ?>/Donations">Donations</a></li>
<li id="item-downloads"><a href="<?php echo $ROOT; ?>/Downloads">Downloads</a></li>
<li id="item-paste"><a href="<?php echo $ROOT; ?>/Paste">Paste</a></li>


Loading…
Cancel
Save