(2019-03-11, 02:35 AM)Serpius Wrote: [ -> ]Wow!
Thanks! That was an unexpected surprise!
Here's what it looks like now.
No worries, glad it may be of some usage. I am a firm believer in "Do good, and good returns to you"..., so, thanks and keep up the good work.
oh, this may be of some interest to you while you continue modifying the acp style:
In style.php
Find:
echo " </div>\n";
echo " </div>\n";
echo " <br style=\"clear: both;\" />";
echo " <br style=\"clear: both;\" />";
echo " </div>\n";
//echo "<div id=\"footer\"><p class=\"generation\">".$lang->sprintf($lang->generated_in, $totaltime, $debuglink, $querycount, $memory_usage)."</p><p class=\"powered\">Powered By <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB</a>, © 2002-".COPY_YEAR." <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB Group</a>.</p></div>\n";
echo "<div id=\"footer\"><p class=\"generation\">".$lang->sprintf($lang->generated_in, $totaltime, $debuglink, $querycount, $memory_usage)."</p><p class=\"powered\">Powered By <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB</a>, © 2002-".COPY_YEAR." <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB Group</a> All Rights Reserved. Theme \"Luxor ACP\" created by <a href=\"http://community.mybb.com/user-78269.html\" target=\"_blank\"><b>Wage</b></a> & <a href=\"http://community.mybb.com/user-6029.html\" target=\"_blank\"><b>Vintagedaddyo</b></a>.</p></div>\n";
Replace with:
echo "<script>
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.getElementById(\"footer\").style.bottom = \"0\";
} else {
document.getElementById(\"footer\").style.bottom = \"-50px\";
}
prevScrollpos = currentScrollPos;
}
</script>\n";
echo " </div>\n";
echo " </div>\n";
echo " <br style=\"clear: both;\" />";
echo " <br style=\"clear: both;\" />";
echo " </div>\n";
//echo "<div id=\"footer\"><p class=\"generation\">".$lang->sprintf($lang->generated_in, $totaltime, $debuglink, $querycount, $memory_usage)."</p><p class=\"powered\">Powered By <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB</a>, © 2002-".COPY_YEAR." <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB Group</a>.</p></div>\n";
echo "<div id=\"footer\" class=\"fixed\"><p class=\"generation\">".$lang->sprintf($lang->generated_in, $totaltime, $debuglink, $querycount, $memory_usage)."</p><p class=\"powered\">Powered By <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB</a>, © 2002-".COPY_YEAR." <a href=\"http://www.mybb.com/\" target=\"_blank\">MyBB Group</a> All Rights Reserved. Theme \"Luxor ACP\" created by <a href=\"http://community.mybb.com/user-78269.html\" target=\"_blank\"><b>Wage</b></a> & <a href=\"http://community.mybb.com/user-6029.html\" target=\"_blank\"><b>Vintagedaddyo</b></a>.</p></div>\n";
Add this to your main.css:
.fixed {
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
opacity: 0.9;
transition: bottom 0.3s;
}
Now to set the transition speed you would simply need to edit this:
transition: bottom 0.3s; /* edit this */
to whatever you need for example:
transition: bottom 15s; /* edit to be really slow */
* Primarily the edits above will stick/fix your ACP footer to the bottom but will hide it on scroll down and make it visible on scroll up..., anyhoo, happy editing!
** it may most likely need some further tweaking.
Oh, and since you use advanced sidebox replace asb/global.css with this:
/*
* Plugin Name: Advanced Sidebox for MyBB 1.8.x
* Copyright 2014 WildcardSearch
* http://www.rantcentralforums.com
*
* this file contains style information for the ACP pages
*/
/* sidebox management */
div.container {
width: 100%;
background: #181818 !important;
}
table.content {
text-align: center;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
/* components */
div.draggable {
z-index: 50;
}
.custom_type, .box_type, .sidebox {
cursor: move;
font-size: 12px;
padding: 3px;
margin: 2px 1px;
-webkit-user-select: none; /* Safari*/
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome and Opera */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.box_type {
background: #A45E02;
border: 1px solid #8A5106;
/* text-align: center;
line-height: 15px;
text-shadow: 3px 3px 3px #070772; */
color: #F7BA00;
}
.custom_type {
background: #ffffbf;
border: 1px solid #b3b300;
/* width: 93%;
text-align: center;
line-height: 15px;
text-shadow: 3px 3px 3px #5a642f; */
}
.sidebox {
background: #bfffbf;
border: 1px solid #00b300;
line-height: 25px;
color: #A0A0A0;
position: relative;
}
.column {
border: 1px solid #252525;
}
td.hover {
background: #252525;
}
.trashcan {
min-height: 80px;
background-color: #303030 !important;
}
.forum_column {
width: 225px;
min-height: 300px;
}
#addon_menu {
border: 1px solid #252525;
}
#custom_menu {
border: 1px solid #252525;
}
.column_head {
background: #252525;
color: #A0A0A0;
font-size: 1.5em;
}
/* visibility chart */
.tooltip {
color: #A0A0A0;
outline: none;
cursor: help;
text-decoration: none;
position: relative;
}
.tooltip span {
display: none;
position: absolute;
top: 0px;
left: -300px;
width: 300px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tooltip:hover span {
display: inline;
}
.custom {
z-index: 99;
}
* html a:hover {
background: transparent;
}
.info {
background: #99ccff;
border: 1px solid #7396ff;
}
.info_icon {
position: relative;
float: left;
padding: 4px;
}
.del_icon {
position: relative;
float: right;
padding: 4px;
}
.box_info {
background: #cccccc;
color: #A0A0A0;
border: 1px solid #888888;
}
.box_info td {
width: 10px;
height: 10px;
}
.script_header {
background: #303030;
color: #A0A0A0;
height: 10px;
text-align: right;
padding-right: 10px;
}
.group_header {
background: #303030;
color: #A0A0A0;
}
td.info_cell {
height: 10px;
width: 10px;
}
th.script_header {
color: #A0A0A0;
height: 10px;
}
td.on {
background: #cfffbf;
}
td.off {
background: #303030;
}
/* footer menu */
.asb_label {
color: #A0A0A0;
font-weight: bold;
margin: auto auto;
padding: 5px 0px;
border: 1px solid #252525;
text-align: center;
background: #181818;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.asb_label a:hover,
.asb_label a:active {
color: #A0A0A0;
text-decoration: none;
}
#file_info {
color: red;
font-weight: bold;
margin-bottom: 5px;
}
Simply to quickly give you a matching feel: