Wollte mir mal ein PopUp für das LogIn entwerfen was dem des BB3 Foren-System gleicht... bin aber leider bisher gescheitert!
Evtl. hat jemand von euch eine Idee wie man das ganze vollenden könnte? So dass, es dann am Ende doch noch funktioniert!
Code: Alles auswählen
CSS:
#popupbox{
margin: 0;
margin-left: 10%;
margin-right: 60%;
margin-top: 50px;
padding-top: 10px;
width: 30%;
height: 150px;
position: absolute;
background: #FBFBF0;
border: solid #000000 2px;
z-index: 9;
font-family: arial;
visibility: hidden;
}
Code: Alles auswählen
Js:
function login(showhide){
if(showhide == "show"){
document.getElementById('logpop').style.visibility="visible";
}else if(showhide == "hide"){
document.getElementById('logpop').style.visibility="hidden";
}
}
Code: Alles auswählen
HTML:
<div id="logpop"> <!--Start login box-->
<form action="./ucp.php?mode=login" method="post">
<a href="./ucp.php?mode=login">Anmelden</a> • <a href="./ucp.php?mode=register">Registrieren</a> <a href="javascript:login('hide');" align="right"><img src="{T_THEME_PATH}/images/exit_red.png"></a>
<fieldset>
<input type="text" class="inputText" name="username" id="username" title="Benutzername" value="Benutzername" />
<input type="password" class="inputText" name="password" id="password" title="Passwort" value="" title="Kennwort" />
<input type="submit" name="login" value="Anmelden" /> <br />
<label for="autologin">Mich bei jedem Besuch automatisch anmelden <input type="checkbox" name="autologin" id="autologin" /></label>
</fieldset>
</form>
<br />
<center><a href="javascript:login('hide');">close</a></center>
</div>
<div id="anmelden">
<p><a href="javascript:login('show');" accesskey="l">{L_LOGIN_LOGOUT}</a></p>
</div>

Evtl, den Tag {L_LOGIN_LOGOUT} ändern, bzw diesen dann im Js so coden das das ganze dann auch wirklich als Login und Logout link dient, Design noch etwas anpassen und den code im allgemeinen verbessern?!
Da ich neu bei euch bin und auch gerade erst angefangen habe mich mit dem, meiner Meinung nach (was ich bisher gesehen habe) tollen Foren-System vertraut zu machen, hoffe ich, dass Ihr mir entstandene/ gemachte Fehler verzeiht!!!
Gruß
DeliCJiouS