Últimos assuntos em página html personalizada
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Últimos assuntos em página html personalizada
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é!
Re: Últimos assuntos em página html personalizada
Olá @Zênite,
Altere a página passada por mim, para:
Cordialmente,
pedxz.
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7833
Pontos : 9082
Re: Últimos assuntos em página html personalizada
Olá, modifiquei, nada mudou
http://rikudourpg.forumeiros.com/h1-pagina-inicial-construcao
Obrigado desde já!
http://rikudourpg.forumeiros.com/h1-pagina-inicial-construcao
Obrigado desde já!
Re: Últimos assuntos em página html personalizada
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](/users/2612/28/77/07/smiles/61552.gif)
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](/users/2612/28/77/07/smiles/61552.gif)
Re: Últimos assuntos em página html personalizada
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:
Aguardo resposta, até!
- 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é!
Re: Últimos assuntos em página html personalizada
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.
Fico no aguardo.
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](/users/2612/28/77/07/smiles/426228.gif)
Fico no aguardo.
Re: Últimos assuntos em página html personalizada
Olá!
Troque o código por este:
Atentamente,
RafaelS.
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.
Re: Últimos assuntos em página html personalizada
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:
Mas ainda assim ficou muito bom! Obrigado!
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!
Re: Últimos assuntos em página html personalizada
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é!
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é!
Re: Últimos assuntos em página html personalizada
Olá,
Substitua o código por esse
Até mais!
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!
Re: Últimos assuntos em página html personalizada
Olá! Modifiquei, mas "Assembleia" se manteve fora das caixas do quadro: https://i.imgur.com/BgHJDyJ.png
Obrigado e até!
Obrigado e até!
Re: Últimos assuntos em página html personalizada
Olá,
Substitua por esse código
Até mais!
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!
Re: Últimos assuntos em página html personalizada
Agora sim! Tudo funcionando perfeitamente! Obrigado, gente. Vocês são sinistros.
Até! Bom fim de domingo! Pode fechar!
Até! Bom fim de domingo! Pode fechar!
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Últimos assuntos em página html personalizada
» Design do Widget de Últimos Assuntos em Página Personalizada
» Últimos assuntos em html
» Últimos assuntos em código html
» Últimos assuntos na pagina inicial.
» Design do Widget de Últimos Assuntos em Página Personalizada
» Últimos assuntos em html
» Últimos assuntos em código html
» Últimos assuntos na pagina inicial.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos