login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Login script stijlen

Offline Jamiel - 09/05/2009 17:41 (laatste wijziging 09/05/2009 17:42)
Avatar van JamielNieuw lid Hallo,

Ik heb een werkend login script maar ik wil het alleen nog stijlen alleen ik weet niet goed hoe dat moet.

Ik wil het er graag zo laten uitzien
http://i41.tinypic.com/2hdpi6f.jpg

Hier is mijn code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. </head>
  7.  
  8. <body>
  9. <?php
  10.  
  11. if(isset($_POST['submit']))
  12. {
  13.     loginaction();
  14. }
  15. else
  16. {
  17.         sessioncheck();
  18. }
  19.  
  20. function loginaction()
  21. {
  22.  
  23.     $gebruikers = array();
  24.     $gebruikers['ikke'] = 'test';
  25.     $gebruikers['gebruiker2'] = 'wachtwoord2';
  26.  
  27.     if(array_key_exists($_POST['gebruiker'], $gebruikers))
  28.     {
  29.         if($_POST['wachtwoord'] == $gebruikers[$_POST['gebruiker']])
  30.         {
  31.             $_SESSION['login']['gebruiker'] = sha1(md5($_POST['gebruiker']));
  32.             $_SESSION['login']['wachtwoord'] = sha1(md5($_POST['wachtwoord']));
  33.         }
  34.         else
  35.         {
  36.             showform();
  37.             exit();
  38.         }
  39.     }
  40.     else
  41.     {
  42.         showform();
  43.         exit();
  44.     }
  45. }
  46.  
  47. function sessioncheck()
  48. {
  49.     if(!isset($_SESSION['login']['gebruiker']) || !isset($_SESSION['login']['wachtwoord']))
  50.     {
  51.         showform();
  52.         exit();
  53.     }
  54. }
  55.  
  56. function showform()
  57. {
  58. ?>
  59.         <form id="form1" name="form1" method="post" action="<?=$_SERVER['PHP_SELF'];?>">
  60.         Gebruikersnaam 
  61.         <input type="text" name="gebruiker" id="gebruiker" />
  62.         <br />
  63.         Wachtwoord
  64.         <input type="text" name="wachtwoord" id="wachtwoord" />
  65.         <br />
  66.         <input type="submit" name="submit" id="submit" value="Inloggen" />
  67.         </form>
  68. <?php
  69. }
  70. ?>
  71.  
  72. </body>
  73. </html>

6 antwoorden

Gesponsorde links
Offline Martijn - 09/05/2009 17:52 (laatste wijziging 09/05/2009 17:53)
Avatar van Martijn Crew PHP in je input code zetten:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. style="border: 1px solid #000000; background: #111111; color: #ffffff"


ofzo

of in je css
css code - Bekijk de code zonder highlighting - Klap code in 
  1. input#gebuiker,input#wachtwoord{
  2. "border: 1px solid #000000; 
  3. background: #111111;
  4.  color: #ffffff;
  5. }
Offline Daiben - 09/05/2009 17:53 (laatste wijziging 10/05/2009 13:53)
Avatar van Daiben Lid in de head maak je bijv
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/css"></script>
daar maak je in
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #form1{
  2. background-color: #jekleur;
  3. }
  4. #gebruiker{
  5. background-color: #jekleur;
  6. }
  7. // voor als er op wordt geklikt dat de kleur veranderd
  8. #gebruiker:focus{
  9. background-color: #jekleur;
  10. }
  11. //hetzelfde voor wachtwoord
  12. // en dan submit
  13. #submit{
  14. width: //itst px;  width en height niet nodig perse
  15. heigth: //iets px;
  16. background-color: //#je kleur;
  17. font-family: //je font als je dat nodig vind;
  18. }
  19. // bij submit zou je ook nog een hover ofzo kunnen doen
 
Offline voltrex - 09/05/2009 19:00
Avatar van voltrex Lid Je eindigt met </text> het moet </script> zijn 
Offline Daiben - 09/05/2009 19:20
Avatar van Daiben Lid ja gewoon nie opgelet 
Offline voltrex - 09/05/2009 21:48
Avatar van voltrex Lid (verander het dan evev  )
Offline vinTage - 09/05/2009 22:17
Avatar van vinTage Nieuw lid http://www.site...ier_Opmaak
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s