Informações pagina
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Informações pagina
Detalhes da questão
Endereço do fórum: http://www.brasilmundogamer.com.br/forum
Versão do fórum: phpBB2
Descrição
Gostaria de colocar isso na minha pagina > https://imgur.com/a/KKEBd
Link de onde peguei: http://www.bslrpg.com/
@Harleen
Codigo da minha pagina
- Código:
<br /><br /><!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="generator" content="Mobirise v4.0.16, mobirise.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="" type="image/x-icon"/>
<meta name="description" content=""/>
<title>Bem Vindo ao Fórum</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/socicon/css/styles.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/theme/css/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/mobirise/css/mbr-additional.css" type="text/css"/>
</head>
<body>
<section class="cid-qrzjZRcfzj mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);"></div>
<div class="container align-center">
<div class="media-container-column mbr-white col-md-10 offset-md-1">
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">
BEM VINDO AO FÓRUM</h1>
<div class="mbr-section-btn">
<a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
<a class="btn btn-md btn-primary-outline display-4" href="/forum"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>
<a class="btn btn-md btn-primary-outline display-4" href="TeamSpeak3" target="_blank"><span class="socicon socicon-discord mbr-iconfont mbr-iconfont-btn"></span>TeamSpeak3</a>
</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="engine"><a href="https://mobirise.co/m">bootstrap table</a></section><section class="features16 cid-qrzmV6KjG9" id="features16-6" data-rv-view="66">
<div class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">
INFORMAÇÕES</h2>
<h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
blablalblalblalbalblalblab
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
Administrador Do Servidor Sub - Dono
</p>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">
EQUIPE DO FÓRUM/SERVIDOR</h2>
<h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u154"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a>
Administrador Financeiro
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
Administrador Do Servidor Sub - Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/ydurTlb.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u352"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a>
Ownner Do Fórum Responsável por edições
</section>
<section once="" class="cid-qrznhOISmE" id="footer6-7" data-rv-view="76">
<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">
© Página criada por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a> | sfvefwfwe | Hospedado em <a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a> </p>
</div>
</div>
</div>
</section>
<script src="https://arquivosdiversos.github.io/mixwin/assets/web/assets/jquery/jquery.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/smooth-scroll/smooth-scroll.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/jarallax/jarallax.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/theme/js/script.js"></script>
</body>
</html>
Re: Informações pagina
Olá, voçê deseja subistituir o parte "Informações" Atual da pagina por a que Indicou ?
Se não deseja, subistituir Informe onde deseja colocar os Quadros!
Se não deseja, subistituir Informe onde deseja colocar os Quadros!
Re: Informações pagina
Olá troque seu codigo por este:
- Código:
<br /><br /><!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="generator" content="Mobirise v4.0.16, mobirise.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="" type="image/x-icon"/>
<meta name="description" content=""/>
<title>Bem Vindo ao Fórum</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/socicon/css/styles.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/theme/css/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/mobirise/css/mbr-additional.css" type="text/css"/>
</head>
<body>
<style>
.medium-icon {
font-size: 32px !important;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
element {
visibility: visible;
animation-delay: 0.6s;
animation-name: fadeInUp;
}
#work .col-md-4 {
padding: 28px;
position: relative;
transition: all 0.4s ease-in-out;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.col-sm-4 {
width: 33.33333333%;
}
hr {
width: 180px;
border-color: #CCC;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-top: 1px solid #eee;
border-top-color: rgb(238, 238, 238);
}
#work {
text-align: center;
}
#work, #about, #team, #portfolio, #pricing, #contact {
padding-top: 100px;
padding-bottom: 100px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.container1 {
width: 750px;
}
.container1 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-sm-12 {
width: 100%;
}
.section-title {
padding-bottom: 32px;
}
.section-title strong {
color: #3378c6;
font-size: 56px;
}
b, strong {
font-weight: 700;
}
.section-title h1 {
font-size: 24px;
}
.bold {
font-weight: bold;
}
.heading {
font-size: 20px;
}
</style>
<section class="cid-qrzjZRcfzj mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);"></div>
<div class="container align-center">
<div class="media-container-column mbr-white col-md-10 offset-md-1">
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">
BEM VINDO AO FÓRUM</h1>
<div class="mbr-section-btn">
<a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
<a class="btn btn-md btn-primary-outline display-4" href="/forum"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>
<a class="btn btn-md btn-primary-outline display-4" href="TeamSpeak3" target="_blank"><span class="socicon socicon-discord mbr-iconfont mbr-iconfont-btn"></span>TeamSpeak3</a>
</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="engine"><a href="https://mobirise.co/m">bootstrap table</a></section><section class="features16 cid-qrzmV6KjG9" id="features16-6" data-rv-view="66">
<div class="container align-center">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- work section -->
<section id="work">
<div class="container1">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<strong>Informações</strong>
<h1 class="heading bold">Veja mais informações acessando o forum.</h1>
<hr>
</div>
</div>
<div class="subevent" style="left: {left}; width: {width}; height: {height}; position: relative;">
<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-gamepad medium-icon"></i>
<h3>SA:MP</h3>
<hr>
<p>Nosso servidor de SA:MP é um servidor que conta com um GM exclusiva e uma STAFF ativa.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.9s">
<i class="fa fa-microphone medium-icon"></i>
<h3>TEAM SPEAK</h3>
<hr>
<p>Nossa comunidade conta com um servidor de TS3, para a boa comunicação.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.9s">
<i class="fa fa-music medium-icon"></i>
<h3>Rádio</h3>
<hr>
<p>Nossa comunidade conta com uma rádio que toca diversos estilos músicais, para que você possa escutar musica enquanto joga.</p>
</div>
</div>
</div>
</div>
</section>
<h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
blablalblalblalbalblalblab
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
Administrador Do Servidor Sub - Dono
</p>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">
EQUIPE DO FÓRUM/SERVIDOR</h2>
<h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u154"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a>
Administrador Financeiro
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
Administrador Do Servidor Sub - Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/ydurTlb.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u352"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a>
Ownner Do Fórum Responsável por edições
</section>
<section once="" class="cid-qrznhOISmE" id="footer6-7" data-rv-view="76">
<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">
© Página criada por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a> | sfvefwfwe | Hospedado em <a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a> </p>
</div>
</div>
</div>
</section>
<script src="https://arquivosdiversos.github.io/mixwin/assets/web/assets/jquery/jquery.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/smooth-scroll/smooth-scroll.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/jarallax/jarallax.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/theme/js/script.js"></script>
</body>
</html>
Re: Informações pagina
Bom dia! Desculpe a demora, essa adapitação é um pouco complicada de fazer
troque novamente o seu codigo por este:
troque novamente o seu codigo por este:
- Código:
<br /><br /><!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.0.16, https://mobirise.com -->
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="generator" content="Mobirise v4.0.16, mobirise.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="" type="image/x-icon"/>
<meta name="description" content=""/>
<title>Bem Vindo ao Fórum</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/socicon/css/styles.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/theme/css/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/mixwin/assets/mobirise/css/mbr-additional.css" type="text/css"/>
</head>
<body>
<style>
#work .quadro1:hover {
background-color: #ffffff;
box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
}
.quadro1 {
position:absolute;
font-size: 15px;
}
.quadro2 {
position:absolute;
margin-top:-270px;
left:250px;
line-height: 28px;
font-size: 15px;
}
.quadro3 {
position:absolute;
margin-top:-245px;
left:250px;
}
.medium-icon {
font-size: 32px !important;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
element {
visibility: visible;
animation-delay: 0.6s;
animation-name: fadeInUp;
}
#work, #about, #team, #portfolio, #pricing, #contact {
padding-top: 100px;
background: white;
font-family: 'Roboto', sans-serif;
}
#work .col-md-4 {
padding: 28px;
position: relative;
transition: all 0.4s ease-in-out;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.col-sm-4 {
width: 33.33333333%;
}
hr {
width: 180px;
border-color: #CCC;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-top: 1px solid #eee;
border-top-color: rgb(238, 238, 238);
}
#work {
text-align: center;
}
#work, #about, #team, #portfolio, #pricing, #contact {
padding-top: 100px;
padding-bottom: 100px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.container1 {
width: 750px;
}
.container1 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-sm-12 {
width: 100%;
}
.section-title {
padding-bottom: 32px;
}
.section-title strong {
color: #3378c6;
font-size: 56px;
}
b, strong {
font-weight: 700;
}
.section-title h1 {
font-size: 24px;
}
.bold {
font-weight: bold;
}
.heading {
font-size: 20px;
}
.cid-qrzmV6KjG9 {
background-color: #fff;
}
.display-2 {
font-size: 3rem;
color: #3378c6;
font-size: 56px;
text-transform: lowercase;
font-weight: 700;
}
</style>
<section class="cid-qrzjZRcfzj mbr-fullscreen mbr-parallax-background" id="header2-2" data-rv-view="63">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);"></div>
<div class="container align-center">
<div class="media-container-column mbr-white col-md-10 offset-md-1">
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">
BEM VINDO AO FÓRUM
</h1>
<div class="mbr-section-btn">
<a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
<a class="btn btn-md btn-primary-outline display-4" href="/forum"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>
<a class="btn btn-md btn-primary-outline display-4" href="TeamSpeak3" target="_blank"><span class="socicon socicon-discord mbr-iconfont mbr-iconfont-btn"></span>TeamSpeak3</a>
</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="engine"><a href="https://mobirise.co/m">bootstrap table</a></section>
<section class="features16 cid-qrzmV6KjG9" id="features16-6" data-rv-view="66">
<div class="container align-center">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- work section -->
<section id="work">
<div class="container1">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<strong>Informações</strong>
<h1 class="heading bold">Veja mais informações acessando o forum.</h1>
<hr>
</div>
</div>
<div class="Quadro1" style="left: {left}; width: {width}; height: {height}; position: relative;"><div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-gamepad medium-icon"></i>
<h3>SA:MP</h3>
<hr>
<p>Nosso servidor de SA:MP é um servidor que conta com um GM exclusiva e uma STAFF ativa.</p>
</div><div class="Quadro2" style="left: {left}; width: {width}; height: {height}; position: relative;"><div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-microphone medium-icon"></i>
<h3>TEAM SPEAK</h3>
<hr>
<p>Nossa comunidade conta com um servidor de TS3, para a boa comunicação.</p>
</div><div class="Quadro3" style="left: {left}; width: {width}; height: {height}; position: relative;"><div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-music medium-icon"></i>
<h3>Rádio</h3>
<hr>
Nossa comunidade conta com uma rádio que toca diversos estilos músicais, para que você possa escutar musica enquanto joga.</p>
<p>
</div>
</div>
</div>
</div>
<div class="container align-center">
<div class="section-title">
<strong>Equipe do fórum/servidor</strong>
<hr>
</div>
<h3 class="pb-5 mbr-section-subtitle mbr-fonts-style mbr-light display-5"></h3>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u154"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a>
Administrador Financeiro
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
Administrador Do Servidor Sub - Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/ydurTlb.png" alt="" title="" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u352"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a>
Ownner Do Fórum Responsável por edições
</section>
<section once="" class="cid-qrznhOISmE" id="footer6-7" data-rv-view="76">
<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">
<img class="emojione" alt="️" title=":copyright:" title=":copyright:" src="https://cdn.jsdelivr.net/emojione/assets/png/00a9.png?v=2.2.7"/> Página criada por <a href="http://ajuda.forumeiros.com/u47631" target="_blank" class="text-white">Harleen</a> | sfvefwfwe | Hospedado em <a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a>
</p>
</div>
</div>
</div>
</section>
<script src="https://arquivosdiversos.github.io/mixwin/assets/web/assets/jquery/jquery.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/tether/tether.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/smooth-scroll/smooth-scroll.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/jarallax/jarallax.min.js"></script>
<script src="https://arquivosdiversos.github.io/mixwin/assets/theme/js/script.js"></script>
</body>
</html>
Re: Informações pagina
Fico Show, mas na parte da equipe do fórum/servidor era pra deixar como estava amigo, preto o fundo e a fonte de antes
Re: Informações pagina
Olá, troque o código por esse abaixo.
Eu fiz "parecido" com o print que você enviou na 1ª mensagem, ficou assim https://prnt.sc/hskfkq
Para alterar os ícones basta ir no site do fontawesome...
Até mais
Eu fiz "parecido" com o print que você enviou na 1ª mensagem, ficou assim https://prnt.sc/hskfkq
Para alterar os ícones basta ir no site do fontawesome...
- Código:
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v4.5.2, https://mobirise.com -->
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="generator" content="Mobirise v4.5.2, mobirise.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
<link rel="shortcut icon" href="" type="image/x-icon"/>
<meta name="description" content=""/>
<title>Bem vindo ao fórum</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-grid.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-reboot.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/soundcloud-plugin/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/socicon/css/styles.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/css/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/mobirise/css/mbr-additional.css" type="text/css"/>
</head>
<body>
<section class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background" id="header2-0" data-rv-view="105">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(35, 35, 35);"></div>
<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">BEM VINDO AO FÓRUM</h1>
<div class="mbr-section-btn"><a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
<a class="btn btn-md btn-primary-outline display-4" href="/forum"><span class="mbri-login mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a> <a class="btn btn-md btn-primary-outline display-4" href="https://mobirise.com"><span class="socicon socicon-teamspeak mbr-iconfont mbr-iconfont-btn"></span>TEAMSPEAK³</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="engine"><a href="https://mobirise.co/l">free bootstrap themes</a></section><section class="mbr-section content4 cid-qEVHL0uXk6" id="content4-5" data-rv-view="108">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2"><strong>Informações</strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">Veja mais informações acessando nosso fórum.</h3>
<hr/>
</div>
</div>
</div>
</section>
<section class="features4 cid-qEVKDG9eLY" id="features4-7" data-rv-view="110">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 1</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">Mobirise is an easy website builder - just drop site elements to your page, add content and style it to look the way you like.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 2</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 3</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features16 cid-qEVOTiB8pU" id="features16-9" data-rv-view="113">
<div class="container align-center">
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="#" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">blablalblalblalbalblalblab</p>
</div>
<div class="item-role px-2">
<p>Developer</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Do Servidor Sub - Dono</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features16 cid-qEVINax3ee" id="features16-6" data-rv-view="125">
<div class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">EQUIPE DO FÓRUM/SERVIDOR</h2>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u154"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Financeiro</p>
</div>
</div>
</div><div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Do Servidor Sub - Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/ydurTlb.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u352"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Ownner Do Fórum Responsável por edições</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section once="" class="cid-qEVEV9Zzg7" id="footer6-3" data-rv-view="137">
<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">©
Página criada por <a href="http://ajuda.forumeiros.com/u47631" class="text-white">Harleen</a> | sfvefwfwe | <a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a>
</p>
</div>
</div>
</div>
</section>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/jquery/jquery.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/popper/popper.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/smoothscroll/smooth-scroll.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/parallax/jarallax.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/js/script.js"></script>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i></i></a></div>
</body>
</html>
<style type="text/css">
.fa {
margin-left: 40% !important;
margin-bottom: 24px !important;
}
</style>
Até mais
Re: Informações pagina
Gabriel_Gamer escreveu:Amigo ela fico toda bugada, Não sei porque fica bugada quando eu salvo.
Eu também não entendo, comigo tá tudo certo...
Você começou a editar aqueles campos?
Poste aqui o código da página como está?
Até mais
Re: Informações pagina
Não editei nada apenas coloquei, Salvei e fico bugada rsrsrs
- Código:
<!-- Site made with Mobirise Website Builder v4.5.2, https://mobirise.com --> <meta charset="UTF-8" /> <meta content="IE=edge" http-equiv="X-UA-Compatible" /> <meta content="Mobirise v4.5.2, mobirise.com" name="generator" /> <meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport" /> <link type="image/x-icon" href="" rel="shortcut icon" /> <meta content="" name="description" /> <title>Bem vindo ao fórum</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/mobirise-icons/mobirise-icons.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-grid.min.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-reboot.min.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/soundcloud-plugin/style.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/socicon/css/styles.css" rel="stylesheet" /> <link href="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/css/style.css" rel="stylesheet" /> <link type="text/css" href="https://arquivosdiversos.github.io/brgamerharleen/assets/mobirise/css/mbr-additional.css" rel="stylesheet" /> <section data-rv-view="105" id="header2-0" class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background"> </section>
<div style="opacity: 0.7; background-color: rgb(35, 35, 35);" class="mbr-overlay">
</div><section data-rv-view="105" id="header2-0" class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background"> </section>
<div style="" 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">
BEM VINDO AO FÓRUM
</h1>
<div class="mbr-section-btn">
<a href="/register" class="btn btn-md btn-primary-outline display-4"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a> <a href="/forum" class="btn btn-md btn-primary-outline display-4"><span class="mbri-login mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a> <a href="https://mobirise.com" class="btn btn-md btn-primary-outline display-4"><span class="socicon socicon-teamspeak mbr-iconfont mbr-iconfont-btn"></span>TEAMSPEAK³</a>
</div>
</div>
</div>
</div><section data-rv-view="105" id="header2-0" class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background"> </section>
<div style="" aria-hidden="true" class="mbr-arrow hidden-sm-down">
<a href="#next"> <em class="mbri-down mbr-iconfont"></em> </a>
</div><section data-rv-view="105" id="header2-0" class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background"></section> <section class="engine"><a href="https://mobirise.co/l">free bootstrap themes</a></section><section data-rv-view="108" id="content4-5" class="mbr-section content4 cid-qEVHL0uXk6"> </section>
<div style="" class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2">
<strong>Informações</strong>
</h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">
Veja mais informações acessando nosso fórum.
</h3>
<hr />
</div>
</div>
</div><section data-rv-view="108" id="content4-5" class="mbr-section content4 cid-qEVHL0uXk6"></section> <section data-rv-view="110" id="features4-7" class="features4 cid-qEVKDG9eLY"> </section>
<div style="" class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row media-container-row">
<div class="card-box">
<em class="fa fa-weixin fa-3x" aria-hidden="true"></em>
<h4 class="card-title pb-3 mbr-fonts-style display-7">
Título 1
</h4>
<hr />
<p class="mbr-text mbr-fonts-style display-7">
Mobirise is an easy website builder - just drop site elements to your page, add content and style it to look the way you like.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<em class="fa fa-weixin fa-3x" aria-hidden="true"></em>
<h4 class="card-title pb-3 mbr-fonts-style display-7">
Título 2
</h4>
<hr />
<p class="mbr-text mbr-fonts-style display-7">
All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<em class="fa fa-weixin fa-3x" aria-hidden="true"></em>
<h4 class="card-title pb-3 mbr-fonts-style display-7">
Título 3
</h4>
<hr />
<p class="mbr-text mbr-fonts-style display-7">
Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible.
</p>
</div>
</div>
</div>
</div>
</div><section data-rv-view="110" id="features4-7" class="features4 cid-qEVKDG9eLY"></section> <section data-rv-view="113" id="features16-9" class="features16 cid-qEVOTiB8pU"> </section>
<div style="" class="container align-center">
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="#" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
blablalblalblalbalblalblab
</p>
</div>
<div class="item-role px-2">
<p>
Developer
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u343" target="_blank" class="text-white"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://i.imgur.com/tsdlF4e.png" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u342" target="_blank" class="text-white"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Administrador Do Servidor Sub - Dono
</p>
</div>
</div>
</div>
</div>
</div><section data-rv-view="113" id="features16-9" class="features16 cid-qEVOTiB8pU"></section> <section data-rv-view="125" id="features16-6" class="features16 cid-qEVINax3ee"> </section>
<div style="" class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">
EQUIPE DO FÓRUM/SERVIDOR
</h2>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u154" target="_blank" class="text-white"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Administrador Financeiro
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u343" target="_blank" class="text-white"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Administrador Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://i.imgur.com/tsdlF4e.png" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u342" target="_blank" class="text-white"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Administrador Do Servidor Sub - Dono
</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img media-simple="true" src="https://i.imgur.com/ydurTlb.png" />
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">
<a href="http://www.brasilmundogamer.com.br/u352" target="_blank" class="text-white"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a>
</p>
</div>
<div class="item-role px-2">
<p>
Ownner Do Fórum Responsável por edições
</p>
</div>
</div>
</div>
</div>
</div><section data-rv-view="125" id="features16-6" class="features16 cid-qEVINax3ee"></section> <section data-rv-view="137" id="footer6-3" class="cid-qEVEV9Zzg7" once=""> </section>
<div style="" 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">
© Página criada por <a class="text-white" href="http://ajuda.forumeiros.com/u47631">Harleen</a> | sfvefwfwe | <a class="text-white" target="_blank" href="https://www.forumeiros.com">Forumeiros</a>
</p>
</div>
</div>
</div><section data-rv-view="137" id="footer6-3" class="cid-qEVEV9Zzg7" once=""></section> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/jquery/jquery.min.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/popper/popper.min.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/js/bootstrap.min.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/smoothscroll/smooth-scroll.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/parallax/jarallax.min.js"></script> <script src="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/js/script.js"></script>
<div class="scrollToTop mbr-arrow-up" id="scrollToTop">
<a style="text-align: center;"><em></em></a>
</div>
<style type="text/css">
.fa {
margin-left: 40% !important;
margin-bottom: 24px !important;
}
</style>
Re: Informações pagina
Você está salvando em widgets, na página inicial? do jeito que o código está, me parece que sim
Você tem de salvar nas páginas HTML... Painel de Controle HTML & JAVASCRIPT HTML Gestão das páginas HTML: clique no modo avançado.
Saiba mais nessa FAQ https://ajuda.forumeiros.com/t26697-
Até mais
Você tem de salvar nas páginas HTML... Painel de Controle HTML & JAVASCRIPT HTML Gestão das páginas HTML: clique no modo avançado.
Saiba mais nessa FAQ https://ajuda.forumeiros.com/t26697-
Até mais
Re: Informações pagina
Eu perguntei onde você estava salvando, pois do jeito que o código está desconfigurado aqui nessa mensagem parecia que havia salvo em um widget... qual o link da página?
Pode não ser nada, mas remova essa parte inicial do código
E deixe assim
Para min não mudou nada, mas veja se resulta. Caso continue "bugado", já não saberei mais como lhe ajudar.
Até mais
Pode não ser nada, mas remova essa parte inicial do código
- Código:
<!DOCTYPE html>
E deixe assim
- Código:
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.5.2, https://mobirise.com -->
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="generator" content="Mobirise v4.5.2, mobirise.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
<link rel="shortcut icon" href="" type="image/x-icon"/>
<meta name="description" content=""/>
<title>Bem vindo ao fórum</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/mobirise-icons/mobirise-icons.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-grid.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/css/bootstrap-reboot.min.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/soundcloud-plugin/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/socicon/css/styles.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/css/style.css"/>
<link rel="stylesheet" href="https://arquivosdiversos.github.io/brgamerharleen/assets/mobirise/css/mbr-additional.css" type="text/css"/>
<style type="text/css">
.fa {
margin-left: 40% !important;
margin-bottom: 24px !important;
}
</style>
</head>
<body>
<section class="cid-qEVzTMW3Jn mbr-fullscreen mbr-parallax-background" id="header2-0" data-rv-view="105">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(35, 35, 35);"></div>
<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">BEM VINDO AO FÓRUM</h1>
<div class="mbr-section-btn"><a class="btn btn-md btn-primary-outline display-4" href="/register"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a>
<a class="btn btn-md btn-primary-outline display-4" href="/forum"><span class="mbri-login mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a> <a class="btn btn-md btn-primary-outline display-4" href="https://mobirise.com"><span class="socicon socicon-teamspeak mbr-iconfont mbr-iconfont-btn"></span>TEAMSPEAK³</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="engine"><a href="https://mobirise.co/l">free bootstrap themes</a></section><section class="mbr-section content4 cid-qEVHL0uXk6" id="content4-5" data-rv-view="108">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2"><strong>Informações</strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">Veja mais informações acessando nosso fórum.</h3>
<hr/>
</div>
</div>
</div>
</section>
<section class="features4 cid-qEVKDG9eLY" id="features4-7" data-rv-view="110">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 1</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">Mobirise is an easy website builder - just drop site elements to your page, add content and style it to look the way you like.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 2</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
<h4 class="card-title pb-3 mbr-fonts-style display-7">Título 3</h4>
<hr/>
<p class="mbr-text mbr-fonts-style display-7">Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features16 cid-qEVOTiB8pU" id="features16-9" data-rv-view="113">
<div class="container align-center">
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="#" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5">blablalblalblalbalblalblab</p>
</div>
<div class="item-role px-2">
<p>Developer</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Do Servidor Sub - Dono</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features16 cid-qEVINax3ee" id="features16-6" data-rv-view="125">
<div class="container align-center">
<h2 class="pb-3 mbr-fonts-style mbr-section-title display-2">EQUIPE DO FÓRUM/SERVIDOR</h2>
<div class="row media-row">
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/154-20.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u154"><span style="color: #59B31D;"><strong>Odair Delgado</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Financeiro</p>
</div>
</div>
</div><div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://2img.net/u/3512/19/36/20/avatars/343-42.jpg" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u343"><span style="color: #14912D;"><strong>Lukas Paredes</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/tsdlF4e.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u342"><span style="color: #54944A;"><strong>Maiicinhu</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Administrador Do Servidor Sub - Dono</p>
</div>
</div>
</div>
<div class="team-item col-lg-3 col-md-6">
<div class="item-image">
<img src="https://i.imgur.com/ydurTlb.png" media-simple="true"/>
</div>
<div class="item-caption py-3">
<div class="item-name px-2">
<p class="mbr-fonts-style display-5"><a class="text-white" target="_blank" href="http://www.brasilmundogamer.com.br/u352"><span style="color: #CC712B;"><strong>Gabriel Gamer</strong></span></a></p>
</div>
<div class="item-role px-2">
<p>Ownner Do Fórum Responsável por edições</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section once="" class="cid-qEVEV9Zzg7" id="footer6-3" data-rv-view="137">
<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">©
Página criada por <a href="http://ajuda.forumeiros.com/u47631" class="text-white">Harleen</a> | sfvefwfwe | <a href="https://www.forumeiros.com" target="_blank" class="text-white">Forumeiros</a>
</p>
</div>
</div>
</div>
</section>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/web/assets/jquery/jquery.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/popper/popper.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/tether/tether.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/smoothscroll/smooth-scroll.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/parallax/jarallax.min.js"></script>
<script src="https://arquivosdiversos.github.io/brgamerharleen/assets/theme/js/script.js"></script>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i></i></a></div>
</body>
</html>
Para min não mudou nada, mas veja se resulta. Caso continue "bugado", já não saberei mais como lhe ajudar.
Até mais
Re: Informações pagina
Muito obrigado Vlw, Mas continua bugada vamos fazer assim, eu vou criar uma pagina pelo mobirise, E crio um tópico e você pode me ajudar a hospedar no git?
Re: Informações pagina
Bem, não ficarei online por esses dias e como isso não função do FDF, experimente editar o código como nessa mensagem ou se for criar a página, siga as mensagens postadas nesses tópicos, que são dúvidas iguais as sua:
https://ajuda.forumeiros.com/t110432-pagina-html
https://ajuda.forumeiros.com/t110416-pagina-html
Até mais
https://ajuda.forumeiros.com/t110432-pagina-html
https://ajuda.forumeiros.com/t110416-pagina-html
Até mais
Re: Informações pagina
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Página de informações
» Modificar Página de Informações
» Informações de usuários na página inicial
» Retirar informações da página de tópicos.
» Caixa de informações na pagina inicial
» Modificar Página de Informações
» Informações de usuários na página inicial
» Retirar informações da página de tópicos.
» Caixa de informações na pagina inicial
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos