web front-end interface design

 Here we will continue creating our calendar application.

 



Step 1: Click right and create new folder named css.









Step 2: Create two new files under css folder. 

Step 3: Move the body of the code to main.css file.

Step 4: Move the current day of the code to current-day.css file.

Step 5: Put the link under the meta.









Step 6: Input the code as above.

Step 7: Save all the data.

Step 8: Open your file from file explorer and you can see our progress for today.




Komentar

Posting Komentar

Postingan populer dari blog ini

web front-end interface design

Gambar
  Here we will continue creating our calendar application. Step 1: Delete "open" and add "hidden" like picture above. Step 2: Create a New File named "testRWD.html". Step 3: Type "!" and press enter to display the code. Step 4: Then change the title name to "test RWD". Step 5: Type the code like above pictures. Step 6: This is the test RWD result.
Baca selengkapnya

web front-end interface design

Gambar
 Here we will continue creating our calendar application. Step 1: Create new files under css folder.  Step 2: Move the style of the code to calendar.css file. Step 3: Create the link. Step 4: Create code for color options. Step 5: Type the code like above picture. Step 6: Type the button code. Step 7: Type the code for add note. Step 8: Type the code like above pictures. Step 9: Create new files under css folder.  Step 10: Move the style of the code to model.css file. Step 11: Create the link. Step 12: This is the progress for today.
Baca selengkapnya