1 00:00:00,720 --> 00:00:10,320 OK, guys, now we can just talk about the over active and the books shadow here of created this file 2 00:00:10,320 --> 00:00:15,460 for three functions, but at out and it's S. 3 00:00:15,600 --> 00:00:26,550 S style here we can just type SDM a file and let's change this one to be three functions. 4 00:00:27,840 --> 00:00:28,130 Five. 5 00:00:29,130 --> 00:00:30,070 OK, that's good. 6 00:00:30,870 --> 00:00:36,240 And here inside here, I'm going to show you something before we move to the Hober function, which 7 00:00:36,240 --> 00:00:39,570 is the first thing we will talk about here. 8 00:00:39,570 --> 00:00:46,590 We can do with the depth and give it a class of that one day one. 9 00:00:46,680 --> 00:00:47,100 OK. 10 00:00:48,800 --> 00:00:56,090 And then actually the spark let's delete the class first, let's put here each one, and we can just 11 00:00:56,090 --> 00:01:07,780 type in here on in the first, and then we can just carry each one and the second. 12 00:01:08,960 --> 00:01:16,340 And so let's say that I don't want to give each one a class, but I want to type a styling function, 13 00:01:16,340 --> 00:01:20,270 which will be only applied to the first one. 14 00:01:20,690 --> 00:01:28,900 I'm going to show you how to do this, but we can go to the CS as we didn't connect between that link. 15 00:01:29,060 --> 00:01:33,680 Yes, it's part of this one to me for three functions. 16 00:01:34,250 --> 00:01:37,210 Don't think that we can go here right now. 17 00:01:37,400 --> 00:01:41,000 Here we get to that one here. 18 00:01:41,120 --> 00:01:42,460 I'm going to show you a hint. 19 00:01:42,710 --> 00:01:45,140 We need to deal with this as fact. 20 00:01:45,290 --> 00:01:55,790 If there is an X1, which is inside at TAG, which is called DEF, we can go here and create Dávid and 21 00:01:55,790 --> 00:01:56,600 inside. 22 00:01:56,600 --> 00:02:05,500 And there is a tag which is called and on and let the color of four red lights go here and we load. 23 00:02:05,810 --> 00:02:09,050 So this is only applied to the first one. 24 00:02:10,010 --> 00:02:12,210 And let's see something different. 25 00:02:12,590 --> 00:02:14,390 What if I want to cover this part, 26 00:02:19,430 --> 00:02:23,480 but I want this to be applied only to the first one. 27 00:02:24,080 --> 00:02:32,960 This is the thing we can do here is to give this class class of them one for an example, and we can 28 00:02:32,960 --> 00:02:41,540 go back to our seats and change this one by giving the class of dev one. 29 00:02:44,450 --> 00:02:48,500 So now we is only applied to the first one. 30 00:02:49,940 --> 00:02:59,170 Let's come into this part, as I told you before, commenting on the Texas Death Star and the same as 31 00:02:59,180 --> 00:02:59,530 here. 32 00:02:59,570 --> 00:03:08,720 Now we have coming to this part, we can just go here and add a comment and record this mark and then 33 00:03:08,720 --> 00:03:13,970 we can just take this and put it here, OK? 34 00:03:14,000 --> 00:03:17,510 And now let's just go here. 35 00:03:17,510 --> 00:03:18,420 And we loved it. 36 00:03:19,250 --> 00:03:21,680 Now we got nothing inside this Web page. 37 00:03:22,160 --> 00:03:28,220 Now we will talk about the whole function and how we can deal with it. 38 00:03:28,670 --> 00:03:31,500 OK, let us know how we can start. 39 00:03:32,270 --> 00:03:36,140 The first thing we can do right here is to add an extra one. 40 00:03:36,560 --> 00:03:47,930 We can give it a class of under one and inside this, each one, we can just type over me to change 41 00:03:48,710 --> 00:03:51,290 my seat. 42 00:03:51,300 --> 00:03:55,920 S drop the case. 43 00:03:56,810 --> 00:03:59,960 Let's see what we have inside our right now. 44 00:04:00,140 --> 00:04:07,490 One way about we got nothing and now we want to apply some styling function to make it work. 45 00:04:08,270 --> 00:04:12,450 We can just go here and add something. 46 00:04:12,920 --> 00:04:14,720 This having the class of what? 47 00:04:15,290 --> 00:04:16,660 The class of what. 48 00:04:17,000 --> 00:04:18,500 We have covered the class. 49 00:04:18,500 --> 00:04:21,710 And here let's add some styling function. 50 00:04:22,010 --> 00:04:25,180 We can add something like the color of riperton. 51 00:04:26,120 --> 00:04:33,020 And then when we go here, when we have or we get nothing, there's a property in the seats which is 52 00:04:33,020 --> 00:04:34,250 called over. 53 00:04:34,460 --> 00:04:39,950 We can add another one over. 54 00:04:41,840 --> 00:04:43,970 And now we got the Hoeber. 55 00:04:44,180 --> 00:04:53,820 And if I go over, I want this color to be like, say, we want to make it indigo, so let's just reload. 56 00:04:54,110 --> 00:04:58,580 No, we can't have this part and we are having the indigo color. 57 00:04:59,180 --> 00:05:00,980 We can add more to the hover. 58 00:05:01,130 --> 00:05:07,120 We can add porter five pixels of red. 59 00:05:08,240 --> 00:05:12,380 And when we go here, we got this border and that's great. 60 00:05:12,380 --> 00:05:19,820 And also we can apply the background color of, uh, we can just take uh. 61 00:05:20,690 --> 00:05:23,280 Yeah, this color is OK. 62 00:05:24,090 --> 00:05:30,500 Like the remote never got this color, but we got something here I don't like. 63 00:05:30,680 --> 00:05:36,560 What if I want to add some time to make this work because it's taking zero percent to up here. 64 00:05:37,220 --> 00:05:46,820 We can just go here and that transition to old and then we will apply that time, which is here. 65 00:05:47,300 --> 00:05:48,470 We don't need to type. 66 00:05:48,650 --> 00:05:52,850 OK, if you were tired all we can just type it, but we don't need it. 67 00:05:52,850 --> 00:06:00,800 This is as I understand, this crude by oh point five seconds combined plus and or controlled in a way 68 00:06:01,160 --> 00:06:06,440 we can just go here and then we get some style, some timing function. 69 00:06:06,560 --> 00:06:18,360 But we don't have this the this time when we go away from the hueber we can just copy this part and 70 00:06:18,410 --> 00:06:22,220 make sure reload and then we have. 71 00:06:23,030 --> 00:06:23,610 Yes. 72 00:06:23,610 --> 00:06:23,900 That. 73 00:06:24,940 --> 00:06:27,850 Yes, we got here some time. 74 00:06:28,720 --> 00:06:30,220 OK, that's good. 75 00:06:30,430 --> 00:06:34,990 And think this part what we can just talk about is a Putin. 76 00:06:34,990 --> 00:06:36,660 We will know now how to Putin. 77 00:06:36,670 --> 00:06:43,000 And also we look at some overfunctioning to Putin because we didn't talk about Putin. 78 00:06:43,000 --> 00:06:45,130 And this is the table. 79 00:06:45,500 --> 00:06:51,700 It's it's not very necessary for our projects, but we can just talk about it right now. 80 00:06:52,360 --> 00:07:00,790 We can add Putin, Putin, and we can give it a class of Putin one. 81 00:07:01,090 --> 00:07:02,350 And then it's not here. 82 00:07:02,590 --> 00:07:05,850 We can just type over your name. 83 00:07:07,660 --> 00:07:12,100 And then we got this Putin look at some stunning function to this Putin. 84 00:07:12,580 --> 00:07:18,850 We can just cover this part because this transition is only applied to a color. 85 00:07:20,620 --> 00:07:29,210 And now after this part, what we can do is to add some styling for this Putin, we can make here Putin 86 00:07:29,500 --> 00:07:40,780 one, and then inside here we can give it a color of white background color. 87 00:07:43,210 --> 00:07:50,140 We can give it black and order of non less reload. 88 00:07:50,140 --> 00:07:50,890 Now, we got this. 89 00:07:51,160 --> 00:07:56,410 Let's just get it from the side of 40 percent for percent thought. 90 00:07:57,030 --> 00:08:00,730 We're getting to talk about the banning or the margin. 91 00:08:00,740 --> 00:08:03,150 So we cannot add them right now. 92 00:08:04,030 --> 00:08:12,790 And now after this part, what we can just talk about is the whole function for this spitting we can 93 00:08:12,790 --> 00:08:13,510 make here. 94 00:08:14,350 --> 00:08:16,150 No, no, no, not for this one. 95 00:08:17,530 --> 00:08:21,670 Putin one for the over a third. 96 00:08:21,670 --> 00:08:27,910 We will type over here over and then inside the whoever. 97 00:08:28,120 --> 00:08:36,880 We can just get the color of black and also we can give it the background color of white for an example, 98 00:08:36,880 --> 00:08:43,630 a we can give it any color we wish so we can give it a background color of white. 99 00:08:44,530 --> 00:08:47,710 And then after this part we can control the font size. 100 00:08:48,040 --> 00:08:52,120 Let's just make it one hundred pixels and we can apply. 101 00:08:52,120 --> 00:08:57,550 Now the transition, all four point five seconds and the same as here. 102 00:08:58,460 --> 00:08:59,820 OK, that's good. 103 00:09:00,820 --> 00:09:12,520 And I the start, we can give it the poder five pixels solid right now and then we got when we over 104 00:09:13,480 --> 00:09:18,110 now we've got the time and function and also we have this uh. 105 00:09:20,720 --> 00:09:21,730 It's over fact. 106 00:09:22,400 --> 00:09:27,740 OK, now let's seize as properties for the actors. 107 00:09:27,780 --> 00:09:31,460 Now we talked about the buttons and how we can deal with. 108 00:09:32,630 --> 00:09:35,690 Let's talk now about the actor. 109 00:09:37,190 --> 00:09:49,700 We can create a new Xiaoyuan and we can give it a class of water and we can go here and get click on 110 00:09:50,240 --> 00:09:50,720 me. 111 00:09:52,300 --> 00:10:06,270 To change, my sister s corrupt her case and then enter this part, we can just go inside our CFS file 112 00:10:06,700 --> 00:10:13,060 and here we have whether this to be true, I think. 113 00:10:13,710 --> 00:10:14,150 Yes. 114 00:10:16,120 --> 00:10:17,350 Let's reload. 115 00:10:17,800 --> 00:10:23,200 OK, let's give it to some styling function. 116 00:10:23,490 --> 00:10:32,290 We can give it a color of green background, color of, uh, magenta, for example. 117 00:10:32,440 --> 00:10:34,960 Let's just say it's OK. 118 00:10:35,890 --> 00:10:44,110 And then after this part, what we can do is to add some powder, five pixels solid. 119 00:10:45,670 --> 00:10:49,520 Uh, Pleck and now we got this. 120 00:10:50,140 --> 00:10:53,160 Now, what is the active function? 121 00:10:53,200 --> 00:10:54,240 The active function? 122 00:10:54,250 --> 00:11:03,470 I will be needing to click or remain clicking on this text to be applied to to make this function of 123 00:11:03,610 --> 00:11:04,840 supply applied. 124 00:11:05,530 --> 00:11:08,960 We can just go here and there, too. 125 00:11:09,250 --> 00:11:13,320 But instead of the hopper, we will just type active. 126 00:11:15,820 --> 00:11:27,130 And if any side here, we can give it color of black ground, color of red, then, uh, to not be very 127 00:11:27,130 --> 00:11:27,530 good. 128 00:11:27,550 --> 00:11:28,360 I think so. 129 00:11:29,080 --> 00:11:39,880 But if I go right now and put there for the release of, uh, or we can just make Poveda for the right 130 00:11:39,880 --> 00:11:40,570 radius. 131 00:11:42,970 --> 00:11:50,320 Or we can just make it to the polar regions of 50 percent and the polar. 132 00:11:52,630 --> 00:11:59,540 Where, yes, there's to be not and then when we click on this, we got. 133 00:11:59,800 --> 00:12:07,600 But when I get back from that click from my mouse, but it's not applied. 134 00:12:08,050 --> 00:12:10,240 This is active function. 135 00:12:10,630 --> 00:12:14,190 We can just go to this part and make. 136 00:12:15,200 --> 00:12:15,680 Yes. 137 00:12:15,740 --> 00:12:24,220 But yes, what we can do for this part is to add some transitions, transition all of old point three 138 00:12:24,460 --> 00:12:32,130 seconds, and we can apply the same maze here and then we get some stunning function. 139 00:12:32,620 --> 00:12:36,640 And now the last thing is to apply it for a button. 140 00:12:37,090 --> 00:12:50,110 We can just go here and create a new Putin button and let's give it a glass of the to this part we can 141 00:12:50,110 --> 00:12:51,070 type inside. 142 00:12:51,650 --> 00:12:53,670 Click me. 143 00:12:55,450 --> 00:12:58,150 OK, now we have this button and a.. 144 00:12:58,180 --> 00:13:06,880 This part, what we can do about it to add some styling or we can just add for the active 145 00:13:09,640 --> 00:13:10,990 and inside the active. 146 00:13:11,290 --> 00:13:16,180 I want the color to be, uh, midnight blue. 147 00:13:16,810 --> 00:13:28,480 And then for the background color we can choose the only thing it's OK will not be the perfect together, 148 00:13:28,480 --> 00:13:29,030 but it's OK. 149 00:13:29,050 --> 00:13:35,380 Right now we are just learning how to code and then inside we can give it the power there. 150 00:13:37,090 --> 00:13:38,550 We got here. 151 00:13:38,590 --> 00:13:39,220 Yes. 152 00:13:39,850 --> 00:13:42,700 Profitability's, yes. 153 00:13:42,820 --> 00:13:53,740 We can just control this one fifty percent and also we can control the font size to be really reload. 154 00:13:54,130 --> 00:13:55,360 No one will click here. 155 00:13:55,360 --> 00:13:59,950 We dub this and now we know how to deal with the active. 156 00:14:00,100 --> 00:14:06,880 I think this is enough for this video and we can just talk about the books, shadow the next video, 157 00:14:06,880 --> 00:14:09,940 because this video has been taking too long. 158 00:14:10,480 --> 00:14:14,470 In the next video, we can talk about the book's shadow. 159 00:14:14,860 --> 00:14:16,840 So good luck and have fun.