PHP Tutorials: Register & Login (Part 2): Template Overview

Показать описание

Official site

Twitter

Рекомендации по теме

Комментарии

No, it doesn't involve objects or classes. But you can do OOP programming in the php language.

demonwx

Style Sheet & Code for this Video is :
/* STYLE SHEET FOR THE VIDEO */
/* Resets */
ul {
padding:0;
margin:0 0 20px 0;
list-style:none;
}

h1, h2 {
padding:0;
margin:0 0 20px 0;
font-weight: normal;
}

p {
padding: 0;
margin:0 0 20px 0;
}

a:link, a:visited {
text-decoration: underline;
color: #000;
}

a:hover {
text-decoration: none;
}

ul li {
padding:5px 0;
}

ul li input[type="text"], ul li input[type="password"] {
width:200px;
}

/* Headers */

h1 {
font-size:1.8em;
}

h2 {
font-size:1.4em;
}

.logo {
font:2em Arial;
margin:0 0 10px 0;
padding: 0;
width: 200px;
color: #fff;
}

/* Containers */

body {
background: lightslategray;
font-family: Arial;
font-size:0.8em;
}

#container, footer {
background: #fff;
width : 920px;
margin : 0 auto;
padding: 20px;
}

header {
width:940px;
padding: 10px;
margin: 0 auto 10px auto;
}

#container {
min-height: 500px;
border-radius: 5px 5px 0 0;
}

footer {
border-radius: 0 0 5px 5px;
}

.widget {
margin-bottom: 20px;
}

.widget h2 {
margin: 0 0 10px 0;
padding: 0 5px;
font-weight: normal;
border-bottom: 1px solid #ddd;
}

.widget .inner {
margin: 0 10px;
}

/*Navigation*/
nav {
float:left;
}

nav ul {
margin:0;
}

nav ul li {
display:inline;
margin-right: 10px;
}

nav ul li a {
text-decoration: none;
}

nav ul li.current {
font-weight: bold;
}

nav ul li a.last {
border-right: 0;
}

aside {
width: 260px;
float: right;
border-left: 1px dashed #aaa;
padding-left: 15px;
}

login li.link {
margin-top:5px;
}

/*Footer*/
footer{
border-top: 1px dashed #ddd;
color: #999;
}

/*Misc*/
.clear {
clear: both;
}
/* STYLESHEET ENDS HERE */

/* CODE FOR THE VIDEO STARTS HERE */

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/style.css">
<title>Website | Home</title>
</head>
<body>
<header>
<h1 class="logo">Logo</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
<div class="clear"></div>
</header>
<div id="container">
<aside>
<div class="widget">
<h2>Widget Header</h2>
<div class="inner">
Widget Content
</div>
</div>
</aside>
<h1>Home</h1>
<p>Just another Template.</p>
</div>
<footer>
© 2017 Website.All right Reserved
</footer>
</body>
</html>
/* CODE FOR THE WEBSITE ENDS HERE */

AshishUX

Search on forum under section GENERAL- Source Code- Register&Login, copy-paste and you'll have the template

StaARac

oh I've found out how to make the .css works, you should del the"css/" in <link rel="stylesheet" href="css/screen.css"> or create a folder named "css" to store the css files cause css/screen.css is the location of that css file.

WillY-whlf

I think they he is waiting for them to be processed first so the quality looks good and we can see the code.

TheBetaTelevision

Thank you for the great tutorial, but I'm unable to find the template and css files, could someone tell me the exact location or post a download link?

balachander

I would suggest you to start with html and css before you start coding php or any other web coding language

edekroon

The're not too complex, its just that you probably skipped prerequisites to this tutorial. First learn html and css then jump into php

TheKmacho

I have copy paste the codes given in the forum, but its not giving me look which is been displayed in the tutorial video

HiteshBairathi

I've just created the template and it works

thegamerofgames

mine didn't look the ways it should be..

jessiebaluya

Thanks man for this video, I am just learning php and loving it soo far.

computertecqhelp

Thanks for the sharing link of code. It's working . if you save the css file individually as screen.css, It will work. Kudos to this tutorial

ambigachandran

I am not sure what to do as you are not using same layout as I am, I have jQuery in my head tag and when I try to include the head tag in my php with the head.php it does not transfer over the animation of the jQuery that I need

LowHeartRate

can't download the full source code :(

binargreatani

i downloaded it, but its totally different from what u have written ?

ahano

Where is this Screen.css file? I am trying the same so, I also need the template as it is.
Anyone can help?

prosoftenterprises

Is there a reason the template displays weird in IE9?

yowillyjj

...Why are you trying to create a website with a login without learning the basic stuff first?

HDDesign

Thank you so much Alex for another great tutorial God Bless

AsianGamerYT

PHP Tutorials: Register & Login (Part 2): Template Overview

Login and Registration Form in PHP and MySQL

PHP Tutorials: Register & Login: User registration (Part 1)

Login & Register Web Form using PHP XAMPP Frontend, Backend & Database Connection (With Sour...

PHP Tutorials: Register & Login: User login (Part 1)

Creative Login and Registration form In HTML, CSS & PHP - Simple PHP System | step by step tutor...

Signup and Login with PHP and MySQL

How To Create A Login System In PHP For Beginners | Procedural MySQLi | PHP Tutorial

PHP Form Login | How To Make Login Form In PHP | PHP Tutorial For Beginners | Simplilearn

PHP Tutorials: Register & Login: Email activation (Part 1)

Simple signup and login system with PHP and Mysql database | Full Tutorial | How to & source cod...

PHP Registration And Login Form | PHP User Registration Form With MySQL | PHP Tutorial | Simplilearn

Create Login & Registration Form PHP MySQL With Logout & Login Session | Login & Signup ...

PHP Tutorials: Register & Login (Part 11): Register Users (Part 1)

29 | Let's Create A Login System in PHP! | 2023 | Learn PHP Full Course for Beginners

PHP Login System Tutorial: Creating a Login + Registration System in PHP | PHP Tutorial #40

PHP Tutorials: Register & Login: User registration (Part 4)

PHP Tutorial: Register and Login (User Account System) [part 00]

How to make Login Form using PHP MySQL | Xampp

PHP Tutorials: Register & Login: User registration (Part 3)

PHP Tutorials: Register & Login: User registration (Part 6)

PHP Tutorials: Register & Login: Introduction

PHP Tutorials: Register & Login: User password change (Part 1)

PHP Full Course for non-haters 🐘 (2023)

PHP Tutorials: Register & Login: User registration (Part 5)