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á!!

UP (creio que a regra é "passou das 24h pode dar UP")

><

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,

Olá

A imagem é essa aqui: https://www.wallpaperflare.com/static/652/195/591/anime-naruto-shippuuden-minimalism-kyuubi-wallpaper.jpg

Obrigado desde já!

Olá,

Poderia passar o logo separado com o fundo transparente para eu já adicionar na página?

att,

Olá, boa tarde,

Aqui está o link para o logo -> https://i.imgur.com/crWRWV9.png

Até!

Boa Tarde!

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,

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!

Olá,

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,

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é!

Olá,

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,

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

Olá,

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,

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!

Olá,

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,

Agora sim! Sucesso! Tudo certinho!

Alguma novidade quanto ao widget??


Até!

Olá!
Visto que só é permitido uma dúvida por tópico, estarei arquivando este.

Tópico resolvido Movido para "Questões resolvidas".

Cordialmente,
Roger123