1 00:00:05,250 --> 00:00:13,950 Given the fact we are now about to deal with the advanced part of the Torpey CSX version three, please 2 00:00:13,950 --> 00:00:23,130 take my advice, create a new stylesheet, dedicated specifically to this part with an HDMI file where 3 00:00:23,160 --> 00:00:31,020 step by step, we will insert all the property related content we are coming up with in this section. 4 00:00:31,800 --> 00:00:32,500 Got it. 5 00:00:32,700 --> 00:00:37,310 So then let's start by creating a New Age file. 6 00:00:37,350 --> 00:00:40,340 We are calling Daudt HDMI. 7 00:00:40,800 --> 00:00:42,250 That means advanced. 8 00:00:42,330 --> 00:00:45,870 Don't come out as already done previously. 9 00:00:45,900 --> 00:00:51,900 We are inserting Doc to have our base and let's save the file we created. 10 00:00:52,080 --> 00:00:58,110 After that we are creating a new addition of five we are calling style. 11 00:00:58,110 --> 00:01:02,610 Underscore the success in this case. 12 00:01:02,610 --> 00:01:06,300 Do we have the base starting with our buddy? 13 00:01:08,300 --> 00:01:16,310 Open and close, let's say, and let's go back to the fight, HDMI, as you remember, we have seen 14 00:01:16,310 --> 00:01:24,710 the colors at the beginning of the description of the season's first properties to draw special attention 15 00:01:24,710 --> 00:01:27,530 to all the various functions we are seeing now. 16 00:01:27,530 --> 00:01:37,160 And in the following lessons, I'd like you to start with inserting a tag upon which we will perform 17 00:01:37,160 --> 00:01:44,540 all the various trials to make the success advanced attributes immediately recognizable. 18 00:01:46,560 --> 00:01:57,720 Then let's simply insert an H1 tag where we are writing title in block letters, let's say, and set 19 00:01:57,720 --> 00:02:00,090 the visualisations as prevue. 20 00:02:03,430 --> 00:02:04,870 Run without debugging. 21 00:02:08,680 --> 00:02:11,770 Crow and here is our title. 22 00:02:14,800 --> 00:02:25,300 Now that we have our ceasefire upon which to insert the colors, we can first of all choose to define 23 00:02:25,300 --> 00:02:35,230 a base color for all the body, which obviously will be applied also to H1 in this case, as we have 24 00:02:35,230 --> 00:02:36,160 already seen. 25 00:02:36,430 --> 00:02:44,650 Let's use the color, obviously, in addition to insert in our classic red, white, et cetera, et 26 00:02:44,650 --> 00:02:45,210 cetera. 27 00:02:45,220 --> 00:02:53,560 As I mentioned before, we can insert colors also through other methods that are estimate or our be 28 00:02:53,680 --> 00:03:00,070 doing, sir, the code in hexadecimal and therefore have many more colors to choose from. 29 00:03:00,100 --> 00:03:07,750 We have to insert the hashtag which will enable to insert a sequence of letters and numbers which correspond 30 00:03:07,750 --> 00:03:10,870 to a color on the decimal system. 31 00:03:10,880 --> 00:03:21,640 Black, that is most use color for text is of with a sequence of zeros made up of three or six digits. 32 00:03:22,180 --> 00:03:29,560 The exact decimal coding is normally made up of six digits, but insert three is also possible. 33 00:03:30,990 --> 00:03:36,270 As they are enough to give a precise correspondence to a caller. 34 00:03:37,610 --> 00:03:46,610 As to the predefined set of color themes developed within the stylesheets, let's therefore insert six 35 00:03:46,610 --> 00:03:49,310 zeroes ones done this. 36 00:03:49,460 --> 00:04:00,950 We can, as you can see through a simple mouse movement position where the hashtag is and see that this 37 00:04:00,950 --> 00:04:10,130 window appears is the color picker we know offered by Visual Studio Code that we permit us to insert 38 00:04:10,130 --> 00:04:11,720 diverse colourings. 39 00:04:12,590 --> 00:04:20,990 Through a simple movement across this color picture window, you see all the possible combinations in 40 00:04:21,030 --> 00:04:22,070 X decimal. 41 00:04:23,900 --> 00:04:33,230 If we moved always using our window within this sidebar, as you can see, the color shades change. 42 00:04:36,450 --> 00:04:42,870 So that you can insert even colors which come from other gradients. 43 00:04:45,870 --> 00:04:53,490 If we wanted to use green, we might simply stop there and insert this new color shade. 44 00:04:55,570 --> 00:05:04,210 In addition to these agrarians, you can also insert, as you can see, some further shades which correspond 45 00:05:04,210 --> 00:05:10,360 to a certain type of color opacity or color transparency. 46 00:05:10,510 --> 00:05:15,250 Obviously, the lower we go, the more transparent the color will be. 47 00:05:15,400 --> 00:05:23,740 Whereas if we get to the very top, as you see, the hexadecimal encoding remains as such and inserts 48 00:05:23,740 --> 00:05:25,580 only the color itself. 49 00:05:25,600 --> 00:05:35,140 So 100 percent of opacity now that the inserting of a color in hexadecimal is done, we can go back 50 00:05:35,140 --> 00:05:41,260 to the Adyghe HDR on file and insert the link to the stylesheet. 51 00:05:41,260 --> 00:05:44,110 Therefore rel stylesheet. 52 00:05:45,790 --> 00:05:58,290 Type text slash CISSP age R, yes, and let's choose style underscore olivea direct success slash loz. 53 00:05:58,510 --> 00:06:07,900 Now we can save get back to our style adva to verify that you have really saved the insertion of the 54 00:06:07,900 --> 00:06:08,440 color. 55 00:06:08,680 --> 00:06:15,940 After that, let's refresh and we see that our title took the inserted coloring in addition to this 56 00:06:15,940 --> 00:06:22,740 coloring, according to the of the decimal system, you can also insert colors through the RGV mode. 57 00:06:22,990 --> 00:06:33,460 This type of mode is used deleting obviously first the exit decimal and insert in the B word after hitting 58 00:06:33,460 --> 00:06:35,950 enter into our stylesheet. 59 00:06:38,120 --> 00:06:48,620 As you can see, this type of coloring is based on three color tones of red, green and blue, more 60 00:06:48,650 --> 00:06:56,780 or less intense, with digits ranging from zero for the least intense to two hundred and fifty five 61 00:06:56,780 --> 00:07:03,100 for the most intense so that the relative color may appear in our HDMI page. 62 00:07:03,260 --> 00:07:11,480 If we wanted to create, for example, a color switching to green, but with more shades of blue and 63 00:07:11,480 --> 00:07:20,060 with less marked shades of red, we might insert, for example, 20 as a value for red, 200 as a value 64 00:07:20,060 --> 00:07:23,870 for green, and 80 as a value for blue. 65 00:07:25,560 --> 00:07:34,500 In so doing, as you can see, we obtain a different green from the previous one, but still more intense 66 00:07:34,500 --> 00:07:42,600 than the other color combination which has been created thanks to a very light red, a little bit more 67 00:07:42,600 --> 00:07:49,040 intense blue and a very bright green, which made the coloring fluorescent. 68 00:07:49,860 --> 00:07:58,340 If we save and refresh, we see the green color we have here appears also in our title. 69 00:07:58,800 --> 00:08:03,510 Obviously, all of these coloring modes can be complimentary. 70 00:08:03,930 --> 00:08:13,470 So used together in the sheet by inserting first the name after the decimal encoding and then our GBE 71 00:08:13,740 --> 00:08:17,090 for three different colorings in a style sheet. 72 00:08:17,940 --> 00:08:27,450 But I recommend you to use the best fitting your programming mode and stick to that one regardless of 73 00:08:27,450 --> 00:08:30,090 the file type you have to create. 74 00:08:30,690 --> 00:08:40,770 Obviously the most used the mode is the decimal one also because with Visual Studio code you will have 75 00:08:40,770 --> 00:08:49,260 the chance to insert any type of color by simply inserting an actor after that, choosing your code 76 00:08:49,410 --> 00:08:52,740 straight from the screen as provided by the editor.