�ltimos assuntos - Últimos assuntos em página html personalizada Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Últimos assuntos em página html personalizada

4 participantes

Ir para baixo

Tópico resolvido Últimos assuntos em página html personalizada

Mensagem por Zênite 28.01.19 17:44

Detalhes da questão


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

Descrição


Olá! Estou tentando personalizar a página HTML do meu fórum, até então sem muito sucesso.

A página foi criada neste tópico por um membro do FdF -> https://ajuda.forumeiros.com/t113463-pagina-inicial-personalizada-html#802238

A ideia que ela seja assim: https://i.imgur.com/O1GnB95.jpg

Mas, atualmente, está assim: http://rikudourpg.forumeiros.com/h1-pagina-inicial-construcao

Bom, dito isso, eu queria que fosse possível colocar no quadro "Últimos assuntos" o widget de Últimos Assuntos.

O usuário Pedxz tentou ajudar colocando esse código:
Código:
<!--  -------------- Todos os créditos Reservados ---------------  -->
<!--  -------------- Feito por iPrompt - FDF ---------------------  -->
<!--  -------------- Não retirar os créditos por favor -----------  -->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Naruto Rikudou</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <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>
  </head>
  <body>
      <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects');
      });
      }(jQuery));
    </script>
      <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 class="subject-last-load"></div>
      </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> 
      </div>
      </body>
      </html>

Mas, o Widget fica bugado, como na imagem: https://i.imgur.com/VBwtvuN.png

Queria ele da mesma forma que se encontra no fórum, com as mesmas cores de fundo e funcionando, mexendo e tudo mais. É possível fazer isso sem bugar os posicionamentos dos demais quadros?

Obrigado desde já, espero ter sido claro, até!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por tikky 28.01.19 19:47

Olá @Zênite,
Altere a página passada por mim, para:
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> 
  <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects');
      });
      }(jQuery));
    </script>

<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 class="subject-last-load"></div>
  </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>


Cordialmente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 28.01.19 19:56

Olá, modifiquei, nada mudou

http://rikudourpg.forumeiros.com/h1-pagina-inicial-construcao

Obrigado desde já!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por RafaelS. 29.01.19 13:54

Olá!

Poderia colocar novamente o código inicial? O código do @Pedxz não pode funcionar pois não inclui a library jQuery.

Fico no aguardo. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 29.01.19 18:32

Bom, não sei qual o código você considerou "inicial", mas modifiquei para o último que o AquilesD. encaminhou no outro tópico, esse:

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>

Aguardo resposta, até!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por RafaelS. 29.01.19 18:40

Olá novamente,

Refiro-me ao código que postou na primeira mensagem deste tópico.
Esse do AquilesD. não possuí a biblioteca (jQuery) necessária. Piscada

Fico no aguardo.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 29.01.19 19:09

Olá, perdão pelo engano, coloquei o primeiro!

Até!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por RafaelS. 29.01.19 19:48

Olá!

Troque o código por este:

Código:
<!--  -------------- Todos os créditos Reservados ---------------  -->
<!--  -------------- Feito por iPrompt - FDF ---------------------  -->
<!--  -------------- Não retirar os créditos por favor -----------  -->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Naruto Rikudou</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <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;
        }

.mod-recent-row {
    display: block;
    background: #f7f7f7;
    margin: 5px;
    padding: 5px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}

.mod-recent-row span {
    color: black;
}

a.mod-recent-title {
    display: block;
}
i[class*='ion-'] {
    margin: 5px;
}

.mod-recent-row a {
    text-decoration: none;
}

.lastsubjects marquee {height: 23em !important;}
      </style>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  </head>
  <body>
      <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects', function() {
var $marq = $(".marquee");
$marq.replaceWith(function () {
    return $('<marquee/>', {
        direction: 'up',
        html: this.innerHTML
    });
});
      });
      });
      }(jQuery));
    </script>
      <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 class="subject-last-load"></div>
      </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>
      </div>
      </body>
      </html>

Atentamente,
RafaelS.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 29.01.19 20:06

Olá! O código funcionou, embora o texto tenha se deslocado para fora dos quadros, veja: https://i.imgur.com/2p8EOe7.png

Edit: fiz alterações no código, mas apenas no quesito de imagens. Para que não haja todo um trabalho de alterar um campo por vez, vou deixar o código com as imagens novas aqui:

Código:
<!--  -------------- Todos os créditos Reservados ---------------  -->
<!--  -------------- Feito por iPrompt - FDF ---------------------  -->
<!--  -------------- Não retirar os créditos por favor -----------  -->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Naruto Rikudou</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <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://i.pinimg.com/originals/3d/dd/dd/3ddddd244c58ae57efa31fb2163b72d7.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;
        }
 
.mod-recent-row {
    display: block;
    background: #f7f7f7;
    margin: 5px;
    padding: 5px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
 
.mod-recent-row span {
    color: black;
}
 
a.mod-recent-title {
    display: block;
}
i[class*='ion-'] {
    margin: 5px;
}
 
.mod-recent-row a {
    text-decoration: none;
}
 
.lastsubjects marquee {height: 23em !important;}
      </style>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  </head>
  <body>
      <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects', function() {
var $marq = $(".marquee");
$marq.replaceWith(function () {
    return $('<marquee/>', {
        direction: 'up',
        html: this.innerHTML
    });
});
      });
      });
      }(jQuery));
    </script>
      <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 class="subject-last-load"></div>
      </div>
      <div class="container">
      <div id="id4">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="http://www.jeuxzone.net/timthumb.php?src=/images/games/18806_250x150.jpg&w=140&h=110" 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://i.imgur.com/LVjDaYY.png" 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="http://idws.id/uploads/forum/single/1408746506.jpeg" 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://i.imgur.com/flAzjCx.png" 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://i.imgur.com/uHAZiRV.png" 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://i.imgur.com/HQAkN3v.png" 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://i.imgur.com/gmBx5Lu.png" 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://i.imgur.com/4saoTy2.png" 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://i.imgur.com/bNRtWLO.png" 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>
      </div>
      </body>
      </html>

Mas ainda assim ficou muito bom! Obrigado!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Convidado 01.02.19 16:38

Olá,

Está normal, verifique.

Fico no aguardo.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 01.02.19 18:46

Olá, Roger! Então, eu verifiquei e aqui continua desajustado: https://i.imgur.com/H6n7xCT.png

Chequei em outro monitor, mesma coisa. E pelo celular também. Pedi a um outro membro do fórum checar em seu monitor, mesmo resultado.

Tem ideia do que pode ser? :/

Obrigado desde já e até!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Roevs 01.02.19 22:34

Olá,

Substitua o código por esse

Código:
<!--  -------------- Todos os créditos Reservados ---------------  -->
<!--  -------------- Feito por iPrompt - FDF ---------------------  -->
<!--  -------------- Não retirar os créditos por favor -----------  -->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Naruto Rikudou</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <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://i.pinimg.com/originals/3d/dd/dd/3ddddd244c58ae57efa31fb2163b72d7.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;
        }
 
.mod-recent-row {
    display: block;
    background: #f7f7f7;
    margin: 5px;
    padding: 5px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
 
.mod-recent-row span {
    color: black;
}
 
a.mod-recent-title {
    display: block;
}
i[class*='ion-'] {
    margin: 5px;
}
 
.mod-recent-row a {
    text-decoration: none;
}
 
.lastsubjects marquee {height: 23em !important;}
      </style>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  </head>
  <body>
      <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects', function() {
var $marq = $(".marquee");
$marq.replaceWith(function () {
    return $('<marquee/>', {
        direction: 'up',
        html: this.innerHTML
    });
});
      });
      });
      }(jQuery));
    </script>
      <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 class="subject-last-load"></div>
      </div>
      <div class="container">
      <div id="id4">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="http://www.jeuxzone.net/timthumb.php?src=/images/games/18806_250x150.jpg&w=140&h=110" 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://i.imgur.com/LVjDaYY.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Solicitações</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="http://idws.id/uploads/forum/single/1408746506.jpeg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Off-topic</span>
      </center>
      </div>
      </div>
      <div id="id2">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/flAzjCx.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Regras</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/uHAZiRV.png" 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 style="margin-top: -24px;">Assembleia</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/HQAkN3v.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Podcast</span>
      </center>
      </div>
      </div>
      <div id="id3">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/gmBx5Lu.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Registros</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/4saoTy2.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Mundo</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/bNRtWLO.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Parceiros</span>
      </center>
      </div>
      </div>
      </div>
      <footer>  </footer>
      <p style="display: block;
      position: absolute;
      bottom: -30px!important;
      width: 65%;
      opacity: 0.6;">
      Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
      </p><footer></footer>
      </div>
      </body>
      </html>

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 03.02.19 21:26

Olá! Modifiquei, mas "Assembleia" se manteve fora das caixas do quadro: https://i.imgur.com/BgHJDyJ.png

Obrigado e até!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Roevs 03.02.19 21:45

Olá,

Substitua por esse código

Código:
<!--  -------------- Todos os créditos Reservados ---------------  -->
<!--  -------------- Feito por iPrompt - FDF ---------------------  -->
<!--  -------------- Não retirar os créditos por favor -----------  -->
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Naruto Rikudou</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <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://i.pinimg.com/originals/3d/dd/dd/3ddddd244c58ae57efa31fb2163b72d7.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;
        }
 
.mod-recent-row {
    display: block;
    background: #f7f7f7;
    margin: 5px;
    padding: 5px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
 
.mod-recent-row span {
    color: black;
}
 
a.mod-recent-title {
    display: block;
}
i[class*='ion-'] {
    margin: 5px;
}
 
.mod-recent-row a {
    text-decoration: none;
}
 
.lastsubjects marquee {height: 23em !important;}
      </style>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  </head>
  <body>
      <script type="text/javascript">
      (function($) {
      'use strict';
      $(function() {
      $('.subject-last-load').load('/forum .lastsubjects', function() {
var $marq = $(".marquee");
$marq.replaceWith(function () {
    return $('<marquee/>', {
        direction: 'up',
        html: this.innerHTML
    });
});
      });
      });
      }(jQuery));
    </script>
      <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 class="subject-last-load"></div>
      </div>
      <div class="container">
      <div id="id4">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="http://www.jeuxzone.net/timthumb.php?src=/images/games/18806_250x150.jpg&w=140&h=110" 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://i.imgur.com/LVjDaYY.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Solicitações</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="http://idws.id/uploads/forum/single/1408746506.jpeg" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Off-topic</span>
      </center>
      </div>
      </div>
      <div id="id2">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/flAzjCx.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Regras</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/uHAZiRV.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <spanAssembleia</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/HQAkN3v.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Podcast</span>
      </center>
      </div>
      </div>
      <div id="id3">
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/gmBx5Lu.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Registros</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/4saoTy2.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Mundo</span>
      </center>
      </div>
      <div class="box">
      <a href="http://rikudourpg.forumeiros.com" target="_blank"><img src="https://i.imgur.com/bNRtWLO.png" style="width: 139px;height: 109px;margin-top: -16px;border-radius: 10px 10px 0px 0px;margin-left: -16px;
      " alt="" /></a>          <img src="imagem" alt="" />
      <center style="margin-top: -24px;">
      <span>Parceiros</span>
      </center>
      </div>
      </div>
      </div>
      <footer>  </footer>
      <p style="display: block;
      position: absolute;
      bottom: -30px!important;
      width: 65%;
      opacity: 0.6;">
      Todos direitos reservados / Feito Exclusivo a Naruto Rikudo RPG / 2019 - 2019
      </p><footer></footer>
      </div>
      </body>
      </html>

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Zênite 03.02.19 23:33

Agora sim! Tudo funcionando perfeitamente! Obrigado, gente. Vocês são sinistros.


Até! Bom fim de domingo! Pode fechar!
Zênite
Zênite
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos em página html personalizada

Mensagem por Roevs 03.02.19 23:56

Tópico resolvido


Movido para "Questões resolvidas".
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos