Código do mobirise

por Jhonny_. 21.10.18 17:41

Detalhes da questão

Endereço do fórum: http://bplgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Como faço pra tipo pegar o site do meu github e transformar em HTML?

Link do GitHub: https://frankbpll.github.io/

Código do site da exportação do mobirise:

Código:: { "settings": { "name": "Inicio fórum BPL", "currentPage": "index.html", "theme": { "name": "mobirise4", "title": "Mobirise 4", "styling": { "primaryColor": "#929c9f", "secondaryColor": "#cccccc", "successColor": "#465052", "infoColor": "#c1c1c1", "warningColor": "#03ff00", "dangerColor": "#0300ff", "mainFont": "Rubik", "display1Font": "Rubik", "display1Size": 4.25, "display2Font": "Rubik", "display2Size": 3, "display5Font": "Rubik", "display5Size": 1.5, "display7Font": "Rubik", "display7Size": 1, "display4Font": "Rubik", "display4Size": 1, "isRoundedButtons": true, "isAnimatedOnScroll": false, "isScrollToTopButton": false }, "additionalSetColors": [ "#2000ff", "#0300ff", "#929c9f", "#06d0ff", "#4fc4df", "#03ff00", "#000000" ] }, "path": "@PROJECT_PATH@", "siteFonts": [], "versionFirst": "4.7.6", "uniqCompNum": 10, "versionPublish": "4.8.6", "favicon": "@PROJECT_PATH@/assets/images/h-60x60.png", "noImageResize": "" }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "H1": { "color": "#000000" }, ".mbr-text, .mbr-section-btn": { "color": "#000000" } }, "_name": "header2", "_customHTML": "<section group="Headers" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}">\n\n <mbr-parameters>\n \n <input type="checkbox" title="Full Screen" name="fullScreen" checked>\n <input type="range" inline title="Top" name="paddingTop" min="0" max="9" step="1" value="6" condition="fullScreen == false">\n <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="9" step="1" value="6" condition="fullScreen == false">\n <input type="checkbox" title="Show Arrow" name="showArrow" checked>\n <input type="checkbox" title="Show Title" name="showTitle" checked>\n <input type="checkbox" title="Show Subtitle" name="showSubTitle">\n <input type="checkbox" title="Show Text" name="showText" checked>\n <input type="checkbox" title="Show Buttons" name="showButtons" checked>\n\n <fieldset type="background" name="bg" parallax>\n <input type="image" title="Background Image" value="@PROJECT_PATH@/assets/images/346325-gta-san-andreas-wallpapers-hd-by-thesitcixd-on-deviantart-1024x640-h-1024x640.jpg" parallax selected>\n <input type="color" title="Background Color" value="#073B4C">\n <input type="video" title="Background Video" value="http://www.youtube.com/watch?v=uNCr7NdOJgw">\n </fieldset>\n <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'">\n <input type="color" title="Overlay Color" name="overlayColor" value="#767676" condition="overlay && bg.type !== 'color'">\n <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.5" condition="overlay && bg.type !== 'color'">\n \n </mbr-parameters>\n\n <div class="mbr-overlay" mbr-if="overlay && bg.type !== 'color'" opacity="{{overlayOpacity}}" bg-color="{{overlayColor}}"></div>\n\n <div class="container align-center">\n <div class="row justify-content-md-center">\n <div class="mbr-white col-md-10">\n <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style" mbr-theme-style="display-1" mbr-if="showTitle">Brazil Project Life</h1>\n <h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style" mbr-theme-style="display-2" mbr-if="showSubTitle">\n Beautiful mobile websites\n </h3>\n <p class="mbr-text pb-3 mbr-fonts-style" mbr-theme-style="display-5" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn">SEJA BEM VINDO(a) A BPL GAMES, VENHA JOGAR CONOSCO<br>PREGRAMOS REGRAS E DIVERSÃO NO NOSSO SERVIRDOR!<br>SUA DIVERSÃO É O QUE MAIS IMPORTA! </p>\n <div mbr-buttons mbr-theme-style="display-7" class="mbr-section-btn" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a class="btn btn-md btn-black-outline" href="http://bplgames.forumeiros.com/register" data-app-placeholder="Type Text" target="_blank"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a> <a class="btn btn-md btn-black-outline" href="http://bplgames.forumeiros.com/" data-app-placeholder="Type Text" target="_blank"><span class="mbri-right mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>\n <a class="btn btn-md btn-black-outline" href="https://mobirise.com" data-app-placeholder="Type Text"><span class="mbri-video mbr-iconfont mbr-iconfont-btn"></span>DISCORD</a></div>\n </div>\n </div>\n </div>\n <div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">\n <a href="#next">\n <i class="mbri-down mbr-iconfont"></i>\n </a>\n </div>\n</section>", "_cid": "qTkA127IK8", "_anchor": "header2-1", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "_styles": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)", "& when (@bg-type = 'color')": { "background": "linear-gradient(45deg, @bg-value, @color2)" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".list-group-item": { "padding": ".75rem 3.25rem" }, ".plan": { "word-break": "break-word", "position": "relative", "max-width": "300px", "padding-right": "0", "padding-left": "0", "color": "#767676", ".list-group-item": { "position": "relative", "-webkit-justify-content": "center", "justify-content": "center", "border": "0", "&::after": { "position": "absolute", "bottom": "0", "left": "20%", "width": "60%", "height": "2px", "content": """", "background-color": "#eaeaea" }, "&:last-child::after": { "display": "none" } } }, ".plan-header": { "padding-left": "1rem", "padding-right": "1rem" }, ".plan-header, .plan-body": { "background-color": "#fff" }, ".price-figure": { "font-weight": "700", "color": "#232323" }, ".price-value": { "font-weight": "700", "vertical-align": "top", "color": "#232323" }, "@media (max-width: 550px)": { ".price-figure": { "font-size": "4.25rem" } }, ".price-term": { "color": "#232323" }, ".plan-title": { "color": "#03ff00" }, "LI": { "color": "#0300ff" } }, "_name": "pricing-tables1", "_customHTML": "<section group="Pricing Tables" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-parallax-background':bg.parallax}">\n\n <mbr-parameters>\n \n <input inline type="range" title="Top" name="paddingTop" min="0" max="8" step="1" value="6">\n <input inline type="range" title="Bottom" name="paddingBottom" min="0" max="8" step="1" value="6">\n\n <input type="checkbox" title="Show Buttons" name="showButtons" checked>\n <select title="Items Count" name="itemsCount">\n <option value="1">1</option>\n <option value="2">2</option>\n <option value="3">3</option>\n <option value="4" selected>4</option>\n </select>\n\n <fieldset type="background" name="bg" parallax>\n <input type="image" title="Background Image" value="@PROJECT_PATH@/assets/images/grand-theft-auto-5-los-santos-dual-monitor-wallpaper-7-2000x721.jpg" selected>\n <input type="color" title="Background Color" value="#177396">\n <input type="video" title="Background Video" value="http://www.youtube.com/watch?v=uNCr7NdOJgw">\n </fieldset>\n <input type="color" title="Color 2" name="color2" value="#ca2955" condition="bg.type=='color'" selected>\n\n <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'">\n <input type="color" title="Overlay Color" name="overlayColor" value="#000000" condition="overlay && bg.type !== 'color'">\n <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.2" condition="overlay && bg.type !== 'color'">\n \n </mbr-parameters>\n\n <div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">\n </div>\n <div class="container">\n <div class="media-container-row">\n\n <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 0" mbr-class="{\n 'col-lg-4': itemsCount == 3,\n 'col-lg-6': itemsCount == 2,\n 'col-lg-3': itemsCount == 4}">\n <div class="plan-header text-center pt-5">\n <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">5K DE MOEDAS</h3>\n <div class="plan-price">\n <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n $\n </span>\n <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure"><br>5,00</span>\n <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b><br></b><b>REAIS</b></small>\n </div>\n </div>\n <div class="plan-body pb-5">\n <div class="plan-list align-center">\n <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">5K DE MOEDAS BPL</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4 " mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n </div>\n </div>\n\n <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 1" mbr-class="{\n 'col-lg-4': itemsCount == 3,\n 'col-lg-6': itemsCount == 2,\n 'col-lg-3': itemsCount == 4}">\n <div class="plan-header text-center pt-5">\n <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">10K DE MOEDAS</h3>\n <div class="plan-price">\n <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n $\n </span>\n <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure"><br>10,00</span>\n <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>\n </b><br><b>REAIS</b></small>\n </div>\n </div>\n <div class="plan-body pb-5">\n <div class="plan-list align-center">\n <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">10K DE MOEDAS BPL</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n </div>\n </div>\n\n <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 2" mbr-class="{\n 'col-lg-4': itemsCount == 3,\n 'col-lg-6': itemsCount == 2,\n 'col-lg-3': itemsCount == 4}">\n <div class="plan-header text-center pt-5">\n <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">50K DE MOEDAS</h3>\n <div class="plan-price">\n <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n $\n </span>\n <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure">\n <br>50,00<br></span>\n <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>\n REAIS</b></small>\n </div>\n </div>\n <div class="plan-body pb-5">\n <div class="plan-list align-center">\n <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">50K DE MOEDAS BPL</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n </div>\n </div>\n\n <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 3" mbr-class="{\n 'col-lg-4': itemsCount == 3,\n 'col-lg-6': itemsCount == 2,\n 'col-lg-3': itemsCount == 4}">\n <div class="plan-header text-center pt-5">\n <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">100K DE MOEDAS</h3>\n <div class="plan-price">\n <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n $\n </span>\n <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure">\n 100,OO</span>\n <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>REAIS</b></small>\n </div>\n </div>\n <div class="plan-body pb-5">\n <div class="plan-list align-center">\n <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">100K DE MOEDAS BPL</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "r75TPqPSDL", "_protectedParams": [], "_global": false, "_once": false, "_params": {}, "_anchor": "pricing-tables1-8" }, { "_styles": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)", "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" } }, "_name": "footer6", "_customHTML": "<section group="Footers" global once mbr-class="{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}">\n\n <mbr-parameters>\n \n <input type="range" inline title="Top" name="paddingTop" min="0" max="8" step="1" value="2">\n <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="8" step="1" value="2">\n <input type="checkbox" title="Reveal effect" name="reveal">\n <fieldset type="background" name="bg" parallax>\n <input type="image" title="Background Image" value="../_images/jumbotron.jpg">\n <input type="color" title="Background Color" value="#2e2e2e" selected>\n </fieldset>\n <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked>\n <input type="color" title="Overlay Color" name="overlayColor" value="#3C3C3C" condition="overlay && bg.type !== 'color'">\n <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.5" condition="overlay && bg.type !== 'color'">\n \n </mbr-parameters>\n\n <div class="mbr-overlay" mbr-if="overlay && bg.type !== 'color'" opacity="{{overlayOpacity}}" bg-color="{{overlayColor}}"></div>\n\n <div class="container">\n <div class="media-container-row align-center mbr-white">\n <div class="col-12">\n <p class="mbr-text mb-0 mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".media-container-row .mbr-text" data-app-placeholder="Type Text">| | Criado por Frank Hospedado em | | BPL GAMES | |<br></p>\n </div>\n </div>\n </div>\n</section>", "_cid": "r75Xpjg5IF", "_protectedParams": [], "_global": true, "_once": true, "_params": {}, "_anchor": "footer6-9" }, { "_styles": { ".navbar": { "padding": ".5rem 0", "background": "@menuBgColor", "transition": "none", "min-height": "77px" }, ".navbar-dropdown.bg-color.transparent.opened": { "background": "@menuBgColor" }, "a": { "font-style": "normal" }, ".nav-item": { "& span": { "padding-right": "0.4em", "line-height": "0.5em", "vertical-align": "text-bottom", "position": "relative", "text-decoration": "none" }, "& a": { "display": "flex", "align-items": "center", "justify-content": "center", "padding": "0.7rem 0 !important", "margin": "0rem .65rem !important" } }, ".nav-item:focus, .nav-link:focus": { "outline": "none" }, ".btn": { "padding": "0.4rem 1.5rem", ".mbr-iconfont": { "font-size": "1.6rem" }, "display": "inline-flex", "align-items": "center" }, ".menu-logo": { "margin-right": "auto", ".navbar-brand": { "display": "flex", "margin-left": "5rem", "padding": "0", "transition": "padding .2s", "min-height": "3.8rem", "align-items": "center", ".navbar-caption-wrap": { "display": "-webkit-flex", "-webkit-align-items": "center", "align-items": "center", "word-break": "break-word", "min-width": "7rem", "margin": ".3rem 0", ".navbar-caption": { "line-height": "1.2rem !important", "padding-right": "2rem" } }, ".navbar-logo": { "font-size": "4rem", "transition": "font-size 0.25s", "& img": { "display": "flex" }, ".mbr-iconfont": { "transition": "font-size 0.25s" } } } }, ".navbar-toggleable-sm .navbar-collapse": { "justify-content": "flex-end", "-webkit-justify-content": "flex-end", "padding-right": "5rem", "width": "auto", ".navbar-nav": { "flex-wrap": "wrap", "-webkit-flex-wrap": "wrap", "padding-left": "0", ".nav-item": { "-webkit-align-self": "center", "align-self": "center" } }, ".navbar-buttons": { "padding-left": "0", "padding-bottom": "0" } }, ".dropdown": { ".dropdown-menu": { "background": "@menuBgColor", "display": "none", "position": "absolute", "min-width": "5rem", "padding-top": "1.4rem", "padding-bottom": "1.4rem", "text-align": "left", ".dropdown-item": { "width": "auto", "padding": "0.235em 1.5385em 0.235em 1.5385em !important", "&::after": { "right": "0.5rem" } }, ".dropdown-submenu": { "margin": "0" } }, "&.open > .dropdown-menu": { "display": "block" } }, ".navbar-toggleable-sm": { "&.opened:after": { "position": "absolute", "width": "100vw", "height": "100vh", "content": "''", "background-color": "rgba(0, 0, 0, 0.1)", "left": "0", "bottom": "0", "transform": "translateY(100%)", "-webkit-transform": "translateY(100%)", "z-index": "1000" } }, ".navbar.navbar-short": { "min-height": "60px", "transition": "all .2s", "& .navbar-toggler-right": { "top": "20px" }, "& .navbar-logo a": { "font-size": "2.5rem !important", "line-height": "2.5rem", "transition": "font-size 0.25s", "& .mbr-iconfont": { "font-size": "2.5rem !important" }, "& img": { "height": "3rem !important" } }, "& .navbar-brand": { "min-height": "3rem" } }, "button.navbar-toggler": { "width": "31px", "height": "18px", "cursor": "pointer", "transition": "all .2s", "top": "1.5rem", "right": "1rem", "&:focus": { "outline": "none" }, ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all .2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all .15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all .15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all .2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all .2s" }, "&:nth-child(2)": { "-webkit-transform": "rotate(45deg)", "transform": "rotate(45deg)", "transition": "all .25s" }, "&:nth-child(3)": { "-webkit-transform": "rotate(-45deg)", "transform": "rotate(-45deg)", "transition": "all .25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all .2s" } }, ".collapsed": { "&.navbar-expand": { "flex-direction": "column" }, ".btn": { "display": "flex" }, ".navbar-collapse": { "display": "none !important", "padding-right": "0 !important", "&.collapsing,&.show": { "display": "block !important", ".navbar-nav": { "display": "block", "text-align": "center", ".nav-item": { "clear": "both", "& when (@showButtons = false)": { "&:last-child": { "margin-bottom": "1rem" } } } }, ".navbar-buttons": { "text-align": "center", "&:last-child": { "margin-bottom": "1rem" } } } }, "button.navbar-toggler": { "display": "block" }, ".navbar-brand": { "margin-left": "1rem !important" }, ".navbar-toggleable-sm": { "flex-direction": "column", "-webkit-flex-direction": "column" }, ".dropdown": { ".dropdown-menu": { "width": "100%", "text-align": "center", "position": "relative", "opacity": "0", "display": "block", "height": "0", "visibility": "hidden", "padding": "0", "transition-duration": ".5s", "transition-property": "opacity,padding,height" }, "&.open > .dropdown-menu": { "position": "relative", "opacity": "1", "height": "auto", "padding": "1.4rem 0", "visibility": "visible" }, ".dropdown-submenu": { "left": "0", "text-align": "center", "width": "100%" }, ".dropdown-toggle[data-toggle="dropdown-submenu"]::after": { "margin-top": "0", "position": "inherit", "right": "0", "top": "50%", "display": "inline-block", "width": "0", "height": "0", "margin-left": ".3em", "vertical-align": "middle", "content": """", "border-top": ".30em solid", "border-right": ".30em solid transparent", "border-left": ".30em solid transparent" } } }, "@media (max-width: 991px)": { ".navbar-expand": { "flex-direction": "column" }, "img": { "height": "3.8rem !important" }, ".btn": { "display": "flex" }, "button.navbar-toggler": { "display": "block" }, ".navbar-brand": { "margin-left": "1rem !important" }, ".navbar-toggleable-sm": { "flex-direction": "column", "-webkit-flex-direction": "column" }, ".navbar-collapse": { "display": "none !important", "padding-right": "0 !important", "&.collapsing,&.show": { "display": "block !important", ".navbar-nav": { "display": "block", "text-align": "center", ".nav-item": { "clear": "both", "& when (@showButtons = false)": { "&:last-child": { "margin-bottom": "1rem" } } } }, ".navbar-buttons": { "text-align": "center", "&:last-child": { "margin-bottom": "1rem" } } } }, ".dropdown": { ".dropdown-menu": { "width": "100%", "text-align": "center", "position": "relative", "opacity": "0", "display": "block", "height": "0", "visibility": "hidden", "padding": "0", "transition-duration": ".5s", "transition-property": "opacity,padding,height" }, "&.open > .dropdown-menu": { "position": "relative", "opacity": "1", "height": "auto", "padding": "1.4rem 0", "visibility": "visible" }, ".dropdown-submenu": { "left": "0", "text-align": "center", "width": "100%" }, ".dropdown-toggle[data-toggle="dropdown-submenu"]::after": { "margin-top": "0", "position": "inherit", "right": "0", "top": "50%", "display": "inline-block", "width": "0", "height": "0", "margin-left": ".3em", "vertical-align": "middle", "content": """", "border-top": ".30em solid", "border-right": ".30em solid transparent", "border-left": ".30em solid transparent" } } }, "@media (min-width: 767px)": { ".menu-logo": { "flex-shrink": "0" } }, ".navbar-collapse": { "flex-basis": "auto" }, ".nav-link:hover, .dropdown-item:hover": { "color": "@itemsHoverColor !important" } }, "_name": "menu1", "_customHTML": "<section class="menu" group="Menu" plugins="DropDown, TouchSwipe" always-top global once="menu" not-draggable position-absolute>\n\n <mbr-parameters>\n \n <input type="checkbox" title="Show Logo" name="showLogo" checked>\n <input type="range" title="Logo Size" inline name="logoSize" min="3.8" max="8" step="0.1" value="3.8" condition="showLogo">\n <input type="checkbox" title="Show Brand Name" name="showBrand" checked>\n <input type="checkbox" title="Show Menu Items" name="showItems" checked>\n <input type="color" title="Items Hover Color" name="itemsHoverColor" value="#c1c1c1" condition="showItems">\n <input type="checkbox" title="Show Button(s)" name="showButtons" checked>\n <input type="checkbox" title="Sticky" name="sticky" checked>\n <input type="checkbox" title="Collapsed" name="collapsed">\n <input type="checkbox" title="Transparent" name="transparent">\n <input type="color" title="Hamburger Color" name="hamburgerColor" value="#ffffff">\n <input type="color" title="Background Color" name="menuBgColor" value="#333333">\n \n </mbr-parameters>\n\n <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center" mbr-class="{'navbar-fixed-top': sticky,\n 'navbar-toggleable-sm': !collapsed,\n 'collapsed': collapsed,\n 'bg-color transparent': transparent}">\n <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">\n <div class="hamburger">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class="menu-logo">\n <div class="navbar-brand">\n <span mbr-if="showLogo" class="navbar-logo">\n <a href="https://mobirise.com">\n <img src="@PROJECT_PATH@/assets/images/sem-tz12-122x122.png" alt="Mobirise" mbr-style="{'height': logoSize + 'rem'}" title>\n </a>\n </span>\n <span mbr-if="showBrand" mbr-buttons mbr-theme-style="display-4" class="navbar-caption-wrap" data-toolbar="-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove"><a class="navbar-caption text-white" data-app-selector=".navbar-caption" href="https://mobirise.com" data-app-placeholder="Type Text">BRAZIL PROJECT LIFE</a></span>\n </div>\n </div>\n <div class="collapse navbar-collapse" id="navbarSupportedContent">\n <ul mbr-if="showItems" mbr-menu class="navbar-nav nav-dropdown" mbr-theme-style="display-4" mbr-class="{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}"><li class="nav-item">\n <a class="nav-link link text-white" href="https://mobirise.com" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link link text-white" href="https://mobirise.com" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">\n </a>\n </li></ul>\n <div mbr-if="showButtons" mbr-buttons mbr-theme-style="display-4" class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary" href="https://mobirise.com" data-app-placeholder="Type Text">SHOPPING</a></div>\n </div>\n </nav>\n</section>", "_cid": "qTkzRZLJNu", "_anchor": "menu1-0", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} } ] } } }

O que eu quero fazer com esse código passado acima é transforma-lo em HTML para o meu fórum.

por **tikky** 21.10.18 18:18

Olá @Jhonny_.,
A página está!?

Código:: <!DOCTYPE html> <html > <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v4.8.6, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <base href="https://frankbpll.github.io/"> <link rel="shortcut icon" href="assets/images/h-60x60.png" type="image/x-icon"> <meta name="description" content=""> <title>Home</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="assets/tether/tether.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> </head> <body> <section class="menu cid-qTkzRZLJNu" once="menu" id="menu1-0"> <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="menu-logo"> <div class="navbar-brand"> <span class="navbar-logo"> <a href="https://mobirise.com"> <img src="assets/images/sem-tz12-122x122.png" alt="Mobirise" title="" style="height: 3.8rem;"> </a> </span> <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-4" href="https://mobirise.com">BRAZIL PROJECT LIFE</a></span> </div> </div> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"> <a class="nav-link link text-white display-4" href="https://mobirise.com"> </a> </li> <li class="nav-item"> <a class="nav-link link text-white display-4" href="https://mobirise.com"> </a> </li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary display-4" href="https://mobirise.com">SHOPPING</a></div> </div> </nav> </section> <section class="engine"><a href="https://mobirise.info/g">build your own site for free</a></section><section class="cid-qTkA127IK8 mbr-fullscreen mbr-parallax-background" id="header2-1"> <div class="container align-center"> <div class="row justify-content-md-center"> <div class="mbr-white col-md-10"> <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">Brazil Project Life</h1> <p class="mbr-text pb-3 mbr-fonts-style display-5">SEJA BEM VINDO(a) A BPL GAMES, VENHA JOGAR CONOSCO<br>PREGRAMOS REGRAS E DIVERSÃO NO NOSSO SERVIRDOR!<br>SUA DIVERSÃO É O QUE MAIS IMPORTA! </p> <div class="mbr-section-btn"><a class="btn btn-md btn-black-outline display-7" href="http://bplgames.forumeiros.com/register" target="_blank"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a> <a class="btn btn-md btn-black-outline display-7" href="http://bplgames.forumeiros.com/" target="_blank"><span class="mbri-right mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a> <a class="btn btn-md btn-black-outline display-7" href="https://mobirise.com"><span class="mbri-video mbr-iconfont mbr-iconfont-btn"></span>DISCORD</a></div> </div> </div> </div> <div class="mbr-arrow hidden-sm-down" aria-hidden="true"> <a href="#next"> <i class="mbri-down mbr-iconfont"></i> </a> </div> </section> <section class="cid-r75TPqPSDL" id="pricing-tables1-8"> <div class="container"> <div class="media-container-row"> <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3"> <div class="plan-header text-center pt-5"> <h3 class="plan-title mbr-fonts-style display-5">5K DE MOEDAS</h3> <div class="plan-price"> <span class="price-value mbr-fonts-style display-2"> $ </span> <span class="price-figure mbr-fonts-style display-1"><br>5,00</span> <small class="price-term mbr-fonts-style display-7"><strong><br></strong><strong>REAIS</strong></small> </div> </div> <div class="plan-body pb-5"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">5K DE MOEDAS BPL</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div> </div> </div> <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3"> <div class="plan-header text-center pt-5"> <h3 class="plan-title mbr-fonts-style display-5">10K DE MOEDAS</h3> <div class="plan-price"> <span class="price-value mbr-fonts-style display-2"> $ </span> <span class="price-figure mbr-fonts-style display-1"><br>10,00</span> <small class="price-term mbr-fonts-style display-7"><strong> </strong><br><strong>REAIS</strong></small> </div> </div> <div class="plan-body pb-5"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">10K DE MOEDAS BPL</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div> </div> </div> <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3"> <div class="plan-header text-center pt-5"> <h3 class="plan-title mbr-fonts-style display-5">50K DE MOEDAS</h3> <div class="plan-price"> <span class="price-value mbr-fonts-style display-2"> $ </span> <span class="price-figure mbr-fonts-style display-1"> <br>50,00<br></span> <small class="price-term mbr-fonts-style display-7"><strong> REAIS</strong></small> </div> </div> <div class="plan-body pb-5"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">50K DE MOEDAS BPL</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div> </div> </div> <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3"> <div class="plan-header text-center pt-5"> <h3 class="plan-title mbr-fonts-style display-5">100K DE MOEDAS</h3> <div class="plan-price"> <span class="price-value mbr-fonts-style display-2"> $ </span> <span class="price-figure mbr-fonts-style display-1"> 100,OO</span> <small class="price-term mbr-fonts-style display-7"><strong>REAIS</strong></small> </div> </div> <div class="plan-body pb-5"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">100K DE MOEDAS BPL</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div> </div> </div> </div> </div> </section> <section once="" class="cid-r75Xpjg5IF" id="footer6-9"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7">| | Criado por Frank Hospedado em | | BPL GAMES | |<br></p> </div> </div> </div> </section> <script src="assets/web/assets/jquery/jquery.min.js"></script> <script src="assets/popper/popper.min.js"></script> <script src="assets/tether/tether.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/parallax/jarallax.min.js"></script> <script src="assets/dropdown/js/script.min.js"></script> <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>

Cordialmente,
pedxz.

por Jhonny_. 21.10.18 19:02

Pode fechar consegui colocar-la em meu fórum!

por **tikky** 21.10.18 19:04

Tópico resolvido

Movido para "Questões resolvidas".

Código do mobirise

Código do mobirise

Detalhes da questão

Descrição

Re: Código do mobirise

Re: Código do mobirise

Re: Código do mobirise

Tópico resolvido