Código do mobirise

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Código do mobirise

Mensagem por Jhonny_. em 21/10/18, 02:41 pm

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    <!-- Block parameters controls (Blue "Gear" panel) -->\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    <!-- End block parameters -->\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!&nbsp;</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    <!-- Block parameters controls (Blue "Gear" panel) -->\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    <!-- End block parameters -->\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    <!-- Block parameters controls (Blue "Gear" panel) -->\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    <!-- End block parameters -->\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    <!-- Block parameters controls (Blue "Gear" panel) -->\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    <!-- End block parameters -->\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.
avatar

Jhonny_.
Nível 8

Masculino
Inscrito dia : 04/09/2018
Mensagens : 110
Pontos Ativos : 172

Ver perfil do usuário http://bplgames.forumeiros.com/

Atendido / Resolvido Re: Código do mobirise

Mensagem por Pedxz em 21/10/18, 03:18 pm

Olá @Jhonny_.,
A página está!?
Código:

<!DOCTYPE html>
<html >
<head>
  <!-- Site made with Mobirise Website Builder v4.8.6, https://mobirise.com -->
  <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!&nbsp;</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.


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Código do mobirise

Mensagem por Jhonny_. em 21/10/18, 04:02 pm

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

Jhonny_.
Nível 8

Masculino
Inscrito dia : 04/09/2018
Mensagens : 110
Pontos Ativos : 172

Ver perfil do usuário http://bplgames.forumeiros.com/

Atendido / Resolvido Re: Código do mobirise

Mensagem por Pedxz em 21/10/18, 04:04 pm

Tópico resolvido


Movido para "Questões resolvidas".


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

Ver perfil do usuário https://pedxz.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum