goodbye tripane, hello frameless top navigation part...
TRANSCRIPT
![Page 1: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/1.jpg)
GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION
Part 2
Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager
![Page 2: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/2.jpg)
AGENDA
LEFTOVERS STYLES FOR HOME PAGE (Responsive Content)
![Page 3: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/3.jpg)
LEFTOVERS HIDE TOP MENU – SHOW FULL TOC IN FLYOUT PANE
![Page 4: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/4.jpg)
![Page 5: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/5.jpg)
![Page 6: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/6.jpg)
![Page 7: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/7.jpg)
![Page 8: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/8.jpg)
![Page 9: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/9.jpg)
LEFTOVERS
SIDE CONTEXT-SENSITIVE MENU AND DUPLICATE TOC ITEMS
![Page 10: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/10.jpg)
![Page 11: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/11.jpg)
![Page 12: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/12.jpg)
LEFTOVERS
SIDE MENU AND DUPLICATE TOC ITEMS Workaround: 1. Create snippet containing all of the topic content. 2. Create copy of topic for each instance in TOC. 3. Link each topic to a different TOC entry. 4. In topic properties, tell Flare not to include extra topics in search.
![Page 13: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/13.jpg)
![Page 14: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/14.jpg)
STYLES FOR HOME PAGE
LET’S START BY REVIEWING THE OUTPUT… WHAT DO THE STYLES AND DESIGN HAVE TO DO WITH TOP NAVIGATION?
NOW LET’S LOOK AT THE HOME TOPIC IN THE EDITOR…
![Page 15: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/15.jpg)
LOTS OF DIV TAGS DIV=CONTAINER
![Page 16: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/16.jpg)
THINK INVISIBLE RECTANGLES
![Page 17: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/17.jpg)
NESTED DIVS = CONTAINERS WITHIN CONTAINERS
![Page 18: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/18.jpg)
![Page 19: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/19.jpg)
![Page 20: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/20.jpg)
SOME STYLES ARE FOUND IN THE HOME PAGE STYLESHEET
![Page 21: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/21.jpg)
![Page 22: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/22.jpg)
OTHER STYLES ARE FOUND IN A HIDDEN “FOUNDATION” STYLESHEET
LOCATED WHERE YOU INSTALLED FLARE
![Page 23: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/23.jpg)
![Page 24: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/24.jpg)
WORKING IN THE TEXT EDITOR – STYLES
![Page 25: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/25.jpg)
HOLY CRAZY LOOKING STYLES, BATMAN!
HOME PAGE CSS IN TEMPLATE PROJECT FOUNDATION CSS IN APP FOLDER
![Page 26: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/26.jpg)
GENERIC STYLE CLASS CAN BE USED WITH ANY STYLE
![Page 27: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/27.jpg)
![Page 28: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/28.jpg)
![Page 29: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/29.jpg)
WORKING IN THE TEXT EDITOR – TOPICS
![Page 30: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/30.jpg)
MULTIPLE STYLE CLASSES APPLIED IN THE HTML
POSSIBLE, BUT MUST BE DONE IN TEXT EDITOR SEPARATE EACH CLASS WITH A SPACE
![Page 31: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/31.jpg)
MEDIA QUERIES
SIMILAR TO FLARE STYLE MEDIUMS
![Page 32: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/32.jpg)
MEDIUM = ALLOWS DIFFERENT STYLES DEPENDING ON TARGET MEDIA QUERY = ALLOWS DIFFERENT STYLES DEPENDING ON MEDIA FEATURES (E.G., WIDTH, ORIENTATION, RESOLUTION)
![Page 33: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/33.jpg)
TABLET SIZE (I.E., MEDIUM SIZE) @media only screen and (max-width: 64.063em) MOBILE SIZE (I.E., SMALL SIZE) @media only screen and (max-width: 40em) EM IS RELATIVE, SIMILAR TO PERCENTAGE SOME SAY EM UNITS PREFERRED OVER PIXELS IN MEDIA QUERIES ADDITIONAL MEDIA QUERIES EXIST IN FOUNDATION STYLESHEET
![Page 34: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/34.jpg)
FOUNDATION STYLES (GRIDS)
![Page 35: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/35.jpg)
FOUNDATION: FRONT-END FRAMEWORK FOR WEB DEVELOPERS FOUNDATION.ZURB.COM MOBILE-FIRST APPROACH REMEMBER THE HIDDEN FOUNDATION STYLESHEET?
![Page 36: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/36.jpg)
![Page 37: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/37.jpg)
![Page 38: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/38.jpg)
START WITH A DIV TAG THAT HAS THE ROW CLASS
![Page 39: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/39.jpg)
![Page 40: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/40.jpg)
ADD NESTED DIV TAGS THAT HAVE THE COLUMN OR COLUMNS CLASS
![Page 41: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/41.jpg)
1 2
![Page 42: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/42.jpg)
ADD SMALL, MEDIUM, AND LARGE CLASSES TO SPECIFY WIDTH PER MEDIA QUERY A CLASS WITH 12 MEANS FULL WIDTH OTHERWISE USE CLASSES THAT ADD UP TO 12
![Page 43: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/43.jpg)
![Page 44: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/44.jpg)
SMALL SCREEN (MOBILE DEVICES)
![Page 45: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/45.jpg)
1
2
![Page 46: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/46.jpg)
MEDIUM SCREEN (TABLETS) LARGE SCREEN INHERITS
![Page 47: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/47.jpg)
1 2
![Page 48: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/48.jpg)
FOUNDATION.ZURB.COM/DOCS/COMPONENTS/GRID.HTM
![Page 49: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/49.jpg)
BE A DETECTIVE
![Page 50: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/50.jpg)
USE THE STRUCTURE BARS
![Page 51: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/51.jpg)
![Page 52: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/52.jpg)
USE THE “INSPECT ELEMENT” IN BROWSERS
![Page 53: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/53.jpg)
![Page 54: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/54.jpg)
![Page 55: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/55.jpg)
![Page 56: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/56.jpg)
![Page 57: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/57.jpg)
![Page 58: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/58.jpg)
![Page 59: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/59.jpg)
![Page 60: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/60.jpg)
THANK YOU FOR ATTENDING TODAY’S WEBINAR!
As a webinar attendee, receive $100 OFF our next advanced training course. Just $499 per student!
MadCap Flare Responsive HTML5, Mobile, and EPUB Training
June 16-17, 2015 (web-based)
*Offer valid through May 29, 2015.
Note: Courses subject to change. Availability based on student registration. Contact us for the latest schedule and course availability.
![Page 61: GOODBYE TRIPANE, HELLO FRAMELESS TOP NAVIGATION Part 2assets.madcapsoftware.com/webinar/Presentation... · Part 2 Presented by: PAUL STOECKLEIN MadCap Software Documentation Manager](https://reader033.vdocuments.site/reader033/viewer/2022051804/5fefe2f148056003df57d935/html5/thumbnails/61.jpg)
QUESTIONS