Register index 2016 by Rațiu Raul

Template-uri, homepage-uri Metin2 destinate elegant website-ului tău.
 
Mesaje: 113
Membru din: Mar Apr 07, 2015 11:40 am
Like-uri oferite: 0 time
Like-uri primite: 0 time

Register index 2016 by Rațiu Raul

de Metin2Aztec » Dum Apr 03, 2016 3:15 pm

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



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

Code: Select All Code
<?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

Code: Select All Code
<!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

Code: Select All Code
$(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

Code: Select All Code
*{
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 multumesc", 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

Code: Select All Code
<?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());
?>
http://www.metin2aztec.ro
Cel mai frumos server din Romania

 
Mesaje: 2
Membru din: Sâm Feb 11, 2012 9:02 pm
Like-uri oferite: 0 time
Like-uri primite: 0 time

Re: Register index 2016 by Rațiu Raul

de ciprianodjmix » Sâm Aug 06, 2016 1:22 pm

Parola de la arhiva nu o dai?


Înapoi la Homepage-uri Gratuite

Cine este conectat

Utilizatorii ce navighează pe acest forum: Niciun utilizator înregistrat şi 2 vizitatori