Posts

Showing posts from November, 2023
Image
  9th Week Homework  Part 2 Calendar – Calendar CSS Formatting Regarding the 9th-week homework, there's a requirement to include background text, caret icons on both the left and right sides of the calendar month, enhance the current-day cell with icons and color, insert customize icons on the date, and integrate post-it notes settings from the previous calendar lesson. To assist with this, I've included notes and provided images of the relevant code snippets for your reference. Let's tackle this task together to ensure a comprehensive understanding and successful implementation.  To begin, insert the following codes under the <style> <head> <body> in the existing code from the previous lesson. Ensure to update the year from 2020 to the current year. CSS Setting Code After inserting the initial codes, make adjustments to the CSS settings using the provided codes in Visual Studio Code. Depending on personal preferences, both numbers, font-size, ...
Post a Comment
Read more
Image
8th Week Homework  Part 2 Calendar – Calendar CSS Formatting This week's homework involves adjusting format settings on the previous calendar lesson to enlarge the calendar body size, font size, and weight, as well as altering vertical alignment, padding, and transition of numbers for the right-side calendar. To achieve this, it is necessary to add some code to ensure the process runs smoothly based on last week's work. Let's examine and go through this together. Firstly, insert additional codes after @media (orientation: landscape) to finely adjust the mini calendar table. This includes modifications to the table's margin, padding, border-collapse, and color of the border, aligning with the specifications outlined in Figure 1. Figure 1 : CSS Formatting   Secondly, enhance the appearance and interactivity of the calendar table body and numbers by implementing code that makes them stand out and pop out when the mouse cursor hovers over the element. This involves s...
Post a Comment
Read more