1 00:00:00,750 --> 00:00:04,260 Hello and welcome to this lecture in this lecture. 2 00:00:04,260 --> 00:00:12,050 We are going to add some CSX for our to begin as create a new file. 3 00:00:12,150 --> 00:00:20,680 So I'm going to click on File new and I'm going to save it as a CSX file. 4 00:00:20,680 --> 00:00:30,980 So I'll call it loan calculator dot CSX. 5 00:00:31,380 --> 00:00:37,020 I'm just going to use lowercase and in the dropdown here. 6 00:00:37,020 --> 00:00:42,360 Make sure you look for CSX formats and click save. 7 00:00:42,360 --> 00:00:45,180 So this file here is now CSX. 8 00:00:45,180 --> 00:00:46,070 You can see here. 9 00:00:46,470 --> 00:00:53,070 So any Kodak ad here will be CSX because this is not really SPSS. 10 00:00:53,070 --> 00:00:56,610 Course I'm not going to spend too much time on this. 11 00:00:56,610 --> 00:01:00,570 Yes as part of things I've already staged a code. 12 00:01:00,600 --> 00:01:02,700 I'm just going to add that theme. 13 00:01:02,760 --> 00:01:04,370 So this is the CSX. 14 00:01:04,380 --> 00:01:07,080 I'm just going to quickly run through. 15 00:01:07,370 --> 00:01:13,530 Notice that when we created the hate mail these hash are all I.D.. 16 00:01:13,890 --> 00:01:14,390 OK. 17 00:01:14,430 --> 00:01:15,860 So we gave I.D.. 18 00:01:15,870 --> 00:01:17,430 Anything you could hear I.D.. 19 00:01:17,430 --> 00:01:19,230 These are all attributes. 20 00:01:19,290 --> 00:01:25,270 So inside my says I am targeting all these I.D. values here. 21 00:01:25,710 --> 00:01:26,210 OK. 22 00:01:26,580 --> 00:01:33,840 So for the long car here which is if we are going to which is this deep. 23 00:01:33,840 --> 00:01:36,690 Here is the actual div itself. 24 00:01:36,780 --> 00:01:39,530 Their entire div is called lone car. 25 00:01:40,470 --> 00:01:42,270 So I'm giving it a width. 26 00:01:42,750 --> 00:01:44,580 I'm wrapping it round. 27 00:01:44,730 --> 00:01:51,060 This is the width in pixels the height the background Kolo the color of its text. 28 00:01:51,330 --> 00:01:52,970 The margin from the left. 29 00:01:53,040 --> 00:02:00,970 Basically I'm creating some space from the left margin from the top moving some spaces from the top. 30 00:02:00,960 --> 00:02:06,100 Moving it down padding refers to the space inside the Dave. 31 00:02:06,130 --> 00:02:09,120 Oh these are all the values on the right. 32 00:02:09,180 --> 00:02:13,040 And the tool properties are on the left. 33 00:02:13,140 --> 00:02:18,630 This is the variable the I.D. or the I.D. for the months. 34 00:02:18,670 --> 00:02:22,020 I'm giving it a width of that height of that. 35 00:02:22,200 --> 00:02:25,920 And again this is the idea for a mount. 36 00:02:26,010 --> 00:02:29,330 So these are just basic CSX. 37 00:02:29,430 --> 00:02:29,930 All right. 38 00:02:29,970 --> 00:02:34,620 Margin left with and this is the head in tag. 39 00:02:34,620 --> 00:02:39,130 I'm giving the head in tag a font size of 40 pixels. 40 00:02:39,390 --> 00:02:41,690 So I'm gonna save that and click save all. 41 00:02:43,440 --> 00:02:47,020 So this is what the application looks like if I refresh it. 42 00:02:47,160 --> 00:02:47,990 We should see. 43 00:02:48,150 --> 00:02:50,760 This is the new look. 44 00:02:50,760 --> 00:02:51,180 All right. 45 00:02:51,180 --> 00:02:56,550 So I'm just going to just to a quick one here. 46 00:02:56,580 --> 00:03:02,560 So I do a five hundred dollar loan and I'm paying these over 10 months. 47 00:03:02,800 --> 00:03:09,610 It tells me this is what I need to pay every month. 48 00:03:09,750 --> 00:03:13,950 So we've got the application working as designed. 49 00:03:13,950 --> 00:03:20,900 So this can come in quite useful even in your day to day if you've got a mortgage payment. 50 00:03:20,910 --> 00:03:23,910 You want to calculate or you're planning to take out loans. 51 00:03:23,910 --> 00:03:25,220 This calculator can be. 52 00:03:25,230 --> 00:03:27,390 So that's it for this project. 53 00:03:27,420 --> 00:03:28,430 Thank you for watching. 54 00:03:28,580 --> 00:03:29,360 And bye for now.