LogIn PopUp
Verfasst: 04.11.2008 21:49
Hi,
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!
Habe gerade erst mit dem phpBB angefangen bzw. will mir ein Forum mit der phpBB source aufbauen und bin auch noch eher ein noob im webcoding bereich... Teile in Js, PHP und html(gute kenntnisse) kann ich aber dann doch... also, ich würde mich über ein wenig Unterstützung freuen! 
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
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