Página Inicial Personalizada HTML
2 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
Página Inicial Personalizada HTML
Detalhes da questão
Endereço do fórum: http://rikudourpg.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Pela milésima vez, olá deuses da forumeiros!
Estou aqui para questionar se há possibilidade de me auxiliarem com a criação de uma página inicial para o fórum o qual administro.
A ideia é essa: https://i.imgur.com/O1GnB95.jpg
Cada um dos quadrados seria uma imagem que leva a uma área do fórum, como sugerido pelo que está escrito neles. Gostaria de um widget de últimos assuntos, como está ali também. O logo no topo, e uma aba acima de tudo para que o usuário se cadastre ou faça login.
Acredito que esse seja o pedido mais audacioso que já fiz, mas peço que me perdoem caso tenha exagerado.
Obrigado desde já!!
Re: Página Inicial Personalizada HTML
Olá,
Você deseja a mesma imagem de fundo da página inicial que usou no exemplo? Se você deseja ela, teria como enviar o link dela para mim?
att,
Você deseja a mesma imagem de fundo da página inicial que usou no exemplo? Se você deseja ela, teria como enviar o link dela para mim?
att,
Re: Página Inicial Personalizada HTML
Olá
A imagem é essa aqui: https://www.wallpaperflare.com/static/652/195/591/anime-naruto-shippuuden-minimalism-kyuubi-wallpaper.jpg
Obrigado desde já!
A imagem é essa aqui: https://www.wallpaperflare.com/static/652/195/591/anime-naruto-shippuuden-minimalism-kyuubi-wallpaper.jpg
Obrigado desde já!
Re: Página Inicial Personalizada HTML
Olá,
Poderia passar o logo separado com o fundo transparente para eu já adicionar na página?
att,
Poderia passar o logo separado com o fundo transparente para eu já adicionar na página?
att,
Re: Página Inicial Personalizada HTML
Boa Tarde!
Fiz algo que acho que chegou próximo ao que deseja, veja se gostou e se deseja alguma alteração.
att,
Fiz algo que acho que chegou próximo ao que deseja, veja se gostou e se deseja alguma alteração.
- Código:
<!---------------- Todos os créditos Reservados ----------------->
<!---------------- Feito por iPrompt - FDF ----------------------->
<!---------------- Não retirar os créditos por favor ------------->
<meta charset="UTF-8" /><title>Naruto Rikudou</title>
<div class="barra">
<span>
</span>
<p style="">
<a href="”register”">Cadastre-se</a>. Já é registrado? <a href="login">Faça seu login</a>
</p><span></span>
</div>
<div style="" class="main-header__logo">
<center>
<img class="header-logo" alt="Naruto Rikudou" src="https://upload.wikimedia.org/wikipedia/pt/6/61/Naruto-logo-shippuuden.png" style="width: 300px;margin-left: -500px;" />
</center>
</div>
<div id="ultassunto">
<div class="boxult">
<img src="imagem" alt="" /> <span>Último assuntos</span>
</div>
<div class="container">
<div id="id4">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a>
<center>
<span>Fórum</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Solicitações</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Off-topic</span>
</center>
</div>
</div>
<div id="id2">
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Regras</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Assembleia</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Podcast</span>
</center>
</div>
</div>
<div id="id3">
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Registros</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Mundo</span>
</center>
</div>
<div class="box"><a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Parceiros</span>
</center>
</div>
</div>
</div>
<footer>
<p>Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019</p>
</footer>
<style>
footer {
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
#ultassunto {
width: 30%;
margin: 1rem auto;
background: transparent;
background-size: cover;
display: flex;
}
.boxult {
width: 240px;
margin-left: -500px!important;
height: 420px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
text-align: center;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
margin-top: 30px!important;
}
#id4
{
float:left;
}
#id3
{
float:left;
}
body {
background: url('https://images5.alphacoders.com/673/thumb-1920-673682.png') no-repeat;
overflow: hidden;
width: 100vw;
height: 100vh;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
display: block;
}
#container img {float:left}
.container {
width: 30%;
margin-left: -250px!important;
margin: 1rem auto;
background: transparent;
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
background-size: cover;
}
.box {
width: 140px;
height: 130px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
}
#id3
{
float:right;
}
.barra {
background-color: black;
position: relative;
left: 0;
float: right!important;
right: 0;
height: 45px;
margin-top: -9px;
width: 390px;
border-bottom-left-radius: 16px;
color: white!important;
}
div p{
float:right;
font-size: 20px;
margin-top: -5px;
padding: 15px;
}
</style>
</div>
att,
Re: Página Inicial Personalizada HTML
Olá,
Ficou sim muito próximo, mas, se possível, gostaria dos botões, do "últimos assuntos" e do logo, posicionados ao centro, como no exemplo: https://imgur.com/O1GnB95
Outra dúvida que tenho é: é possível instalar o Widget de Últimos Assuntos no campo onde está exemplificado como "Últimos Assuntos"?
Obrigado desde já!! Ficou bem maneiro!
Ficou sim muito próximo, mas, se possível, gostaria dos botões, do "últimos assuntos" e do logo, posicionados ao centro, como no exemplo: https://imgur.com/O1GnB95
Outra dúvida que tenho é: é possível instalar o Widget de Últimos Assuntos no campo onde está exemplificado como "Últimos Assuntos"?
Obrigado desde já!! Ficou bem maneiro!
Re: Página Inicial Personalizada HTML
Olá,
Veja agora
Sobre o Últimos Assuntos eu estou tentando encontrar uma forma de colocar
att,
Veja agora
- Código:
<!-- -------------- Todos os créditos Reservados --------------- -->
<!-- -------------- Feito por iPrompt - FDF --------------------- -->
<!-- -------------- Não retirar os créditos por favor ----------- --> <meta charset="UTF-8" /><title>Naruto Rikudou</title>
<div class="barra"><span></span>
<p style=""><a href="”register”">Cadastre-se</a>. Já é registrado? <a href="login">Faça seu login</a>
</p><span></span>
</div>
<div class="main-header__logo" style="">
<center>
<img style="width: 300px;margin-left: 0px;" src="https://upload.wikimedia.org/wikipedia/pt/6/61/Naruto-logo-shippuuden.png" alt="Naruto Rikudou" class="header-logo" />
</center>
</div>
<div id="ultassunto">
<div class="boxult">
<img alt="" src="imagem" /> <span>Último assuntos</span>
</div>
<div class="container">
<div id="id4">
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a>
<center>
<span>Fórum</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Solicitações</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Off-topic</span>
</center>
</div>
</div>
<div id="id2">
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Regras</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Assembleia</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Podcast</span>
</center>
</div>
</div>
<div id="id3">
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Registros</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Mundo</span>
</center>
</div>
<div class="box">
<a target="_blank" href="http://rikudourpg.forumeiros.com"><img alt="" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" src="https://img.artpal.com/96228/9-13-48t.jpg" /></a> <img alt="" src="imagem" />
<center><span>Parceiros</span>
</center>
</div>
</div>
</div>
<footer> </footer>
<p style="">
Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
</p><footer></footer> <style>
footer {
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
#ultassunto {
width: 36%;
margin: 1rem auto;
background: transparent;
background-size: cover;
display: flex;
}
.boxult {
width: 240px;
margin-left: 400px!important;
height: 420px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
text-align: center;
position: fixed;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
margin-top: 30px!important;
}
#id4
{
float:left;
}
#id3
{
float:left;
}
body {
background: url('https://images5.alphacoders.com/673/thumb-1920-673682.png') no-repeat;
overflow: hidden;
width: 100vw;
height: 100vh;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
display: block;
}
#container img {float:left}
.container {
width: 30%;
margin-left: -140px!important;
margin: 1rem auto;
background: transparent;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
background-size: cover;
}
.box {
width: 140px;
height: 130px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
}
#id3
{
float:right;
}
.barra {
background-color: black;
position: relative;
left: 0;
float: right!important;
right: 0;
height: 45px;
margin-top: -9px;
width: 390px;
border-bottom-left-radius: 16px;
color: white!important;
}
div p{
float:right;
font-size: 20px;
margin-top: -5px;
padding: 15px;
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
</style>
</div>
Sobre o Últimos Assuntos eu estou tentando encontrar uma forma de colocar
att,
Re: Página Inicial Personalizada HTML
Tudo foi para o centro, como desejado, mas o "Últimos assuntos" colou nos botões; E o botão de cadastro lá em cima ficou estranho também, veja: https://i.imgur.com/9vvVmTV.png
Obrigado novamente e até!
Obrigado novamente e até!
Re: Página Inicial Personalizada HTML
Olá,
Faça o teste agora
att,
Faça o teste agora
- Código:
<!-- -------------- Todos os créditos Reservados --------------- -->
<!-- -------------- Feito por iPrompt - FDF --------------------- -->
<!-- -------------- Não retirar os créditos por favor ----------- --> <meta charset="UTF-8" /><title>Naruto Rikudou</title>
<div class="barra">
<span>
</span>
<p style="">
<a href="”register”">Cadastre-se</a>. Já é registrado? <a href="login">Faça seu login</a>
</p><span></span>
</div>
<div style="" class="main-header__logo">
<center>
<img class="header-logo" alt="Naruto Rikudou" src="https://upload.wikimedia.org/wikipedia/pt/6/61/Naruto-logo-shippuuden.png" style="width: 300px;margin-left: 0px;" />
</center>
</div>
<div id="ultassunto">
<div class="boxult">
<img src="imagem" alt="" /> <span>Último assuntos</span>
</div>
<div class="container">
<div id="id4">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a>
<center>
<span>Fórum</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Solicitações</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Off-topic</span>
</center>
</div>
</div>
<div id="id2">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Regras</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Assembleia</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Podcast</span>
</center>
</div>
</div>
<div id="id3">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Registros</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Mundo</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Parceiros</span>
</center>
</div>
</div>
</div>
<footer> </footer>
<p style="display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;">
Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
</p><footer></footer> <style>
footer {
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
#ultassunto {
width: 36%;
margin: 1rem auto;
background: transparent;
background-size: cover;
display: flex;
}
.boxult {
width: 240px;
margin-left: 490px!important;
height: 420px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
text-align: center;
position: absolute;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
margin-top: 30px!important;
}
#id4
{
float:left;
}
#id3
{
float:left;
}
body {
background: url('https://images5.alphacoders.com/673/thumb-1920-673682.png') no-repeat;
overflow: hidden;
width: 100vw;
height: 100vh;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
display: block;
}
#container img {float:left}
.container {
width: 30%;
margin-left: -140px!important;
margin: 1rem auto;
background: transparent;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
background-size: cover;
}
.box {
width: 140px;
height: 130px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
}
#id3
{
float:right;
}
.barra {
background-color: black;
position: relative;
left: 0;
float: right!important;
right: 0;
height: 45px;
margin-top: -9px;
width: 390px;
border-bottom-left-radius: 16px;
color: white!important;
}
div p{
float:right;
font-size: 20px;
margin-top: -5px;
padding: 15px;
display: block;
position: absolute;
}
</style>
</div>
att,
Re: Página Inicial Personalizada HTML
Ficou FINO cara! Tá bem maneiro!
Alguma sorte tentando colocar o Widget de Últimos Assuntos por ali?
Muito obrigado, mesmo!
Edit: Percebi agora que mandei a imagem errada do logo, a correta é essa: https://i.imgur.com/QwJIV7i.png
Alguma sorte tentando colocar o Widget de Últimos Assuntos por ali?
Muito obrigado, mesmo!
Edit: Percebi agora que mandei a imagem errada do logo, a correta é essa: https://i.imgur.com/QwJIV7i.png
Re: Página Inicial Personalizada HTML
Olá,
Segue código com as alterações
Sobre os últimos assuntos eu estou pesquisando aqui e tentando encontrar uma forma.
att,
Segue código com as alterações
- Código:
<!-- -------------- Todos os créditos Reservados --------------- -->
<!-- -------------- Feito por iPrompt - FDF --------------------- -->
<!-- -------------- Não retirar os créditos por favor ----------- --> <meta charset="UTF-8" /><title>Naruto Rikudou</title>
<div class="barra">
<span>
</span>
<p style="">
<a href="”register”">Cadastre-se</a>. Já é registrado? <a href="login">Faça seu login</a>
</p><span></span>
</div>
<div style="" class="main-header__logo">
<center>
<img class="header-logo" alt="Naruto Rikudou" src="https://i.imgur.com/QwJIV7i.png" style="width: 300px;margin-left: 0px;" />
</center>
</div>
<div id="ultassunto">
<div class="boxult">
<img src="imagem" alt="" /> <span>Último assuntos</span>
</div>
<div class="container">
<div id="id4">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a>
<center>
<span>Fórum</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Solicitações</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Off-topic</span>
</center>
</div>
</div>
<div id="id2">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Regras</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Assembleia</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Podcast</span>
</center>
</div>
</div>
<div id="id3">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Registros</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Mundo</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Parceiros</span>
</center>
</div>
</div>
</div>
<footer> </footer>
<p style="display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;">
Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
</p><footer></footer> <style>
footer {
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
#ultassunto {
width: 36%;
margin: 1rem auto;
background: transparent;
background-size: cover;
display: flex;
}
.boxult {
width: 240px;
margin-left: 490px!important;
height: 420px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
text-align: center;
position: absolute;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
margin-top: 30px!important;
}
#id4
{
float:left;
}
#id3
{
float:left;
}
body {
background: url('https://images5.alphacoders.com/673/thumb-1920-673682.png') no-repeat;
overflow: hidden;
width: 100vw;
height: 100vh;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
display: block;
}
#container img {float:left}
.container {
width: 30%;
margin-left: -140px!important;
margin: 1rem auto;
background: transparent;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
background-size: cover;
}
.box {
width: 140px;
height: 130px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
}
#id3
{
float:right;
}
.barra {
background-color: black;
position: relative;
left: 0;
float: right!important;
right: 0;
height: 45px;
margin-top: -9px;
width: 390px;
border-bottom-left-radius: 16px;
color: white!important;
}
div p{
float:right;
font-size: 20px;
margin-top: -5px;
padding: 15px;
display: block;
position: absolute;
}
</style>
</div>
Sobre os últimos assuntos eu estou pesquisando aqui e tentando encontrar uma forma.
att,
Re: Página Inicial Personalizada HTML
Acho que a diferença entre a imagem do logo anterior e da nova deixou tudo torto hehe, olha como ficou: https://i.imgur.com/v3QqLJh.png
Até!! Obrigado pela paciência!
Até!! Obrigado pela paciência!
Re: Página Inicial Personalizada HTML
Olá,
Tente agora
att,
Tente agora
- Código:
<!-- -------------- Todos os créditos Reservados --------------- -->
<!-- -------------- Feito por iPrompt - FDF --------------------- -->
<!-- -------------- Não retirar os créditos por favor ----------- --> <meta charset="UTF-8" /><title>Naruto Rikudou</title>
<div class="barra">
<span>
</span>
<p style="">
<a href="”register”">Cadastre-se</a>. Já é registrado? <a href="login">Faça seu login</a>
</p><span></span>
</div>
<div style="" class="main-header__logo">
<center>
<img class="header-logo" alt="Naruto Rikudou" src="https://i.imgur.com/wHHv814.png" style="width: 300px;margin-left: 0px;" />
</center>
</div>
<div id="ultassunto">
<div class="boxult">
<img src="imagem" alt="" /> <span>Último assuntos</span>
</div>
<div class="container">
<div id="id4">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a>
<center>
<span>Fórum</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Solicitações</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Off-topic</span>
</center>
</div>
</div>
<div id="id2">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Regras</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Assembleia</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Podcast</span>
</center>
</div>
</div>
<div id="id3">
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Registros</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Mundo</span>
</center>
</div>
<div class="box">
<a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://img.artpal.com/96228/9-13-48t.jpg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
" alt="" /></a> <img src="imagem" alt="" />
<center>
<span>Parceiros</span>
</center>
</div>
</div>
</div>
<footer> </footer>
<p style="display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;">
Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
</p><footer></footer> <style>
footer {
display: block;
position: absolute;
bottom: -30;
width: 65%;
opacity: 0.6;
}
#ultassunto {
width: 36%;
margin: 1rem auto;
background: transparent;
background-size: cover;
display: flex;
}
.boxult {
width: 240px;
margin-left: 490px!important;
height: 420px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
text-align: center;
position: absolute;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
margin-top: 30px!important;
}
#id4
{
float:left;
}
#id3
{
float:left;
}
body {
background: url('https://images5.alphacoders.com/673/thumb-1920-673682.png') no-repeat;
overflow: hidden;
width: 100vw;
height: 100vh;
padding: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
display: block;
}
#container img {float:left}
.container {
width: 30%;
margin-left: -140px!important;
margin: 1rem auto;
background: transparent;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
background-size: cover;
}
.box {
width: 140px;
height: 130px;
box-sizing: border-box;
padding: 1rem;
margin: 1rem;
position: relative;
border-radius: 10px;
color: white;
z-index: 2;
background-color: #1b1f2f;
}
#id3
{
float:right;
}
.barra {
background-color: black;
position: relative;
left: 0;
float: right!important;
right: 0;
height: 45px;
margin-top: -9px;
width: 390px;
border-bottom-left-radius: 16px;
color: white!important;
}
div p{
float:right;
font-size: 20px;
margin-top: -5px;
padding: 15px;
display: block;
position: absolute;
}
</style>
</div>
att,
Re: Página Inicial Personalizada HTML
Agora sim! Sucesso! Tudo certinho!
Alguma novidade quanto ao widget??
Até!
Alguma novidade quanto ao widget??
Até!
Re: Página Inicial Personalizada HTML
Olá!
Visto que só é permitido uma dúvida por tópico, estarei arquivando este.
Cordialmente,
Roger123
Visto que só é permitido uma dúvida por tópico, estarei arquivando este.
Tópico resolvidoMovido para "Questões resolvidas". |
Roger123
Convidado- Convidado
![-](https://2img.net/i/empty.gif)
» Definir página HTML personalizada como página inicial
» Página inicial HTML personalizada
» Página inicial html personalizada
» Criar uma página inicial HTML personalizada
» [Dúvida] Criar uma página inicial HTML personalizada
» Página inicial HTML personalizada
» Página inicial html personalizada
» Criar uma página inicial HTML personalizada
» [Dúvida] Criar uma página inicial HTML personalizada
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