HomeЛюди и блогиRelated VideosMore From: RK Tutorial - Rizwan Khan

Dropdown Log In Form with Navigation bar and Logo using HTML 5, CSS 3 and jQuery

359 ratings | 44176 views
Dropdown Log In Form with Navigation bar and Logo using HTML 5, CSS 3 and jQuery Login Form Design using HTML 5 and CSS 3 In this Video you will learn a lot about css3 property way of working with css3 Source Code http://www.webscript.info/rk_lab/html_css_login_form_design.php Webpage http://www.webscript.info Facebook Page http://www.fb.com/rktuts Youtube Channel http://www.youtube.com/rktutorial Google+ http://www.google.com/+RKTutorial How did you reach this video html css, html css tutorial, html css login form design, html5 css3 form design, login form design, login page design, html login form, html login page, css login, css form, html form design,
Html code for embedding videos on your blog
Text Comments (84)
Pericles Pires (4 days ago)
Source code link is off
fourati eya (29 days ago)
can you send me the code please !
CallMeMissFanny _ (4 months ago)
Can I have the source code. If you don't mind can you send me the code. tq
I don't have source code of my few videos and it is one of them
shad ahmed (4 months ago)
I cant get the code it shows [The requested URL /rk_lab/html_css_login_form_design.php was not found on this server.] would you please send me the codes
shihab shuvo (4 months ago)
how to download source code
No source code available for this project
Tanjim (5 months ago)
i trying but not work. source send me [email protected]
SK Tuts (6 months ago)
Thanks brother
sagar basnet (6 months ago)
I have one question. Is it necessary to use library or we can just do dropdown and fade with css.
sagar basnet not necessary you can also use plain js
Cidrick Cuyos (6 months ago)
The drop down is not responding.
Mario Leskovar (6 months ago)
Hii, how to limited the opening of both windows (login and register) at the same time using jQuery??
Rica Grace Lapiz (7 months ago)
i need help. my arroup up and my loginform didn't appear in the web, what should i do?
Rica Grace Lapiz make their position absolute and give a z-index higher than 1
viveka loganathan (7 months ago)
How to add a Navigation header if user is login and another header if user is logout. Give me some clues
I have some other videos please check my YouTube channel for more dynamic programming
Vignesh Sethupathi (7 months ago)
how to do created coding preview?
Ferenc Cziryek (8 months ago)
also I have a problem: when clicking,  can see first the triangle, then te dropdown. how to fix it? shoul I use one triangle under , second above dropdown?
Ferenc Cziryek (8 months ago)
would you mind adding the toggle part?
Ferenc Cziryek (8 months ago)
thanx , how can we get it?
Ferenc Cziryek yes sure
SUBASHREE BASKARAN (9 months ago)
can it be done without jquery
Pino Li (9 months ago)
I followed every step, but I clicked login,the login-form didn't show up?
Pranjali Dhote (9 months ago)
I need this code. But its not working when i'm trying.
Jayesh Kamat (10 months ago)
i got the jquery link but after using jquery version 3.3.1 the fade in and fade out not working .
Sumeet Saini (1 year ago)
Great work done
Actually i am not working from a long time in mobile apps
Sumeet Saini (1 year ago)
Are you developing mobile apps? I'm considering to develop and need some help
Thanks
Rohid Ramesh (1 year ago)
What software are U using
Rohid Ramesh Sublime text editor
Rick Docko (1 year ago)
Very bad presentation and explanation. I don't understand you guys. After having written body once you will need to develop alll css but why while you are developing css you still add things to body that make your presentation hard to understand but congratulation
Rick Docko (1 year ago)
If I didn't understand how I could correct you. Please before you present your video please prepare yourself before you do. It is not at the time of the presentation that you will remember things to add. That's not how you develop a professional page. That's what we have to pass on to people. I encourage you, congratulation.
Rick Docko Sorry if u dont understand but everyone has their own of writing things now u r the only who is complaining about this video once again thanks for feed back
IT 4K (1 year ago)
Thank you !
Deep Gandhi (1 year ago)
Can you do this same thing without using jQuery? Using only Html, CSS and Javascript
Deep Gandhi yes ofcourse
rrjay despirado (1 year ago)
Please RK Tutorial, send me a complete code with dropdown register form.. I need to put this on my website for project of school. Thankss :) :)
rrjay despirado (1 year ago)
This code that you mean? <div class="login-form"> <form> <label>Username</label> <div> <input type="text" placeholder="Username" required/> </div> <label>Password</label> <div> <input type="password" placeholder="Password" required/> </div> <div> <input type="submit" value="Log In"/> </div> <div> <a href="#" style="text-decoration:none;position:relative;top:20px;font-size:16px;color:gray;">Lost Your Password?</a> </div> </form>
rrjay despirado (1 year ago)
Ok I try it but I send my code to you, it's ok??
rrjay despirado you just need to copy the login form code and paste it inside the same file and then add more inputs that will be your registration form
Ugo Johnson (1 year ago)
pleas how can i get this particular video source cod , i hv checked webscript site, still cudnt find it, please help
Ugo Johnson (1 year ago)
thanks so much
Subhadeep Sinha (1 year ago)
how to create register page ???
rrjay despirado (1 year ago)
yeah! same question
Azhar Ahmad (1 year ago)
very good work brother.
sirine sirina (1 year ago)
*thanks Khan * 😉
sirine sirina your welcome
Dave Tshupo (1 year ago)
sir my login link is not responding to the javascript
Dave Tshupo (1 year ago)
thanks for the reply
+Dave Tshupo make sure you have written code correctly and you can get source code at www.webscript.info
Muhammad Adnan (1 year ago)
bht mushkil tha yr, ,,, but it was awesome too :D
Muhammad Adnan (1 year ago)
+RK Tutorial kia good yr itna besic h k puchu mat. ... tum aptech k about jantey Hu?
Adnan k good
Muhammad Adnan (1 year ago)
3 year duration
Muhammad Adnan (1 year ago)
Main aptech sey 3 saal ka. ... Sikh raha hn
Alag website se sikha hai jaise w3school.com aur css3tricks etc
davinder sharma (1 year ago)
Not available to find source code..
source code http://www.webscript.info/rk_lab/html_css_login_form_design.php
pusakal 719 (1 year ago)
Hey RK, its me again.. can you help me with this one?? thanks Uncaught SyntaxError: missing ) after argument list. .index.html.46 line 46 contains the $("#login").. its stop working after this. <script type="text/javascript"> $(document).ready(function(){ var arrow = $(".arrow-up"); var form = $(".login-form"); var status = false; $("#login").click(fuction(event){ alert(0); } }) }) </script>
Jigar Mistry (1 year ago)
Hello RK I'm very thankfull  for this video by you. But I have a problem with fa design user & unlock  style, is not working. And also in size in logo. So kindly help me out.
Jayesh Kamat (10 months ago)
your jquery download link is not working . please fix the download link @rk tutorial
your welcome
Jigar Mistry (1 year ago)
Oh!! Thank you bro. for instant reply and helping me out.
plz to get icons add this <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> in your head tag
you need to write to adjust your logo is .logo>img{width:200px;height:65px;}
romesh reddy (1 year ago)
please send me code
刘家良 (1 year ago)
thanks
Abdelrahman Mo Hassan (1 year ago)
i'm really appreciated you hard efford. thank you once and millions and sorry for my bad English :)
Yevhenii Skomorokhov (1 year ago)
The quality of your video is close to zero. How is it possible to download such rubbish on YouTube? Shame on you. How much time newbie like me must correct all these mistakes you have done? are you sick?
Abdelrahman Mo Hassan (1 year ago)
waiting your response FB PAGE
Abdelrahman Mo Hassan thanks a lot dear
Ross Carter (1 year ago)
You know you can get sued if a company sees that you're using their brand with appropriate permission, right? For future take the time and create your own logos(It will save you money, and even imprisonment).
Ross Carter Music I am using a different brand logo just for implementation purpose not for my personal use and thanks for your advice next time I will take care of it

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.