From the course: CSS: Print Style Sheets
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Writing URLs after links and social media icons - CSS Tutorial
From the course: CSS: Print Style Sheets
Writing URLs after links and social media icons
- Links are so foundational to websites, and I am sure you are very good at putting links into your webpages. However, when you print a document out, we wind up with a bunch of colored texts with underlines that gets printed. We don't necessarily see the URL for the pages associated with those links. Wouldn't it be great if, when we printed out this particular document, we could see the URL associated with each link? And especially when it comes to the social media icons that are down here towards the bottom of the page. Down here we had these lovely links to all of the various H+ Sport social media, but when we print out the page right now, those icons are all just icons. We have no idea where to go. We know that H+ Sport has a Twitter account, but we don't know what their handle is. So let's go to head and add some styles, so we'll actually make this happen. You can do this with just CSS, you don't need Javascript.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Best practices for styling for print2m 15s
-
(Locked)
Touring your example page5m 37s
-
(Locked)
Hiding irrelevant information for print4m 38s
-
(Locked)
Changing webpage layouts for print2m 36s
-
(Locked)
Overriding styles intended for screen display8m 27s
-
(Locked)
Adding print-only information that is hidden from screens4m 58s
-
(Locked)
Writing URLs after links and social media icons6m 54s
-
(Locked)
Complex media queries for print and page orientation5m 58s
-
(Locked)
Challenge2m 9s
-
(Locked)
Solution3m 43s
-
(Locked)
-
-