Register index 2016 by Rațiu Raul

Ing.Alex · 03 Apr 2016, 14:10

Salutare,

Astăzi revin cu un nou "index" te tip register, el se poate comuta foarte ușor pe un server de gaming sau bussines, background-ul atragator cu animații vă va stimula interesul de a rămane pe acest website.
Pachetul conține protecții si numeroase funcții atragătoare.

Link previzualizare: http://www.ratiuraul.ro/proiecte/s

Link download: https://mega.nz/#!K0VkGBRJ!Z3ElvBsvVvkc ... BI1r_odSBo

Imagine

În meniul de sus putem observa noul slide pentru înregistrare iar in stanga paginii un hover menu pentru facebook.
În arhiva veți găsi register.sql care se va urca în baza de date iar in folderul inc veți găsi mysql.php acolo schimbați datele si le puneți pe ale DVS pentru conectare website-server.

Limbaje de programare folosite pentru crearea acestei pagini: PHP MYSQL HTML JQUERY

Cod sursă:

Inregistrare.php

Cod: Selectaţi tot

<?php
include('inc/mysql.php');

if(isset($_POST['button'])){
$username = $_POST['username'];
$password1 = $_POST['password1'];
$password2 = $_POST['password2'];
$email = $_POST['mail'];
if($password1 == $password2){
$sql = "INSERT INTO register SET username='".$username."', password ='".$password1."',email='".$email."'"; 
$result = mysql_query($sql);
if($result){
echo "Contul a fost creat cu succes";
}else{
echo "Contul nu a fost creat, va rugam sa repetati toti pasii";
}
}

}

?>

Index.html

Cod: Selectaţi tot

<!DOCTYPE html>
<html>
<head>
<title>Înregistrare by Rațiu Raul</title>
<meta charset="utf-8">
<meta title="Inregistrare by Rațiu Raul">
<meta name="description" content="Inregistrare by Rațiu Raul">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.css" />
<script src="js/jquery-1.12.2.min.js"></script>
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="js/function.js" type="text/javascript"></script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ro_RO/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</head>
<body>

<div class="video-bg">
<video id="video-bg-elem" preload="auto" autoplay loop mute="mute">
<source src="video/background.mp4" type="video/mp4">
</video>
</div>
<div class="comunity">
<div class="comunity-button">
<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-width="409" data-numposts="2"></div>
</div>
</div>
<div class="text">Pagină de înregistrare by Rațiu Raul</div>
<div class="menu">
<h1>Inregistrare</h1>
<div id="input">
<div class="id">
<form action="inregistrare.php" method="post">
<input type="text" name="username" class="field-username" placeholder="Nume utilizator"><br>
</div>
<div class="pass">
<input type="password" name="password1" class="field-password" placeholder="Parolă"><br>
</div>
<div class="pass-1">
<input type="password" name="password2" class="field-password" placeholder="Rescrie - Parola"><br>
</div>
<div class="email">
<input type="text" name="mail" class="field-email" placeholder="Email"><br>
</div>
<input class="butt" type="submit" name="button">
</div>
</div>
<div class="bar"><div class="button">Înregistrare</div></div>
</body>
</html>

Function.js

Cod: Selectaţi tot

$(function() { 
$('.button').click(function() {
$('.menu').slideToggle('slow');
});
$('input').mouseover(function(){
$(this).css("border-color","#754F3C");
});
$('input').mouseleave(function(){
$(this).css("border-color","#fff");
});
$('input').click(function(){
$(this).css("border-color","#09C");
});
$('.comunity').hover(function(){
$('.comunity-button').toggle("slide");
});

});

Style.css

Cod: Selectaţi tot

*{
margin:0px;
padding:0px;
}
.video-bg{
position:fixed;
width:100%;
height:100%;
z-index:-1000;
}
#video-bg-elem{
position:absolute;
min-height:100%;
min-width:100%;
top:0px;
left:0px;
overflow:hidden;
}
.menu{
margin-left:auto;
margin-right:auto;
width:400px;
background-color:#DFCAAF;
height:400px;
display:none;
font-family:garamond,times-new-roman,serif;
text-align:center;
opacity:0.6;
border-radius:5px;
box-shadow:#000 0px 2px 10px;
overflow: auto;
}
.bar{
margin-left:auto;
margin-right:auto;
width:400px;
border-top:solid 2px #DFCAAF;
border-top-radius:15px;
opacity:0.8;

}
.button{
position:relative;
background-color:#E9E1CE;
margin-left:auto;
margin-right:auto;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
color:#96C;
box-shadow:#000 0px 2px 15px;
text-align:center;
cursor:pointer; 
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, bold;
text-shadow:#000 0px 1px 4px;
opacity:0.8;
overflow: auto;
}
.button:hover{
opacity:0.6;
}
.text{
position:absolute;
padding-top:20%;
font-size:30px;
letter-spacing:2px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
text-shadow:#000 0px 1px 15px; 
text-align: center;
margin-left:30%;
}
#input{
font-size:15px;
letter-spacing:1px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
padding-top:50px;
}
.butt{
background:url(../images/button.png) no-repeat;
border:0;
width:151px;
height:37px;
font-size:0px;
cursor:pointer;
}
.field-username{
padding-left:18px;
border-color:#FFF 1px;
border-radius:5px;
width:150px;
height:30px;
outline:none;
color:#000;
font-size:15px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.field-password{
padding-left:18px;
border-color:#FFF 1px;
border-radius:5px;
width:150px;
height:30px;
outline:none;
color:#000;
font-size:15px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.field-email{
padding-left:18px;
border-color:#FFF 1px;
border-radius:5px;
width:150px;
height:30px;
outline:none;
color:#000;
font-size:15px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.id::before{
content: "\f007";
position: absolute;
color: rgba(142, 94, 65, 0.7);
font-family: "FontAwesome";
font-size: 20px;
padding-top:20px;
padding-left:3px;
}
.pass::before{
content: "\f023";
position: absolute;
color: rgba(142, 94, 65, 0.7);
font-family: "FontAwesome";
font-size: 20px;
padding-top:20px;
padding-left:3px;
}
.pass-1::before{
content: "\f023";
position: absolute;
color: rgba(142, 94, 65, 0.7);
font-family: "FontAwesome";
font-size: 20px;
padding-top:20px;
padding-left:3px;
}
.email::before{
content: "\f003";
position: absolute;
color: rgba(142, 94, 65, 0.7);
font-family: "FontAwesome";
font-size: 17px;
padding-top:20px;
padding-left:3px;
}
#input input{
margin-top:15px;
}
.menu h1{
text-shadow:#666 0px 2px 10px;
box-shadow:#000 0px 2px 10px;
color:#FFF;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.comunity{
background-color: rgba(195, 169, 137, 0.5);
width:20px;
height:60px;
box-shadow:#000 1px 2px 10px;
margin-top:10%;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
cursor:pointer;
position:absolute;
}
.comunity::before{
position:absolute;
content: "\f09a";
font-family:"FontAwesome";
font-size:25px;
padding-top:20px;
color: rgba(249, 244, 232, 0.5);
}
.facebook{
background-color:#FFF;
opacity:0.5;
}
.comunity-button{
background-color: rgba(195, 169, 137, 0.5);
width:410px;
height:130px;
box-shadow:#000 1px 2px 10px;
cursor:pointer;
display:none;
}
.id placeholder{
color:#000;
}

Mysql.php

Cod: Selectaţi tot

<?php
$ip = "localhost";
$username = "";
$database = "";
$password = "";

$con = mysql_connect($ip, $username, $password, $database) or die("Nu sa putut conecta la baza de date".mysql_error());
mysql_select_db($database) or die("Nu sa putut conecta la baza de date".mysql_error());
?>

03 Apr 2016, 20:15

Gauri mari ai in script. Mai gandeste-l un pic.

ex6tenz · 18 Apr 2016, 17:08

Marius @ Darkdev scrie:Gauri mari ai in script. Mai gandeste-l un pic.

Cu darkdev.eu mai faceţi cevA?

19 Apr 2016, 00:17

ex6tenz scrie:
Marius @ Darkdev scrie:Gauri mari ai in script. Mai gandeste-l un pic.
Cu darkdev.eu mai faceţi cevA?

curand

georgegeo40 · 08 Mai 2016, 20:20

Parola?

Ing.Alex · 20 Mai 2016, 13:59

Parola este www.ratiuraul.ro

georgegeo40 · 22 Mai 2016, 21:38

Are si bug..

diniss · 07 Iun 2016, 17:08

dupa ce dau inregistrare ami da eroarea asta Fatal error: Uncaught Error: Call to undefined function mysql_connect() in C:\xampp\htdocs\inc\mysql.php:8 Stack trace: #0 C:\xampp\htdocs\inregistrare.php(34): include() #1 {main} thrown in C:\xampp\htdocs\inc\mysql.php on line 8 ce pot sa fac ajutor

hacktor_ · 05 Iul 2016, 01:50

diniss scrie:dupa ce dau inregistrare ami da eroarea asta Fatal error: Uncaught Error: Call to undefined function mysql_connect() in C:\xampp\htdocs\inc\mysql.php:8 Stack trace: #0 C:\xampp\htdocs\inregistrare.php(34): include() #1 {main} thrown in C:\xampp\htdocs\inc\mysql.php on line 8 ce pot sa fac ajutor

ultima versiune xampp are php 5.5, iar din php 5.5 extensia originală mysql a fost eliminată și se recomandă folosirea extensiilor mysqli sau pdo.

btw nu-l recomand, este vulnerabil sql inject

[ Postat de pe iPad ] Imagine

diniss · 05 Iul 2016, 20:52

hacktor_ scrie:
diniss scrie:dupa ce dau inregistrare ami da eroarea asta Fatal error: Uncaught Error: Call to undefined function mysql_connect() in C:\xampp\htdocs\inc\mysql.php:8 Stack trace: #0 C:\xampp\htdocs\inregistrare.php(34): include() #1 {main} thrown in C:\xampp\htdocs\inc\mysql.php on line 8 ce pot sa fac ajutor
ultima versiune xampp are php 5.5, iar din php 5.5 extensia originală mysql a fost eliminată și se recomandă folosirea extensiilor mysqli sau pdo.

btw nu-l recomand, este vulnerabil sql inject

[ Postat de pe iPad ]

eu ce ar trb sa fac ma ajuti te rog nu ma prea pricep

Register index 2016 by Rațiu Raul

Index Metin2Aztec by Rațiu Raul

Homepage by Rațiu Raul

ImprImpressHealthCare pagina de recrutari by Rațiu Raul

Login panel și forget password system realizat de Rațiu Raul

Cine este conectat