API tools faq
paste
Advertisement
Midler9

lokaverkefni.php

Midler9
May 15th, 2016
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 7.42 KB | None | 0 0
raw download clone embed print report
  1. loginpage:
  2. <html>
  3.     <head>
  4.      <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  5.         <title>Login</title>
  6.     </head>
  7.     <body>
  8.  <div id="container">      
  9. <form>
  10. <label for="username">Username:</label>
  11. <input type="text" id="username" name="username">
  12. <label for="password">Password:</label>
  13. <input type="password" id="password" name="password">
  14. <div id="lower">
  15. <input type="checkbox"><label for="checkbox">Keep me logged in</label>
  16. <input type="submit" value="Login">
  17. </div><!--/ lower-->
  18. </form>
  19. </div>
  20.     </body>
  21. </html>
  22. css:
  23. /* Basics */
  24. html, body {  
  25.  width: 100%;  
  26. height: 100%;  
  27. font-family: "Helvetica Neue", Helvetica, sans-serif;  
  28. color: #444;  
  29. -webkit-font-smoothing: antialiased;    background: #f0f0f0;
  30. }
  31. #container {
  32. position: fixed;
  33. width: 340px;
  34. height: 280px;
  35. top: 50%;
  36. left: 50%;
  37. margin-top: -140px;
  38. margin-left: -170px;
  39. }
  40. form {
  41.     margin: 0 auto;
  42.     margin-top: 20px;
  43. }
  44. label {
  45.     color: #555;
  46.     display: inline-block;
  47.     margin-left: 18px;
  48.     padding-top: 10px;
  49.     font-size: 14px;
  50. }
  51. p a {
  52.     font-size: 11px;
  53.     color: #aaa;
  54.     float: right;
  55.     margin-top: -13px;
  56.     margin-right: 20px;
  57. }
  58. p a:hover {
  59.     color: #555;
  60. }
  61. input {
  62.     font-family: "Helvetica Neue", Helvetica, sans-serif;
  63.     font-size: 12px;
  64.     outline: none;
  65. }
  66. input[type=text],
  67. input[type=password] {
  68.     color: #777;
  69.     padding-left: 10px;
  70.     margin: 10px;
  71.     margin-top: 12px;
  72.     margin-left: 18px;
  73.     width: 290px;
  74.     height: 35px;
  75. }
  76. #lower {
  77.     background: #ecf2f5;
  78.     width: 100%;
  79.     height: 69px;
  80.     margin-top: 20px;
  81. }
  82. input[type=checkbox] {
  83.     margin-left: 20px;
  84.     margin-top: 30px;
  85. }
  86. .check {
  87.     margin-left: 3px;
  88. }
  89. input[type=submit] {
  90.     float: right;
  91.     margin-right: 20px;
  92.     margin-top: 20px;
  93.     width: 80px;
  94.     height: 30px;
  95. }
  96. background: #fff;
  97.     border-radius: 3px;
  98.     border: 1px solid #ccc;
  99.     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  100. #container {
  101.     position: fixed;
  102.     width: 340px;
  103.     height: 280px;
  104.     top: 50%;
  105.     left: 50%;
  106.     margin-top: -140px;
  107.     margin-left: -170px;
  108.     background: #fff;
  109.     border-radius: 3px;
  110.     border: 1px solid #ccc;
  111.     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  112.    border: 1px solid #c7d0d2;
  113.     border-radius: 2px;
  114.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
  115. }
  116. border: 1px solid #c7d0d2;
  117.     border-radius: 2px;
  118.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
  119. }
  120. input[type=password] {
  121.     color: #777;
  122.     padding-left: 10px;
  123.     margin: 10px;
  124.     margin-top: 12px;
  125.     margin-left: 18px;
  126.     width: 290px;
  127.     height: 35px;
  128.     border: 1px solid #c7d0d2;
  129.     border-radius: 2px;
  130.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
  131. }
  132. font-size: 14px;
  133.     font-weight: bold;
  134.     color: #fff;
  135.     background-color: #acd6ef; /*IE fallback*/
  136.     background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
  137.     background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  138.     background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  139.     border-radius: 30px;
  140.     border: 1px solid #66add6;
  141.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
  142.     cursor: pointer;
  143. }
  144. input[type=submit] {
  145.     float: right;
  146.     margin-right: 20px;
  147.     margin-top: 20px;
  148.     width: 80px;
  149.     height: 30px;
  150.     font-size: 14px;
  151.     font-weight: bold;
  152.     color: #fff;
  153.     background-color: #acd6ef; /*IE fallback*/
  154.     background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
  155.     background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  156.     background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  157.     border-radius: 30px;
  158.     border: 1px solid #66add6;
  159.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
  160.     cursor: pointer;
  161. }
  162.  -webkit-transition: all .4s ease;
  163.     -moz-transition: all .4s ease;
  164.     transition: all .4s ease;
  165. }
  166. p a {
  167.     font-size: 11px;
  168.     color: #aaa;
  169.     float: right;
  170.     margin-top: -13px;
  171.     margin-right: 20px;
  172.     -webkit-transition: all .4s ease;
  173.     -moz-transition: all .4s ease;
  174.     transition: all .4s ease;
  175.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
  176.     -webkit-transition: all .4s ease;
  177.     -moz-transition: all .4s ease;
  178.     transition: all .4s ease;
  179. }
  180. input[type=text]:hover,
  181. input[type=password]:hover {
  182.     border: 1px solid #b6bfc0;
  183.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
  184. }
  185. input[type=text]:focus,
  186. input[type=password]:focus {
  187.     border: 1px solid #a8c9e4;
  188.     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
  189. }
  190. input[type=submit]:hover {
  191.     background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
  192.     background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
  193.     background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
  194. }
  195. input[type=submit]:active {
  196.     background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
  197.     background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
  198.     background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
  199. }
  200. að velja leikmann:
  201. <html>
  202.     <head>
  203.         <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  204.         <title>leikur</title>
  205.     </head>
  206.     <body>
  207.     <?php
  208.     echo "Veldu leikmann:"
  209.     ?>
  210.     <form action="" method="post">
  211.     <input type="radio" name="action" value="fight" checked>Óðinn<br>
  212.           <input type="radio" name="action" value="run">Þór<br>
  213.           <input type="submit" value="Submit">
  214.             </form>
  215.     </body>
  216. </html>
  217. að velja vopn:
  218. <html>
  219.     <head>
  220.         <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  221.         <title>leikur</title>
  222.     </head>
  223.     <body>
  224.     <?php
  225.     echo "Þú ert ert að fara að berjast. Veldu vopn."
  226.     ?>
  227.     <form action="" method="post">
  228. <input type="radio" name="action" value="fight" checked>öxi<br>
  229.     <input type="radio" name="action" value="run">byssa<br>
  230.     <input type="submit" value="Submit">
  231.     </form>
  232.     </body>
  233. </html>
  234. að velja líf:
  235. <html>
  236.     <head>
  237.         <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  238.         <title>leikur</title>
  239.     </head>
  240.     <body>
  241.     <?php
  242.     echo "Þú ert að fara að deyja og ert með 4 í lífi. Veldu hve mörg líf þú vilt kaupa til að lifa af"
  243.     ?>
  244.     <form action="" method="post">
  245. <input type="radio" name="action" value="fight" checked>12 líf<br>
  246.     <input type="radio" name="action" value="run">70 líf<br>
  247.     <input type="submit" value="Submit">
  248.     </form>
  249.     </body>
  250. </html>
  251. að velja stað til að deyja:
  252.  <html>
  253.     <head>
  254.         <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  255.         <title>leikur</title>
  256.     </head>
  257.     <body>
  258.     <?php
  259.     echo "Þú ert búinn að deyja. Veldu staðhvar þú vilt deyja."
  260.     ?>
  261.     <form action="" method="post">
  262. <input type="radio" name="action" value="fight" checked>Fara í Valhöll<br>
  263.     <input type="radio" name="action" value="run">Fara til heljar<br>
  264.     <input type="submit" value="Submit">
  265.     </form>
  266.     </body>
  267. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!