100 days of code (from day 31)

It's been a while, right? The code challenge didn't stop, I just stopped posting the results here, but now I'm back fully. I'll be dropping three more from where I stopped. Day 31 to 33. Trust me, you will love the codes because we are still in CSS; that's lot of designs to see. Don't mind the tenses - we are currently on day 37, so these reports has been drafted way back.

Day 31
Today was all about links. We talked about the stylings done on them. We styled it when it is being clicked, unvisited and hovered on. All these stylings were well explained and that leads to the task of today.

Let's check the HTML and CSS file first..

I snapped it with my phone, so don't mind the bending of the image. We focused on the hover. It was set to 20px in font size and a border of 10px, so when we place our mouse on one of the links, it will bring out that styling.
Check out the output below:

See you on day 32!

Day 32
Today's task was all about navigation. We didn't style it much, but you will get the process of how it is being done. Those beautiful menus you see on your web pages are treated here. Let's check the HTML and CSS file.

So we created a list with links in them and then we displayed them in a block style as discussed in the previous tasks. The links and list were styled to have a great look and the hover design flowed with the design, too. You should see the output.



Want to see more or participate? Subscribe to it cos it's not too late. See you on day 33!

Day 33
We designed an header today. Different parts of the text was designed. It's beautiful; definitely something you should see. First, we created the header and separated the parts to be designed with a span tag. Check it out below:

You can see I named those parts to be designed "part" and "part2", so those designs on my CSS file made it unique, and separates the outcome from other texts. Check out my output.

See you on day 34!