🌍
English
Hello/Hi/Greetings,
Can anyone tell me how to add a login box to the homepage of Bootstrap Darkroom and the arrow down button like in Demo4
Piwigo URL: ***
Offline
Hi,
To achieve the same effect as the demo4 gallery you need to add this to Cofiguration> Options > Page banner
<form class="" method="post" action="identification.php" id="quickconnect"> <input class="form-control" type="text" name="username" id="username" value="" placeholder="Username"> <input class="form-control" type="password" name="password" id="password" placeholder="Password"> <button type="submit" class="btn btn-primary btn-raised" name="login">Sign in</button> </form> </div> <!-- it'a trick to close #theHeader, so that next div can be position:absolute bottom --> <div class="browse-down"> <a href="#content" class="fa fa-arrow-circle-down" aria-hidden="true"></a>
and then in the localFilesEditor plugin you need this
#theHeader .form-control { width: 237px; display: inline-block; margin:0 5px; } .form-control { padding: 0.75em; } #theHeader .btn { margin-top: -2px; } .browse-down { position: absolute; bottom: 0; width: 100%; padding-bottom: 10px; font-size: 50px; } .browse-down a { color: #fff; text-shadow: 0 0 15px black; } .browse-down a:hover { text-decoration:none !important; }
This subject was also discussed here : https://piwigo.org/forum/viewtopic.php?id=32472
Offline