anmelden angefangen
parent
e1e7bcd83e
commit
e82a20ad64
|
|
@ -26,44 +26,49 @@
|
||||||
<button type="submit" id="buttonID" class="searchButton"><i class="fa fa-search"></i> </button>
|
<button type="submit" id="buttonID" class="searchButton"><i class="fa fa-search"></i> </button>
|
||||||
</form>
|
</form>
|
||||||
<a id="erweitertesuche" href="erweiterteSuche.html">Erweiterte Suche</a>
|
<a id="erweitertesuche" href="erweiterteSuche.html">Erweiterte Suche</a>
|
||||||
<a href="warenkorb.html" id="warenKorbID"> <img id="shoppingCard" src="pictures/shoppingcart.png" alt="Bild von einem Wagen"
|
<a href="warenkorb.html" id="warenKorbID"> <img id="shoppingCard" src="pictures/shopingcart.png" alt="Bild von einem Wagen"
|
||||||
width="50" height="50"/> </a>
|
width="50" height="50"/> </a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="homepage">
|
<div class="anmeldung">
|
||||||
|
<div class="anmeldung-text">
|
||||||
|
<h1 class="anmeldung-überschrift" >Anmelden</h1>
|
||||||
|
<p id="obererText">Über die Webseite werden personenbezogene Daten erhoben und genutzt.
|
||||||
|
Für Details, beziehen Sie sich bitte auf die Seite <span>Datenschutz</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h1 id="BuchHeader">
|
<div class="anmeldeInput">
|
||||||
Anmelden
|
<h2 class="anmeldung-überschrift">Angaben zur Anmeldung</h2>
|
||||||
</h1>
|
<hr style="background-color:#A78766; height: 2px; width: 200px; border: none; position: relative;
|
||||||
<p class="p2" id="obererText">Über die Websieite werden personenbenzogene Daten erhoben und genutzt. Für Details, beizhene Sie sich bitte auf die Seite Datenschutz</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="anmeldeInput">
|
|
||||||
<p >Angaben zur Anmeldung</p>
|
|
||||||
<hr style="background-color:#A78766; height: 2px; width: 200px; border: none; position: relative;
|
|
||||||
top:3px">
|
top:3px">
|
||||||
|
|
||||||
<div id="AnmeldeInput">
|
|
||||||
|
|
||||||
<p>Karten-ID</p>
|
<div>
|
||||||
<input type="text" >
|
<form class="anmeldung-überschrift" action="anmeldung.php">
|
||||||
</br>
|
Karten-ID</br>
|
||||||
</br>
|
<input type="text" name="karten-id"></br>
|
||||||
<p>Passwort</p>
|
Passwort</br>
|
||||||
<input type="password" >
|
<input type="password" name="password"></br>
|
||||||
<a href="" id="anmeldebutton">Anmelden</a>
|
<input id="anmeldebutton" type="submit" name="submit" value="Anmelden">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="anmeldung-ausklappen">
|
||||||
|
<details>
|
||||||
|
<summary>Passwort vergessen / Passwort ändern</summary>
|
||||||
|
<p>Sollten sie Ihr Passwort vergessen haben oder wollen Sie es ändern,
|
||||||
|
kommen Sie bitte mit ihrem Bibliotheksausweis zu uns in die Bibliothek</p>
|
||||||
|
</details>
|
||||||
|
<details>
|
||||||
|
<summary>Sie haben noch kein Konto?</summary>
|
||||||
|
<p><a href="registrierung.html">Jetzt registrieren</a></p>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" class="collapsible">Open Collapsible</button>
|
|
||||||
<div class="content">
|
|
||||||
<p>Lorem ipsum...</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--Link JS file-->
|
<!--Link JS file-->
|
||||||
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
|
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -79,8 +84,8 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav id="activeid" class="active">
|
<nav id="activeid" class="active">
|
||||||
<div class="navLinks">
|
<div class="navLinks">
|
||||||
<input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
|
<input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
|
||||||
<label for="nav-toggle" class="icon-burger" >
|
<label for="nav-toggle" class="icon-burger" >
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
|
||||||
244
probestyle.css
244
probestyle.css
|
|
@ -143,7 +143,6 @@ body{
|
||||||
|
|
||||||
}
|
}
|
||||||
#BuchHeader{
|
#BuchHeader{
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 220px;
|
top: 220px;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
|
|
@ -918,28 +917,31 @@ font-size: 30px;
|
||||||
left: 150px;
|
left: 150px;
|
||||||
width: 700px;
|
width: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*------ ANMELDEN BEGINS-----*/
|
/*------ ANMELDEN BEGINS-----*/
|
||||||
|
.anmeldung{
|
||||||
|
position: fixed;
|
||||||
|
top: 230px;
|
||||||
|
left: 50px;
|
||||||
|
}
|
||||||
|
.anmeldung-überschrift{
|
||||||
|
font-weight: normal;
|
||||||
|
color:#000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anmeldeInput h2, .anmeldeInput form {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
#obererText{
|
#obererText{
|
||||||
position: fixed;
|
font-size: 20px;
|
||||||
top: 270px;
|
|
||||||
left: 50px;
|
|
||||||
}
|
|
||||||
#anmeldeInput{
|
|
||||||
position: fixed;
|
|
||||||
top: 330px;
|
|
||||||
left: 50px;
|
|
||||||
}
|
|
||||||
#AnmeldeInput{
|
|
||||||
position: relative;
|
|
||||||
top: 3px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#anmeldebutton{
|
#anmeldebutton{
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 50px;
|
|
||||||
right:180px;
|
|
||||||
width: 120px;
|
width: 120px;
|
||||||
height: 55px;
|
height: 35px;
|
||||||
background-color:#664220 ;
|
background-color:#664220 ;
|
||||||
color:rgb(255, 255, 255);
|
color:rgb(255, 255, 255);
|
||||||
padding-right:15px;
|
padding-right:15px;
|
||||||
|
|
@ -949,9 +951,115 @@ font-size: 30px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
border: 0;
|
||||||
}
|
}
|
||||||
/*----- ANMELDEN ENDS-------*/
|
/*----- ANMELDEN ENDS-------*/
|
||||||
|
|
||||||
|
/* Regestrierung */
|
||||||
|
|
||||||
|
#regestrierungTitel{
|
||||||
|
position: absolute;
|
||||||
|
font-size: 25px;
|
||||||
|
color: #000;
|
||||||
|
left: 15px;
|
||||||
|
top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#datenSchutzHinweisRegestrierung{
|
||||||
|
position: relative;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #000;
|
||||||
|
left: 25px;
|
||||||
|
top:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#regestrierungAngabenZurRegestrierung{
|
||||||
|
position: relative;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #000;
|
||||||
|
left: 25px;
|
||||||
|
top:55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#regestrierungInputSpan{
|
||||||
|
position: relative;
|
||||||
|
left: 25px;
|
||||||
|
top:55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#regestrierungHr{
|
||||||
|
position: relative;
|
||||||
|
width: 275px;
|
||||||
|
color: #664220;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vorName{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nachName{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#strasse{
|
||||||
|
width: 212px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hausNummer{
|
||||||
|
width: 50px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#postleitzahl{
|
||||||
|
width: 85px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#ort{
|
||||||
|
width: 177px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#email{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#emailRep{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#passwort{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#passwortRep{
|
||||||
|
width: 275px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registrierenKnopf{
|
||||||
|
position: relative;
|
||||||
|
width: 120px;
|
||||||
|
height: 35px;
|
||||||
|
background-color:#664220 ;
|
||||||
|
color:rgb(255, 255, 255);
|
||||||
|
padding-right:15px;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*Largest Devices*/
|
/*Largest Devices*/
|
||||||
|
|
@ -1365,108 +1473,6 @@ text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Regestrierung */
|
|
||||||
|
|
||||||
#regestrierungTitel{
|
|
||||||
position: absolute;
|
|
||||||
font-size: 25px;
|
|
||||||
color: #000;
|
|
||||||
left: 15px;
|
|
||||||
top:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#datenSchutzHinweisRegestrierung{
|
|
||||||
position: relative;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #000;
|
|
||||||
left: 25px;
|
|
||||||
top:40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#regestrierungAngabenZurRegestrierung{
|
|
||||||
position: relative;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #000;
|
|
||||||
left: 25px;
|
|
||||||
top:55px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#regestrierungInputSpan{
|
|
||||||
position: relative;
|
|
||||||
left: 25px;
|
|
||||||
top:55px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#regestrierungHr{
|
|
||||||
position: relative;
|
|
||||||
width: 275px;
|
|
||||||
color: #664220;
|
|
||||||
}
|
|
||||||
|
|
||||||
#vorName{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nachName{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#strasse{
|
|
||||||
width: 212px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hausNummer{
|
|
||||||
width: 50px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#postleitzahl{
|
|
||||||
width: 85px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ort{
|
|
||||||
width: 177px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#email{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#emailRep{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#passwort{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#passwortRep{
|
|
||||||
width: 275px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.registrierenKnopf{
|
|
||||||
position: relative;
|
|
||||||
width: 120px;
|
|
||||||
height: 35px;
|
|
||||||
background-color:#664220 ;
|
|
||||||
color:rgb(255, 255, 255);
|
|
||||||
padding-right:15px;
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue