Hello, friend, welcome back.
In a previous video, we successfully lowered our form, right, so that is our custom form.
That is an email filled username and password and password confirmation.
So now I want to do I want to customize it like here to have some of the Help Desk.
So that is our email level.
And here I also want to put some of the placeholder so how can customize it step by step.
I will show you everything will be much closer to you.
So for doing this like here right now, friend, that is our previous project.
That is a block project.
We don't need it.
I close it.
So now that is our new project.
That is our social project.
Right.
So now we have to work in particular this project.
So that is our social project.
So now, first of all, that is our form right now.
We have to work in our D forms right now.
We don't need this.
I remove everything from here better.
I make it as a clean OK, that will be our that three things will be needed.
So that is our form, simply the form idea.
I want to do that here.
I want to I don't want to display this level here.
I want to make that as empty and also on the portal, on the placeholder.
So if you want to add some of the placeholder in fundamental, I have already discussed about that things
with you.
You can use it with using that we get.
Right.
So first of all, after the through after the 201 to take another one at a level, a level, I want
to make that as empty, OK, as our level will be empty.
That means our this will not should be visible here.
I want to do and visible on the placeholder so you can tell the placeholder.
You have to add it with that.
And we get that with this we get I want to do with this, we get that will be our forms in fundamental.
I have already discussed about that things with you.
That will be the text input.
Write that with the text and the input that will be our text input type.
And so here we have to do we have to add one of the attribute.
So that will be our attributes.
And if the attributes area, I don't want to load our placeholder.
So that will be our placeholder.
That will be as a placeholder and I just name it placeholder if it'll be visible as a urinal email.
OK, so the display your email.
Perfect.
So now also I want to do want to update our list of this.
Feel like there is another one of the user name.
Right.
So but I copy it.
Everything will be just like the same, I copy it and after that I post it.
OK, so here it is.
Will be our filename.
Our filename will be as a user name.
So with these forms it will be not that kind of email.
Philipps will be as a character filled right.
That will be as a character field.
So that will be as a character filled.
And then I make it as a record that means our user name is record and level.
I make that things as empty, OK, I make it as empty.
And then also and the to put out the placeholder that will be our we get and then forms it will be as
the input tagged.
That means our text input and in our attribute area that is a placeholder and I name it as a user name.
User name.
OK, it will be displayed our this user name and also there is another field as a password one and the
password to here.
I also want to update both of this.
So after that, OK, here I name it our our name that is our filename will be as a password once and
for the password on it will be just like the same with our forms.
So with this forms it will be our type will be as a character field OK, it should be the character
field.
And then I here then here I want to make as a record that means used to be as a record record will be
as a true OK, we will be as a true.
And then I also want to make boots on the level our level will be at the empty level, a level will
be as empty.
And then I want to do and to make our one of the we get because here I want to also put on the placeholder.
That means with this we get with this, we get we have to add our forms.
That means with these forms our that will be another input file type as the password, password input,
password input.
And here we have to pass our attribute.
So that will be our attribute into the attribute area.
And the password placeholder, placeholder and placeholder will be for the password as a password.
OK, so we as a password.
Perfect.
So now I want to do undertake another one but I copied and pasted so this will be another one is will
be another one that will be for our password too.
So it will be as a password to form and the character field and the required will be at a true level.
I make it as empty and we get with the form also will be as a password input type and into.
The attribution to our placeholder placeholder will be as a password.
OK, that will be also another password.
Then you can also make it as a password confirmation.
Well, it shall be as one of the level as a password confirmation, perfect, so that's all you have
to do.
So that is all that our field one is that our e-mail field, our user name field password we have updated
password to and then that is our all field.
So now let's check this out.
If you look at the Savol and first of all, I want to check our server.
Yeah, everything is running well.
And now if you go to our farm base and click the refresh, yes.
You can see how much interactive it is right now.
So that is all that our placeholder as your name, your username, password and password confirmation
and also that your sign up button.
So better to go on to make our design Barton White as a 100 percent, then it'll be better like that
is in our sign updated e-mail and that is our submit button.
So here I want to do that.
One of these tile is tile and always will be.
I make it on the wide, OK, make it our white and white will be as a hundred percent.
I make it as a hundred percent.
So now I have to do I want to add some of the Sears's, I want to add some of the CSA as far as space
for customize these forms.
If you want to use that Cyesis one things you will learn like I show you here.
First of all we have to create on the block.
OK, like here I want to add one of the cassettes, all that code.
So if you want to use it, first of all, we have to we have to clear out the blog in our business to
select the business.
Jamul that is our head.
So before this said before we said here I want to do and to create another blog.
So that will be as a blog.
OK, that will be as a blog and the blog API, name it as a CSIS blog, whatever you want.
So now I may name it as a serious blog.
And also after that I want to turn to and this blog that means The End blog.
So right now we can actually use our this blog as a Sears's blog.
So right now I don't want to actually use it.
OK.
So if you want to use it, that means, you know, sign up into the sign up here.
So before our body, that will be for our body blog.
I have already created another blog.
So that will be as a blog.
OK, that will be as a blog.
And I have created our blog name at the CSA blog.
Right.
And also we have to do we have to finish it.
That means we have to finish our end blog.
So that means if you want to use some of the courses in particular this area, then you can use it like
that way.
First of all, in our business to email here, you have to create one of the blog for the access.
And then here I would add our this blog and in particular this blog or whatever the things or whatever
the CSA style you want to use, you can use it, I assure you.
Then everything will be more clear to you.
Like, first of all, I want to do I want to take one of the style and the style.
So I take one of these styles.
So here we don't need this media skin.
OK, so here I remove it.
So that will be our style and better make that I want to do and to make that things as a PSP and that
will be as a PSP.
OK, so here that will be our style and into the style area under the unluckier on the class.
I only name it as a sign up, OK, I name it as a sign that the sign up related one of the class I want
to create.
So if you already know about the little boxes and the J says, I hope you already understand that part,
what exactly you have to do like here I want to put on the white, OK, I want to put some of the white
here.
That is a colourful piece.
I don't want to display that things in the full page.
So into the white area.
I make it as a five five zero five zero pixel and that means if I picked abusable and then I also want
to put on the border, I want to put on the border with our one pixel.
That means in our border they have the one pixel and I want to make the things as solid.
OK, should be as a solid and reports on the colour for this one.
It should be at the CCC.
OK, this one, the colour I want to use.
And then I also want to do want whether it's on the painting and I make that as a final 50 pixel 50
because also first of all I have to check it.
So here I have already created this class as a sign up class.
So now if you want to visible it.
So that is our form right into the form.
Maybe I take one of the dev and the Davidia.
I put that class or class name I have created as a sign up.
So that is our Dave and in particular this debate here and want to add our this form.
So but I got it.
And here it is, a position on the past hour this form that we saw to from.
Right.
So it was a total from now we'll get out this class that we have already created.
Now, let's check this out.
If you click on the Save All and now if you refresh this space.
Yes, you can see that is actually our why it is perfectly getting our wide and have some of the border
into the border.
Yeah, I have put some of the colour.
So that is our colour and that is our painting.
50 is perfect.
Right.
Rather than if you want to make as a 40 like a make it as a 40 click as a save, all that means that
A is basically a refresher.
It's much better.
And also to do and to make that as our center position than it should be.
Better.
You know where that is.
Claudia Bright, she.
I wanted to make of the center court and that means that will be at the center.
OK, that will be as a center on the don't to use our center court.
So also after this.
After this, I want to finish it and let me after this day, I want to finish out the center for now.
Let's check this out, if you like, as a save all and now refresh it.
Yeah, you can see it on our center.
And if you want to put on the text, then better.
It'll be like a little bit.
Look at this.
So that is all.
Dave.
So after this, Dave here, I would take one of the three deck I take on these three targets would be
the sign up sign up to see profile.
OK, that will be actually visible clear to save all.
And now if you refresh it, yeah.
You can see something as a sign up to see profile go down the pulse of the bracket.
So after this I pulled some of the bracket because I save all the freesheet.
Yeah, it's perfect.
So friend here, I'm not focusing the design.
I hope you know better from me.
OK, so that is actually one of the things you want to customize.
You can customize it with using that CSS.
Right.
So that is actually the most simple.
OK, and also after that, I want to do this.
I want the visible some of the tags for the monologuing.
So that is all.
Dave.
So after this dip, after this Dave here, take another Dave and in particular this Dave area, I pick
one of the PAETEC.
That means our particular package to be sure, as a hab.
OK, I have an account, OK, I have an account.
Then it should be displayed as a one of the ahead if I put it on the air live and it will be show on
logging.
OK then logging from to this position, this type of what the message will be visible.
Click and save all and now refresh it.
Yeah.
You can see that we have an account and that is our logging.
Perfect.
And also if you want to add another other product for a specific display or this, have an account,
you can also do it better.
A little different design is totally up to you.
So if you want to use some of the success, you can use it like here.
I added one the tape last night.
So for this class, I want to create one of the class and I just named the class as a logging.
So this type of one of the class I want to learn to create in our particular disaster area.
After this.
After this, I want to create our this logging class.
And here it'll be just like the same.
I pulled one of the wide and what will be as a five fifty.
OK, that will be the 550 pixel.
And also I want to force on the border so the force of the border will be one pixel.
That means our one pixel and then it should be as solid, it should be as a solid and also to pull some
of the cases that means our core to the CCC.
OK, that will be a record.
And I also support on the painting.
Painting will be as the forty the same pixel.
So now it'll be a little bit look at it like here.
I have already declared our D class.
That is a logging class right now because I save all.
Now if you will refresh it.
Yeah.
You can see there is our have an account and there is a logging perfect software in here.
We successfully design our sign up base and also load or without all that field.
Right.
So now I want to do I want to migrate it.
So here we have to migrate.
And when we migrated then we can actually access our admin rights.
Right now I didn't migrate our project, so we do migrate by default.
All that, our default, all the table will be created.
That means all that our database table will be created.
And also after that we have to create one of the super user.
Saho can create that super user.
I think you already know about it.
So then we all we can actually access our design portions.
Right.
And also after that, we have to do have to create another login space.
So don't worry is step by step, everything will be more clear to you.
So thanks for watching and I'll see you in the next video.