1
00:00:00,240 --> 00:00:01,890
Hello, friend, welcome back.

2
00:00:02,070 --> 00:00:07,160
In a previous video, we successfully lowered our form, right, so that is our custom form.

3
00:00:07,170 --> 00:00:11,640
That is an email filled username and password and password confirmation.

4
00:00:11,820 --> 00:00:16,250
So now I want to do I want to customize it like here to have some of the Help Desk.

5
00:00:16,270 --> 00:00:18,390
So that is our email level.

6
00:00:18,390 --> 00:00:23,790
And here I also want to put some of the placeholder so how can customize it step by step.

7
00:00:23,790 --> 00:00:26,360
I will show you everything will be much closer to you.

8
00:00:26,460 --> 00:00:30,600
So for doing this like here right now, friend, that is our previous project.

9
00:00:30,600 --> 00:00:31,500
That is a block project.

10
00:00:31,500 --> 00:00:32,190
We don't need it.

11
00:00:32,190 --> 00:00:32,940
I close it.

12
00:00:33,390 --> 00:00:35,100
So now that is our new project.

13
00:00:35,100 --> 00:00:36,360
That is our social project.

14
00:00:36,360 --> 00:00:36,620
Right.

15
00:00:36,630 --> 00:00:39,230
So now we have to work in particular this project.

16
00:00:39,240 --> 00:00:40,640
So that is our social project.

17
00:00:40,660 --> 00:00:43,230
So now, first of all, that is our form right now.

18
00:00:43,230 --> 00:00:45,300
We have to work in our D forms right now.

19
00:00:45,310 --> 00:00:46,110
We don't need this.

20
00:00:46,770 --> 00:00:49,230
I remove everything from here better.

21
00:00:49,860 --> 00:00:54,060
I make it as a clean OK, that will be our that three things will be needed.

22
00:00:54,420 --> 00:00:56,790
So that is our form, simply the form idea.

23
00:00:56,820 --> 00:00:59,100
I want to do that here.

24
00:00:59,100 --> 00:01:02,340
I want to I don't want to display this level here.

25
00:01:02,340 --> 00:01:05,930
I want to make that as empty and also on the portal, on the placeholder.

26
00:01:06,240 --> 00:01:10,460
So if you want to add some of the placeholder in fundamental, I have already discussed about that things

27
00:01:10,470 --> 00:01:10,860
with you.

28
00:01:11,100 --> 00:01:13,260
You can use it with using that we get.

29
00:01:13,260 --> 00:01:13,550
Right.

30
00:01:13,890 --> 00:01:20,340
So first of all, after the through after the 201 to take another one at a level, a level, I want

31
00:01:20,340 --> 00:01:23,570
to make that as empty, OK, as our level will be empty.

32
00:01:23,580 --> 00:01:27,150
That means our this will not should be visible here.

33
00:01:27,150 --> 00:01:31,020
I want to do and visible on the placeholder so you can tell the placeholder.

34
00:01:31,020 --> 00:01:32,210
You have to add it with that.

35
00:01:32,220 --> 00:01:39,150
And we get that with this we get I want to do with this, we get that will be our forms in fundamental.

36
00:01:39,150 --> 00:01:41,100
I have already discussed about that things with you.

37
00:01:41,100 --> 00:01:42,900
That will be the text input.

38
00:01:42,900 --> 00:01:47,310
Write that with the text and the input that will be our text input type.

39
00:01:47,310 --> 00:01:50,130
And so here we have to do we have to add one of the attribute.

40
00:01:50,880 --> 00:01:52,470
So that will be our attributes.

41
00:01:52,470 --> 00:01:56,580
And if the attributes area, I don't want to load our placeholder.

42
00:01:56,580 --> 00:01:58,980
So that will be our placeholder.

43
00:02:01,560 --> 00:02:07,770
That will be as a placeholder and I just name it placeholder if it'll be visible as a urinal email.

44
00:02:07,980 --> 00:02:09,960
OK, so the display your email.

45
00:02:10,560 --> 00:02:11,100
Perfect.

46
00:02:11,520 --> 00:02:15,120
So now also I want to do want to update our list of this.

47
00:02:15,120 --> 00:02:17,280
Feel like there is another one of the user name.

48
00:02:17,290 --> 00:02:17,550
Right.

49
00:02:17,550 --> 00:02:19,080
So but I copy it.

50
00:02:19,080 --> 00:02:23,910
Everything will be just like the same, I copy it and after that I post it.

51
00:02:24,120 --> 00:02:26,160
OK, so here it is.

52
00:02:26,160 --> 00:02:27,270
Will be our filename.

53
00:02:27,270 --> 00:02:29,280
Our filename will be as a user name.

54
00:02:29,290 --> 00:02:32,580
So with these forms it will be not that kind of email.

55
00:02:32,580 --> 00:02:35,310
Philipps will be as a character filled right.

56
00:02:35,310 --> 00:02:36,990
That will be as a character field.

57
00:02:38,520 --> 00:02:40,170
So that will be as a character filled.

58
00:02:40,380 --> 00:02:45,110
And then I make it as a record that means our user name is record and level.

59
00:02:45,120 --> 00:02:49,140
I make that things as empty, OK, I make it as empty.

60
00:02:49,380 --> 00:02:56,040
And then also and the to put out the placeholder that will be our we get and then forms it will be as

61
00:02:56,040 --> 00:02:57,060
the input tagged.

62
00:02:57,270 --> 00:03:03,840
That means our text input and in our attribute area that is a placeholder and I name it as a user name.

63
00:03:05,070 --> 00:03:05,880
User name.

64
00:03:06,000 --> 00:03:12,000
OK, it will be displayed our this user name and also there is another field as a password one and the

65
00:03:12,000 --> 00:03:13,080
password to here.

66
00:03:13,080 --> 00:03:15,270
I also want to update both of this.

67
00:03:15,450 --> 00:03:23,790
So after that, OK, here I name it our our name that is our filename will be as a password once and

68
00:03:23,790 --> 00:03:27,360
for the password on it will be just like the same with our forms.

69
00:03:27,690 --> 00:03:34,320
So with this forms it will be our type will be as a character field OK, it should be the character

70
00:03:34,320 --> 00:03:34,710
field.

71
00:03:34,710 --> 00:03:42,000
And then I here then here I want to make as a record that means used to be as a record record will be

72
00:03:42,000 --> 00:03:46,380
as a true OK, we will be as a true.

73
00:03:46,710 --> 00:03:53,520
And then I also want to make boots on the level our level will be at the empty level, a level will

74
00:03:53,520 --> 00:03:54,600
be as empty.

75
00:03:56,070 --> 00:04:01,740
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.

76
00:04:01,740 --> 00:04:06,420
That means with this we get with this, we get we have to add our forms.

77
00:04:07,050 --> 00:04:15,780
That means with these forms our that will be another input file type as the password, password input,

78
00:04:16,170 --> 00:04:17,310
password input.

79
00:04:17,310 --> 00:04:20,340
And here we have to pass our attribute.

80
00:04:20,940 --> 00:04:23,850
So that will be our attribute into the attribute area.

81
00:04:23,850 --> 00:04:31,700
And the password placeholder, placeholder and placeholder will be for the password as a password.

82
00:04:33,960 --> 00:04:35,580
OK, so we as a password.

83
00:04:35,770 --> 00:04:36,320
Perfect.

84
00:04:36,660 --> 00:04:44,490
So now I want to do undertake another one but I copied and pasted so this will be another one is will

85
00:04:44,490 --> 00:04:47,190
be another one that will be for our password too.

86
00:04:47,190 --> 00:04:53,670
So it will be as a password to form and the character field and the required will be at a true level.

87
00:04:53,670 --> 00:04:59,700
I make it as empty and we get with the form also will be as a password input type and into.

88
00:04:59,730 --> 00:05:04,020
The attribution to our placeholder placeholder will be as a password.

89
00:05:04,050 --> 00:05:05,950
OK, that will be also another password.

90
00:05:06,150 --> 00:05:09,840
Then you can also make it as a password confirmation.

91
00:05:13,480 --> 00:05:19,650
Well, it shall be as one of the level as a password confirmation, perfect, so that's all you have

92
00:05:19,650 --> 00:05:19,920
to do.

93
00:05:19,950 --> 00:05:26,100
So that is all that our field one is that our e-mail field, our user name field password we have updated

94
00:05:26,100 --> 00:05:29,110
password to and then that is our all field.

95
00:05:29,490 --> 00:05:30,860
So now let's check this out.

96
00:05:30,870 --> 00:05:34,880
If you look at the Savol and first of all, I want to check our server.

97
00:05:35,130 --> 00:05:36,750
Yeah, everything is running well.

98
00:05:37,110 --> 00:05:41,850
And now if you go to our farm base and click the refresh, yes.

99
00:05:41,850 --> 00:05:45,040
You can see how much interactive it is right now.

100
00:05:45,060 --> 00:05:51,570
So that is all that our placeholder as your name, your username, password and password confirmation

101
00:05:52,080 --> 00:05:53,780
and also that your sign up button.

102
00:05:53,790 --> 00:06:01,500
So better to go on to make our design Barton White as a 100 percent, then it'll be better like that

103
00:06:01,500 --> 00:06:04,820
is in our sign updated e-mail and that is our submit button.

104
00:06:04,830 --> 00:06:06,240
So here I want to do that.

105
00:06:06,240 --> 00:06:10,440
One of these tile is tile and always will be.

106
00:06:10,440 --> 00:06:15,990
I make it on the wide, OK, make it our white and white will be as a hundred percent.

107
00:06:15,990 --> 00:06:18,170
I make it as a hundred percent.

108
00:06:18,330 --> 00:06:23,150
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

109
00:06:23,310 --> 00:06:24,870
for customize these forms.

110
00:06:24,870 --> 00:06:29,760
If you want to use that Cyesis one things you will learn like I show you here.

111
00:06:29,760 --> 00:06:31,800
First of all we have to create on the block.

112
00:06:31,830 --> 00:06:34,680
OK, like here I want to add one of the cassettes, all that code.

113
00:06:34,920 --> 00:06:39,030
So if you want to use it, first of all, we have to we have to clear out the blog in our business to

114
00:06:39,810 --> 00:06:40,620
select the business.

115
00:06:40,630 --> 00:06:42,390
Jamul that is our head.

116
00:06:43,230 --> 00:06:48,120
So before this said before we said here I want to do and to create another blog.

117
00:06:48,810 --> 00:06:51,000
So that will be as a blog.

118
00:06:51,730 --> 00:06:58,250
OK, that will be as a blog and the blog API, name it as a CSIS blog, whatever you want.

119
00:06:58,280 --> 00:07:00,690
So now I may name it as a serious blog.

120
00:07:00,690 --> 00:07:05,460
And also after that I want to turn to and this blog that means The End blog.

121
00:07:05,820 --> 00:07:09,260
So right now we can actually use our this blog as a Sears's blog.

122
00:07:09,270 --> 00:07:11,290
So right now I don't want to actually use it.

123
00:07:11,310 --> 00:07:11,590
OK.

124
00:07:11,610 --> 00:07:15,940
So if you want to use it, that means, you know, sign up into the sign up here.

125
00:07:16,260 --> 00:07:19,920
So before our body, that will be for our body blog.

126
00:07:19,920 --> 00:07:22,050
I have already created another blog.

127
00:07:22,380 --> 00:07:24,000
So that will be as a blog.

128
00:07:24,690 --> 00:07:26,160
OK, that will be as a blog.

129
00:07:26,160 --> 00:07:29,010
And I have created our blog name at the CSA blog.

130
00:07:29,010 --> 00:07:29,300
Right.

131
00:07:29,550 --> 00:07:31,740
And also we have to do we have to finish it.

132
00:07:32,000 --> 00:07:34,410
That means we have to finish our end blog.

133
00:07:34,800 --> 00:07:41,430
So that means if you want to use some of the courses in particular this area, then you can use it like

134
00:07:41,430 --> 00:07:41,780
that way.

135
00:07:41,790 --> 00:07:46,140
First of all, in our business to email here, you have to create one of the blog for the access.

136
00:07:46,380 --> 00:07:52,770
And then here I would add our this blog and in particular this blog or whatever the things or whatever

137
00:07:52,770 --> 00:07:56,010
the CSA style you want to use, you can use it, I assure you.

138
00:07:56,010 --> 00:07:57,780
Then everything will be more clear to you.

139
00:07:58,080 --> 00:08:02,390
Like, first of all, I want to do I want to take one of the style and the style.

140
00:08:02,580 --> 00:08:03,900
So I take one of these styles.

141
00:08:03,900 --> 00:08:05,820
So here we don't need this media skin.

142
00:08:05,990 --> 00:08:07,680
OK, so here I remove it.

143
00:08:08,790 --> 00:08:15,930
So that will be our style and better make that I want to do and to make that things as a PSP and that

144
00:08:15,930 --> 00:08:17,190
will be as a PSP.

145
00:08:17,250 --> 00:08:22,920
OK, so here that will be our style and into the style area under the unluckier on the class.

146
00:08:22,920 --> 00:08:28,830
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

147
00:08:28,830 --> 00:08:29,320
to create.

148
00:08:29,640 --> 00:08:35,250
So if you already know about the little boxes and the J says, I hope you already understand that part,

149
00:08:35,250 --> 00:08:40,440
what exactly you have to do like here I want to put on the white, OK, I want to put some of the white

150
00:08:40,890 --> 00:08:41,250
here.

151
00:08:41,250 --> 00:08:42,330
That is a colourful piece.

152
00:08:42,330 --> 00:08:44,520
I don't want to display that things in the full page.

153
00:08:44,520 --> 00:08:45,500
So into the white area.

154
00:08:45,510 --> 00:08:53,310
I make it as a five five zero five zero pixel and that means if I picked abusable and then I also want

155
00:08:53,310 --> 00:08:57,920
to put on the border, I want to put on the border with our one pixel.

156
00:08:58,590 --> 00:09:03,180
That means in our border they have the one pixel and I want to make the things as solid.

157
00:09:05,040 --> 00:09:08,400
OK, should be as a solid and reports on the colour for this one.

158
00:09:08,400 --> 00:09:09,840
It should be at the CCC.

159
00:09:09,990 --> 00:09:12,450
OK, this one, the colour I want to use.

160
00:09:12,720 --> 00:09:19,390
And then I also want to do want whether it's on the painting and I make that as a final 50 pixel 50

161
00:09:19,410 --> 00:09:21,590
because also first of all I have to check it.

162
00:09:21,600 --> 00:09:24,760
So here I have already created this class as a sign up class.

163
00:09:24,760 --> 00:09:26,220
So now if you want to visible it.

164
00:09:26,670 --> 00:09:28,980
So that is our form right into the form.

165
00:09:28,980 --> 00:09:32,010
Maybe I take one of the dev and the Davidia.

166
00:09:32,010 --> 00:09:35,250
I put that class or class name I have created as a sign up.

167
00:09:35,250 --> 00:09:40,380
So that is our Dave and in particular this debate here and want to add our this form.

168
00:09:40,740 --> 00:09:41,880
So but I got it.

169
00:09:41,880 --> 00:09:46,380
And here it is, a position on the past hour this form that we saw to from.

170
00:09:46,380 --> 00:09:46,670
Right.

171
00:09:46,890 --> 00:09:51,530
So it was a total from now we'll get out this class that we have already created.

172
00:09:51,870 --> 00:09:52,910
Now, let's check this out.

173
00:09:52,920 --> 00:09:57,930
If you click on the Save All and now if you refresh this space.

174
00:09:58,200 --> 00:10:04,830
Yes, you can see that is actually our why it is perfectly getting our wide and have some of the border

175
00:10:04,830 --> 00:10:05,650
into the border.

176
00:10:05,670 --> 00:10:07,680
Yeah, I have put some of the colour.

177
00:10:07,690 --> 00:10:10,320
So that is our colour and that is our painting.

178
00:10:10,320 --> 00:10:11,650
50 is perfect.

179
00:10:11,700 --> 00:10:11,990
Right.

180
00:10:12,420 --> 00:10:21,090
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

181
00:10:21,090 --> 00:10:22,850
A is basically a refresher.

182
00:10:23,370 --> 00:10:24,110
It's much better.

183
00:10:24,390 --> 00:10:28,500
And also to do and to make that as our center position than it should be.

184
00:10:28,500 --> 00:10:28,940
Better.

185
00:10:28,980 --> 00:10:29,670
Better.

186
00:10:29,910 --> 00:10:31,470
You know where that is.

187
00:10:31,550 --> 00:10:33,000
Claudia Bright, she.

188
00:10:33,600 --> 00:10:38,750
I wanted to make of the center court and that means that will be at the center.

189
00:10:39,930 --> 00:10:44,470
OK, that will be as a center on the don't to use our center court.

190
00:10:45,210 --> 00:10:47,010
So also after this.

191
00:10:47,010 --> 00:10:53,460
After this, I want to finish it and let me after this day, I want to finish out the center for now.

192
00:10:53,470 --> 00:10:58,040
Let's check this out, if you like, as a save all and now refresh it.

193
00:10:58,050 --> 00:11:00,380
Yeah, you can see it on our center.

194
00:11:00,660 --> 00:11:03,180
And if you want to put on the text, then better.

195
00:11:03,180 --> 00:11:04,650
It'll be like a little bit.

196
00:11:04,650 --> 00:11:05,220
Look at this.

197
00:11:05,940 --> 00:11:07,050
So that is all.

198
00:11:07,060 --> 00:11:07,780
Dave.

199
00:11:07,800 --> 00:11:13,040
So after this, Dave here, I would take one of the three deck I take on these three targets would be

200
00:11:13,050 --> 00:11:18,990
the sign up sign up to see profile.

201
00:11:20,370 --> 00:11:23,910
OK, that will be actually visible clear to save all.

202
00:11:24,510 --> 00:11:27,510
And now if you refresh it, yeah.

203
00:11:27,510 --> 00:11:32,390
You can see something as a sign up to see profile go down the pulse of the bracket.

204
00:11:33,030 --> 00:11:39,650
So after this I pulled some of the bracket because I save all the freesheet.

205
00:11:39,660 --> 00:11:40,800
Yeah, it's perfect.

206
00:11:41,130 --> 00:11:43,590
So friend here, I'm not focusing the design.

207
00:11:43,590 --> 00:11:45,970
I hope you know better from me.

208
00:11:45,990 --> 00:11:49,430
OK, so that is actually one of the things you want to customize.

209
00:11:49,440 --> 00:11:51,510
You can customize it with using that CSS.

210
00:11:51,510 --> 00:11:51,800
Right.

211
00:11:51,810 --> 00:11:53,760
So that is actually the most simple.

212
00:11:53,790 --> 00:11:56,950
OK, and also after that, I want to do this.

213
00:11:57,180 --> 00:12:00,240
I want the visible some of the tags for the monologuing.

214
00:12:00,810 --> 00:12:01,590
So that is all.

215
00:12:01,600 --> 00:12:02,220
Dave.

216
00:12:02,220 --> 00:12:09,060
So after this dip, after this Dave here, take another Dave and in particular this Dave area, I pick

217
00:12:09,060 --> 00:12:09,960
one of the PAETEC.

218
00:12:10,020 --> 00:12:13,230
That means our particular package to be sure, as a hab.

219
00:12:14,010 --> 00:12:18,780
OK, I have an account, OK, I have an account.

220
00:12:18,780 --> 00:12:24,720
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

221
00:12:24,720 --> 00:12:25,260
logging.

222
00:12:26,160 --> 00:12:30,930
OK then logging from to this position, this type of what the message will be visible.

223
00:12:30,930 --> 00:12:34,760
Click and save all and now refresh it.

224
00:12:34,770 --> 00:12:35,100
Yeah.

225
00:12:35,130 --> 00:12:37,710
You can see that we have an account and that is our logging.

226
00:12:37,920 --> 00:12:38,490
Perfect.

227
00:12:38,490 --> 00:12:44,820
And also if you want to add another other product for a specific display or this, have an account,

228
00:12:44,820 --> 00:12:46,430
you can also do it better.

229
00:12:46,480 --> 00:12:49,140
A little different design is totally up to you.

230
00:12:49,140 --> 00:12:52,770
So if you want to use some of the success, you can use it like here.

231
00:12:52,770 --> 00:12:54,430
I added one the tape last night.

232
00:12:54,690 --> 00:12:59,100
So for this class, I want to create one of the class and I just named the class as a logging.

233
00:12:59,400 --> 00:13:04,200
So this type of one of the class I want to learn to create in our particular disaster area.

234
00:13:04,360 --> 00:13:05,010
After this.

235
00:13:05,460 --> 00:13:08,460
After this, I want to create our this logging class.

236
00:13:08,460 --> 00:13:10,380
And here it'll be just like the same.

237
00:13:10,380 --> 00:13:14,230
I pulled one of the wide and what will be as a five fifty.

238
00:13:14,480 --> 00:13:16,740
OK, that will be the 550 pixel.

239
00:13:16,740 --> 00:13:22,110
And also I want to force on the border so the force of the border will be one pixel.

240
00:13:23,010 --> 00:13:30,780
That means our one pixel and then it should be as solid, it should be as a solid and also to pull some

241
00:13:30,780 --> 00:13:33,480
of the cases that means our core to the CCC.

242
00:13:33,780 --> 00:13:35,880
OK, that will be a record.

243
00:13:36,210 --> 00:13:37,740
And I also support on the painting.

244
00:13:37,780 --> 00:13:41,400
Painting will be as the forty the same pixel.

245
00:13:41,840 --> 00:13:45,270
So now it'll be a little bit look at it like here.

246
00:13:45,270 --> 00:13:47,760
I have already declared our D class.

247
00:13:47,760 --> 00:13:50,700
That is a logging class right now because I save all.

248
00:13:51,270 --> 00:13:53,610
Now if you will refresh it.

249
00:13:53,730 --> 00:13:54,140
Yeah.

250
00:13:54,180 --> 00:13:59,160
You can see there is our have an account and there is a logging perfect software in here.

251
00:13:59,160 --> 00:14:03,870
We successfully design our sign up base and also load or without all that field.

252
00:14:03,870 --> 00:14:04,170
Right.

253
00:14:04,530 --> 00:14:06,990
So now I want to do I want to migrate it.

254
00:14:06,990 --> 00:14:08,460
So here we have to migrate.

255
00:14:08,460 --> 00:14:12,450
And when we migrated then we can actually access our admin rights.

256
00:14:12,450 --> 00:14:15,990
Right now I didn't migrate our project, so we do migrate by default.

257
00:14:15,990 --> 00:14:19,320
All that, our default, all the table will be created.

258
00:14:19,320 --> 00:14:21,840
That means all that our database table will be created.

259
00:14:21,840 --> 00:14:25,050
And also after that we have to create one of the super user.

260
00:14:25,050 --> 00:14:26,700
Saho can create that super user.

261
00:14:26,700 --> 00:14:28,170
I think you already know about it.

262
00:14:28,410 --> 00:14:32,070
So then we all we can actually access our design portions.

263
00:14:32,070 --> 00:14:32,340
Right.

264
00:14:32,520 --> 00:14:36,120
And also after that, we have to do have to create another login space.

265
00:14:36,120 --> 00:14:39,630
So don't worry is step by step, everything will be more clear to you.

266
00:14:40,020 --> 00:14:43,170
So thanks for watching and I'll see you in the next video.