|
You last visited: Today at 00:31
Advertisement
Php Script ein Design hinzufügen?
Discussion on Php Script ein Design hinzufügen? within the Web Development forum part of the Coders Den category.
02/14/2017, 13:19
|
#1
|
elite*gold: 0
Join Date: Jun 2015
Posts: 637
Received Thanks: 183
|
Php Script ein Design hinzufügen?
Hey hab für meine Website ein kleines Loginsystwm. Funtkioniert such prächtig leider siehts echt eklig aus.
Es sieht derzeit so aus:
1. wie Zentriere ich das ganze? Also es soll mittig sein
2. wie füge ich einen Hintergrund ein?
|
|
|
02/14/2017, 14:13
|
#2
|
elite*gold: 0
Join Date: Feb 2011
Posts: 1,351
Received Thanks: 410
|
Antwort
Einmal ein Beispiel von mir :
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
form * {
display: block;
margin: 0 auto;
text-align: center;
}
form {
background-image: url("Desert.jpg");
background-repeat: no-repeat;
background-size: cover; /* gibt verschiedene Einstellungen für Hintergrundbilder */
background-position: center;
}
</style>
</head>
<body>
<form method="post" action="deineDatei.php">
<label for="benutzername">Benutzername</label>
<input type="text" name="bn" id="benutzername">
<label for="passwort">Passwort</label>
<input type="password" name="pw" id="passwort">
<input type="submit" value="absenden !" name="submit">
</form>
</body>
</html>
Bezüglich des Hintergrundbildes gibt es verschiedene Eigenschaften, welche man setzen kann :
|
|
|
02/15/2017, 18:33
|
#3
|
elite*gold: 0
Join Date: Jun 2015
Posts: 637
Received Thanks: 183
|
Quote:
Originally Posted by xShizoidx
Einmal ein Beispiel von mir :
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
form * {
display: block;
margin: 0 auto;
text-align: center;
}
form {
background-image: url("Desert.jpg");
background-repeat: no-repeat;
background-size: cover; /* gibt verschiedene Einstellungen für Hintergrundbilder */
background-position: center;
}
</style>
</head>
<body>
<form method="post" action="deineDatei.php">
<label for="benutzername">Benutzername</label>
<input type="text" name="bn" id="benutzername">
<label for="passwort">Passwort</label>
<input type="password" name="pw" id="passwort">
<input type="submit" value="absenden !" name="submit">
</form>
</body>
</html>
Bezüglich des Hintergrundbildes gibt es verschiedene Eigenschaften, welche man setzen kann : 
|
Quote:
<?php
/*** KONFIGURATION ***/
// Definiert Konstanten für das Script
define('MD5_ENCRYPT', false); // Aktiviert Verschlüsselung für Passwort. Wenn "true" gesetzt, müssen Passwörter von $usrdata md5-verschlüsselt vorliegen. Standard: false
define('SUCCESS_URL', 'private.php'); // URL, zu welcher nach erfolgreichen Login umgeleitet wird.
define('LOGIN_FORM_URL', 'login.html'); // URL mit Anmeldeformular
// Array mit Benutzerdaten: Besteht aus Array-Elementen mit paarweisen Benutzernamen und Passwörtern
$usrdata = array(
array(
"usr" => "xxr",
"pwd" => "xxr" // MD5-verschlüsselte Form: e22a63fb76874c99488435f26b117e37
),
array(
"usr" => "benutzername_fur_person",
"pwd" => "passwort_fur_person"
)
/* ... */
);
header("Content-Type: text/html; charset=utf-8"); // Melde Browser die verwendete Zeichenkodierung
// PHP-Session starten und aktuellen Stand abfragen
session_start();
$_SESSION['logged_in'] = (isset($_SESSION['logged_in']) && $_SESSION['logged_in'] === true) ? true : false;
$_SESSION['usr'] = (isset($_SESSION['usr'])) ? $_SESSION['usr'] : '';
$error = array();
if(!isset($_POST['login'])){
header('Location: '.LOGIN_FORM_URL);
}else{
$usr = (!empty($_POST['user']) && trim($_POST['user']) != '') ? $_POST['user'] : false;
$pwd = (!empty($_POST['password']) && trim($_POST['password']) != '') ? $_POST['password'] : false;
if(!$usr || !$pwd){
if(count($error) == 0)
$error[] = "Bitte geben Sie Benutzername und Passwort ein.";
}else{
$pwd = (MD5_ENCRYPT === true) ? md5($pwd) : $pwd; // Passwort eingabe MD5-encrypten, falls Option gesetzt ist
foreach($usrdata as $ud){ // Benutzer-Liste durchlaufen und je mit Formular-Eingaben vergleichen
if($usr != $ud['usr'] || $pwd != $ud['pwd']){
if(count($error) == 0)
$error[] = "Benutzername und/oder Passwort nicht korrekt.";
}else{
$_SESSION['logged_in'] = true;
$_SESSION['usr'] = $usr;
header('Location: '.SUCCESS_URL);
}
}
}
}
?><!doctype html>
<html>
<head>
<meta name="content-type" content="text/html; charset=utf-8" />
<title>Login-Fehler</title>
</head>
<body>
<ul>
<?php
foreach($error as $out){
?>
<li><?php echo $out; ?></li>
<?php
}
?>
</ul>
<p><a href="<?php echo LOGIN_FORM_URL; ?>">Zur Anmeldeseite</a></p>
</body>
</html>
|
Das ist mein Login, kenne mich leider nicht so aus
Möchte das ganze eig. nur Zentrieren und ein Bild im Hintergrund reinmachen
|
|
|
02/15/2017, 18:40
|
#4
|
elite*gold: 20
Join Date: Jan 2015
Posts: 808
Received Thanks: 138
|
Es ist sehr einfach! du kannst mit HTML arbeiten [<center>], jedoch am besten mit CSS! Schau dir doch einfach mal bei Youtube ein Grundlagen video an, dort wirst du vieles finden!
Ganz neben bei:
Mit PHP gestaltet man Programmabläufe, wie rechen Prozesse oder wie bei dir eben Datenbank abfragen.
Mit CSS gibst du deiner Website ein Design, z.B. was an welcher Position stehen soll, sowie Farbe, Größe und Form.
In HTML strukturierst du deine Webseite nur, du weist verschiedenen Elemente zum Beispiel eine Box (div) zu, welche du dann in CSS ansprechen kannst.
Ich habe in der Schule ein System Entwickelt womit man sich Registrieren sowie Einloggen kann, und dann Bilder hochladen kann und Ordner erstellen kann, die User managen kann etc.. Das war total einfach, wenn du möchtest kann ich es dir zur Übung zur Verfügung stellen! Alles in einer MySQL Datenbank
LG
|
|
|
02/15/2017, 19:19
|
#5
|
elite*gold: 0
Join Date: Jun 2015
Posts: 637
Received Thanks: 183
|
Quote:
Originally Posted by psєudo
Es ist sehr einfach! du kannst mit HTML arbeiten [<center>], jedoch am besten mit CSS! Schau dir doch einfach mal bei Youtube ein Grundlagen video an, dort wirst du vieles finden!
Ganz neben bei:
Mit PHP gestaltet man Programmabläufe, wie rechen Prozesse oder wie bei dir eben Datenbank abfragen.
Mit CSS gibst du deiner Website ein Design, z.B. was an welcher Position stehen soll, sowie Farbe, Größe und Form.
In HTML strukturierst du deine Webseite nur, du weist verschiedenen Elemente zum Beispiel eine Box (div) zu, welche du dann in CSS ansprechen kannst.
Ich habe in der Schule ein System Entwickelt womit man sich Registrieren sowie Einloggen kann, und dann Bilder hochladen kann und Ordner erstellen kann, die User managen kann etc.. Das war total einfach, wenn du möchtest kann ich es dir zur Übung zur Verfügung stellen! Alles in einer MySQL Datenbank
LG
|
Hab mit HTML das ganze Zentriert. Ging mit ein wenig Googlen
Kann mir jemand sagen, warum das ganze nicht Funktioniert?
Code:
<?php
session_start();
if(!$_SESSION['logged_in'])
header("Location: login.html");
?><!doctype html>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
form * {
display: block;
margin: 0 auto;
text-align: center;
}
form {
background-image: url("bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
</style>
</head>
<html>
<head>
<meta name="content-type" content="text/html; charset=utf-8" />
<title>Privater Bereich</title>
</head>
<body>
<div style="text-align: center; color: blue;">
<h1>Willkommen <?php echo $_SESSION['usr']; ?>!</h1>
<h2>Du hast dich erfolgreich angemeldet.</h2>
<p>Klicke auf einen der folgenden Links für die Unterlagen: </p>
<p><a href="partnerhilfe.php">Klicke hier für eine .pdf, welche viele Anfängerfragen beantwortet.</a></p>
<p>Interviews: </p>
</body>
</html>
|
|
|
02/15/2017, 20:59
|
#6
|
elite*gold: 0
Join Date: Feb 2011
Posts: 1,351
Received Thanks: 410
|
Quote:
Originally Posted by #187er
Hab mit HTML das ganze Zentriert. Ging mit ein wenig Googlen
Kann mir jemand sagen, warum das ganze nicht Funktioniert?
Code:
<?php
session_start();
if(!$_SESSION['logged_in'])
header("Location: login.html");
?><!doctype html>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
form * {
display: block;
margin: 0 auto;
text-align: center;
}
form {
background-image: url("bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
</style>
</head>
<html>
<head>
<meta name="content-type" content="text/html; charset=utf-8" />
<title>Privater Bereich</title>
</head>
<body>
<div style="text-align: center; color: blue;">
<h1>Willkommen <?php echo $_SESSION['usr']; ?>!</h1>
<h2>Du hast dich erfolgreich angemeldet.</h2>
<p>Klicke auf einen der folgenden Links für die Unterlagen: </p>
<p><a href="partnerhilfe.php">Klicke hier für eine .pdf, welche viele Anfängerfragen beantwortet.</a></p>
<p>Interviews: </p>
</body>
</html>
|
Was meinst du genau?
Um dir da helfen zu können bräuchten wir am Besten den ganzen Quellcode und die Dateien, welche für den Login zuständig sind.
|
|
|
02/15/2017, 21:27
|
#7
|
elite*gold: 0
Join Date: Jun 2015
Posts: 637
Received Thanks: 183
|
Quote:
Originally Posted by xShizoidx
Was meinst du genau?
Um dir da helfen zu können bräuchten wir am Besten den ganzen Quellcode und die Dateien, welche für den Login zuständig sind.
|
Das hintergrundbild kommt nicht :/
|
|
|
02/15/2017, 22:38
|
#8
|
elite*gold: 2
Join Date: Jan 2011
Posts: 1,156
Received Thanks: 167
|
Das Hintergrundbild wird vermutlich nur nicht angezeigt, weil du der Form den Hintergrund zugeteilt hast.
Ändere mal das hier:
Code:
form {
background-image: url("bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
zu dem:
Code:
body {
background-image: url("bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
|
|
|
02/17/2017, 06:09
|
#9
|
elite*gold: 0
Join Date: Aug 2016
Posts: 68
Received Thanks: 10
|
Solltest dich einfach mit CSS ausseinander setzen.. Ist echt einfach muss ich sagen! Danach kannst du deine Seiten schön gestalten! Wenn du CSS drauf hast kannst du dir auch direkt diverse Frameworks wie z.B.  aneignen bzw. mit einfügen. Sieht meiner Meinung nach am besten aus!
|
|
|
03/17/2017, 12:45
|
#10
|
elite*gold: 107
Join Date: Feb 2015
Posts: 2,012
Received Thanks: 98
|
Quote:
Originally Posted by psєudo
Es ist sehr einfach! du kannst mit HTML arbeiten [<center>], jedoch am besten mit CSS! Schau dir doch einfach mal bei Youtube ein Grundlagen video an, dort wirst du vieles finden!
Ganz neben bei:
Mit PHP gestaltet man Programmabläufe, wie rechen Prozesse oder wie bei dir eben Datenbank abfragen.
Mit CSS gibst du deiner Website ein Design, z.B. was an welcher Position stehen soll, sowie Farbe, Größe und Form.
In HTML strukturierst du deine Webseite nur, du weist verschiedenen Elemente zum Beispiel eine Box (div) zu, welche du dann in CSS ansprechen kannst.
Ich habe in der Schule ein System Entwickelt womit man sich Registrieren sowie Einloggen kann, und dann Bilder hochladen kann und Ordner erstellen kann, die User managen kann etc.. Das war total einfach, wenn du möchtest kann ich es dir zur Übung zur Verfügung stellen! Alles in einer MySQL Datenbank
LG
|
Wäre super hätte Interesse
Gesendet von meinem m8 mit Tapatalk
|
|
|
All times are GMT +1. The time now is 00:32.
|
|