Advertisement
Kimossab

DDI 6

Nov 1st, 2015
307
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 8.29 KB | None | 0 0
  1. <?php
  2.     $emailtxt="";
  3.     $nometxt="";
  4.     $menstxt="";
  5.     $sent=FALSE;
  6. ?>
  7.  
  8. <html>
  9.     <head>
  10.         <meta charset="UTF-8"/>
  11.         <link rel="stylesheet" type="text/css" href="mystyle.css">
  12.         <title>A minha pagina</title>
  13.     </head>
  14.  
  15.     <body>
  16.         <div class="head1">
  17.             <div class="center1 centermargin">
  18.                 <div class="text">
  19.                     <H1 class="head">Luís Pereira</H1>
  20.                     <H3>Homepage</H3>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.         <div class="main">
  25.             <div class="centermargin center2">
  26.             <ul id="menu" class="roundabout">
  27.                 <li><a href="#WhoAmI">Quem sou</a></li>
  28.                 <li>  |  </li>
  29.                 <li><a href="#Contact">Contacte-me</a></li>
  30.                 <li>  |  </li>
  31.                 <li><a href="#LeLinks">Links</a></li>
  32.             </ul>
  33.                 <div id="WhoAmI" class="text">
  34.                     <div class="right">
  35.                         <img src="https://s-media-cache-ak0.pinimg.com/236x/c0/28/3b/c0283b7a4d4e80af548f00a0563d8ad2.jpg" class="prof"></img>
  36.                     </div>
  37.                     <div class="left">
  38.                         <div><H2>Quem sou</H2></div>
  39.  
  40.                         <div><b>Nome:</b> Luís Pereira</div>
  41.                         <div><b>Idade:</b> 19 anos</div>
  42.                         <div><b>Actividade:</b> estudanate</div>
  43.                         <div><b>Onde vivo:</b> Viseu</div>
  44.                     </div>
  45.  
  46.                     <hr style="margin-top:20px">
  47.                    
  48.                     <div id="Contact"><H2>Contacte-me</H2></div>
  49.                    
  50.                    
  51.                     <?php
  52.                         if ($_SERVER["REQUEST_METHOD"] == "POST")
  53.                         {
  54.                             $nametxt = $_POST["name"];
  55.                             $emailtxt = $_POST["email"];
  56.                             $menstxt = $_POST["message"];
  57.                             if($nametxt == '' || $emailtxt == '' || $menstxt == '')
  58.                                 echo "<div class=\"vazio\">Por favor, preencha todos os campos do formul&aacuterio.</div>";
  59.                             else
  60.                             {
  61.                                 echo "<div class=\"correto\">Obrigado por enviar a mensagem. Irei responder assim que poss&iacute;vel.</div>";
  62.                                 $sent = TRUE;
  63.                             }
  64.                        
  65.                            
  66.                         }
  67.                     ?>
  68.                    
  69.                     <fieldset <?php
  70.                         if($sent)
  71.                             echo "style=\"visibility:hidden;height:0%\""?>>
  72.                         <legend>A sua mensagem</legend>
  73.                         <form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
  74.                             <div class="boxleft">Nome:</div>
  75.                             <div class="boxright" ><input type="text" name="name"
  76.                                 <?php
  77.                                     if ($_SERVER["REQUEST_METHOD"] == "POST")
  78.                                     {
  79.                                         $nometxt = $_POST["name"];
  80.                                         if($nometxt == '')
  81.                                             echo " style=\"border-color:red\"";
  82.                                         else
  83.                                             echo " style=\"border-color:green\"";
  84.                                     }
  85.                                     echo "value=\"" . $nometxt . "\"";
  86.                                 ?>></div>
  87.                             <div class="boxleft">Email:</div>
  88.                             <div class="boxright"><input type="text" name="email"
  89.                                 <?php
  90.                                     if ($_SERVER["REQUEST_METHOD"] == "POST")
  91.                                     {
  92.                                         $emailtxt = $_POST["email"];
  93.                                         if($emailtxt == '')
  94.                                             echo " style=\"border-color:red\"";
  95.                                         else
  96.                                             echo " style=\"border-color:green\"";
  97.                                     }
  98.                                     echo "value=\"" . $emailtxt . "\"";
  99.                                 ?>>
  100.                             </div>
  101.                             <div class="boxleft">Mensagem:</div>
  102.                             <div class="boxright"><textarea rows="4" type="text" name="message"
  103.                                 <?php
  104.                                
  105.                                     if ($_SERVER["REQUEST_METHOD"] == "POST")
  106.                                     {
  107.                                         $menstxt = $_POST["message"];
  108.                                         if($menstxt == '')
  109.                                             echo " style=\"border-color:red;width:100%\"";
  110.                                         else
  111.                                             echo " style=\"border-color:green;width:100%\"";
  112.                                     }
  113.                                     else
  114.                                         echo " style=\"width:100%\"";
  115.                                     echo ">" . $menstxt;
  116.                                     ?></textarea></div>
  117.                             <div class="boxright"><input type="submit" value="Enviar" /></div>
  118.                         </form>
  119.                     </fieldset>
  120.  
  121.                     <hr>
  122.  
  123.                     <div id="LeLinks"><H2>Os meus links favoritos</H2></div>
  124.                     <ul>
  125.                         <li>A bola</li>
  126.                         <li>Record</li>
  127.                         <li>O Jogo</li>
  128.                     </ul>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.         <div class="bottom">
  133.             <div class="bottomargin">
  134.                 <ul id="menu">
  135.                     <li><a href="#WhoAmI">Quem sou</a></li>
  136.                     <li>  |  </li>
  137.                     <li><a href="#Contact">Contacte-me</a></li>
  138.                     <li>  |  </li>
  139.                     <li><a href="#LeLinks">Links</a></li>
  140.                 </ul>
  141.             </div>
  142.         </div>
  143.     </body>
  144. </html>
  145.  
  146. /*CSS*/
  147. body{
  148.     margin:0;
  149.     padding:0;
  150. }
  151. div.vazio{
  152.     border-style:solid;
  153.     padding:2px;
  154.     border-width:2px;
  155.     width:100%;
  156.     border-color:red;
  157.     color:red;
  158.     background-color:#AA5555;
  159. }
  160. div.correto{
  161.     border-style:solid;
  162.     padding:2px;
  163.     border-width:2px;
  164.     width:100%;
  165.     border-color:green;
  166.     color:green;
  167.     background-color:#55AA55;
  168. }
  169.  
  170. h1,h2,h3,h4,h5,h6{
  171.     padding:0;
  172.     margin:0;
  173. }
  174. h1.head{
  175.     padding-top:3%;
  176. }
  177. div{
  178.     padding:1px;
  179. }
  180. div.head1{
  181.     width:100%;
  182.     height:20%;
  183.     border-bottom-style:solid;
  184.     border-color:#5555ff;
  185.     background-color:#259ff8;
  186.     padding:0;
  187.     min-height:140px;
  188.     padding-bottom: 2px;
  189.     border-width:4px;
  190. }
  191. div.main{
  192.     background-color:#DDDDDD;
  193.     padding:0
  194. }
  195. div.centermargin{
  196.     margin-left:10%;
  197.     margin-right:10%;
  198. }
  199. div.center1{
  200.     height:100%;
  201.     background-color:#7cc5d7;
  202.     border-bottom-style:solid;
  203.     border-color:#5555ff;
  204. }
  205. div.center2{
  206.     min-height:65%;
  207.     background-color:#FFFFFF;
  208. }
  209. div.right{
  210.     float:right;
  211.     width:24%;
  212.     heigth:15%;
  213. }
  214. div.left{
  215.     width:75%;
  216.     min-height:160px
  217. }
  218. div.text{
  219.     margin-left:4%;
  220.     margin-right:4%
  221. }
  222. div.boxleft{
  223.     width:25%;
  224.     float:left;
  225. }
  226. div.boxright{
  227.     width:74%;
  228.     float:right;
  229. }
  230. div.bottom{
  231.     min-height:50px;
  232.     background-color:#aaaaaa;
  233. }
  234. div.bottomargin{
  235.     margin-left:11.5%;
  236.     margin-right:11.5%;
  237. }
  238.  
  239. img.prof{
  240.     height:150px;
  241.     width:150px;
  242.     border:5px #000000 outset;
  243. }
  244.  
  245. hr{
  246.     height:1%;
  247.     background-color:#5555ff;
  248. }
  249.  
  250. input{
  251.     width:100%
  252. }
  253.  
  254. ul#menu li {
  255.     display:inline;
  256. }
  257.  
  258. a{
  259.     color: #FFFFFF;
  260.     text-decoration:none;
  261. }
  262.  
  263. ul.roundabout{
  264.     width:250px;
  265.     border:10px solid;
  266.     border-radius: 2em;
  267.     background-color: #5555ff;
  268.     border-color: #5555ff;
  269.     color: #FFFFFF;
  270.     margin-bottom: 0px;
  271.     margin-top: -22px;
  272.     margin-left: 5%;
  273. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement