Join Nigel French for an in-depth discussion in this video Add social media icons, part of Designing a Portfolio Website with Muse.
- [Male Instructor] In this movie I want…to add the social media icons.…Just before I do that, something that I forgot…from the previous movie was that I want…an orange bar beneath the white rectangle at the top.…I'm going to select that white rectangle and come to my stroke,…make it orange, I'm going to make it three points,…and then click on stroke and look at my stroke options.…I don't want the size of the rectangle to grow…so I'm going to align the stroke to the inside.…
I only want the bar on the bottom.…I'm going to break that chain…and make all of the other values zero.…Alright let's just turn off the guides.…Command or control semicolon.…Now we're ready to add our social media bar.…I'm going to have this as a vertical sidebar…pinned to the left-hand side of the browser.…Rather than use graphics I'm gong to use a font.…A font called FontAwesome which is a free download.…
This can be downloaded from fontawesome.io.…Go ahead and download this.…Follow the instructions to install the font.…Then you're ready to add it as a web font in Muse.…
- Starting a new portfolio website
- Making a header and footer
- Adding navigation
- Including social media icons
- Adding an autoplay slideshow
- Making thumbnail images and buttons
- Creating an About page and a Contact page
- Linking pages together
- Creating an accordion menu
- Adding breakpoints for responsiveness
- Testing and publishing a website
Skill Level Intermediate
Creating Icon Fonts for the Webwith James Williamson3h 55m Intermediate
1. Plan Your Portfolio
2. Set Up Your Site in Muse
3. Display Your Work
4. Add Pages
5. Make Your Site Responsive
6. Publish the Site
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.