Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Introduction to Ruby on Rails 7!
Preview
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
Give your login and signup pages some flair. Whether you prefer custom CSS or a front-end framework like Bootstrap, we’ll cover the basics of styling views that handle user authentication.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
All right, so in this video we're
going to be styling these pages.
0:00
The login page, the signup page, the
forgot your password page, and also, well,
0:04
the login page, every user authentication
page, we're going to be styling it.
0:10
So the way that I'm gonna do this is
I'm gonna create a new style sheet and
0:15
I'm gonna go along the process
with you a little bit more, but
0:19
I'm also gonna import my own styles.
0:22
So we're gonna call this style sheet, so
go to Assets and then style sheets and
0:24
create a new file,
we're gonna call it device CSS.
0:29
And in this file we're gonna use
all of these for the device,
0:33
this is for the device folder.
0:37
So we're gonna go to registrations new and
we're gonna say style sheet,
0:40
link tag and then quotes and
we're gonna say device.
0:45
Then copy this to the edit,
copy it to the sessions,
0:48
this is the login page and
then also the passwords new and
0:54
that's pretty good for now.
1:00
Now first of all we're gonna focus on the
registration, so this is the sign-up page.
1:04
Now as this is not a course on styling and
CSS, it's not a front-end course,
1:08
it's a Ruby on Rails course.
1:12
I don't wanna teach you how to style this,
that's not the purpose of the course and
1:14
I'm sure you already know how to do it.
1:18
So if you just wanna learn Ruby on Rails,
don't style your application,
1:20
there's really no point unless you really
wanna make it nice and pretty looking and
1:23
you have OCD like me.
1:27
I'm just gonna copy in
the styles that I already have,
1:28
it makes no difference functionality-wise,
it just looks better for YouTube mainly.
1:31
So I'll copy in the sign-up page,
and it goes from this to this,
1:36
it's a bit better, and
then I'll do the same for
1:42
the login and
the forgot your password page.
1:46
And so after all that,
this is what it looks like.
1:50
So we have the signup page looking
a little bit better, login page and
1:53
forgot your password looking nice.
1:58
All it did was change the styles and
it looks magnificently better,
2:01
significantly better.
2:05
So that's the end of this video, in
the next video we're going to be styling
2:07
the actual trees so
they look a little bit better.
2:11
And then after that we're finally gonna
get to some fun logic with the trees so
2:13
that they actually belong to the user and
nobody else can delete them.
2:17
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up