Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Opiniões: criar um fórum sobre apostas?
Hoje à(s) 08:45 am por Roger_Crazzy

» Legenda GIF
Hoje à(s) 08:43 am por MtX

» Quanto tempo vocês estão no Forumeiros?
Hoje à(s) 08:27 am por loucozinho

» Quem você mais admira no Fórum dos Fóruns?
Hoje à(s) 08:22 am por loucozinho

» Apresentação dos membros (fale sobre você)
Hoje à(s) 08:19 am por loucozinho

» Imagem em determinada área
Hoje à(s) 07:03 am por Roger_Crazzy

» Sub-Fóruns
Hoje à(s) 06:49 am por Roger_Crazzy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Roger_Crazzy
 
Lincoln
 
Holkis
 

Quem está conectado
242 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 239 Visitantes :: 2 Motores de busca

JulioPais, MtX, Roger_Crazzy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Criação de widget personalizado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Criação de widget personalizado

Mensagem por IsmaelS. em 13/03/17, 11:56 pm

Detalhes da questão


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

Descrição


Olá!

Queria colocar o Creation of the Week como aqui:
- http://suportedesign.forumeiros.com/

Porém queria para a nova versão do fórum, pois os códigos que testei não resultam.


Última edição por IsmaelS. em 14/03/17, 05:36 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Criação de widget personalizado

Mensagem por while em 14/03/17, 05:14 pm

Olá autor, boa tarde.

Crie um novo javascript com esse código:

Código:
$(function(){var sotw={imagem:'http://i.imgur.com/ndTQ2gX.jpg',tema:'Game of Thrones',vencedor:'Zero'};$('ul.linklist.bottom').before('<div class="main">'+'<div class="main-head">'+' <div class="page-title">'+'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>'+' </div>'+'</div>'+'<div class="main-content" id="cepheus">'+'<table cellspacing="0" class="table">'+' <thead>'+'  <tr>'+'    <th class="tcd"><strong>Tema:</strong> '+sotw.tema+'</th>'+'    <th class="tcd"><strong>Vencedor:</strong> '+sotw.vencedor+'</th>'+'  </tr>'+' </thead>'+' <tbody class="statused">'+'  <tr>'+'    <td class="row2" style="text-align: center;" colspan="2">'+'      <img src="'+sotw.imagem+'" />'+'    </td>'+'  </tr>'+' </tbody>'+'</table>'+'</div>'+'</div>')});

E adicione esse código css em sua folha de estilo:

Código:
.page-title {
    background-color: #2a2c33;
    border-bottom: 1px solid #3091C1;
    box-shadow: #3091C1 0 -2px 0 inset;
    border-radius: 2px 2px 0 0;
    color: #fff;
    margin-top: 10px;
    padding: 1em;
    text-shadow: none;
}
div.main-head > div > h2 > strong {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
#cepheus > table > tbody > tr > td > img {margin-left:250px!important;padding:20px;}
th.tcd {float:left!important;margin-left:30px;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Criação de widget personalizado

Mensagem por IsmaelS. em 14/03/17, 05:26 pm

Resultou mas está colocado à parte das estatísticas era possível dar espaço?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Criação de widget personalizado

Mensagem por while em 14/03/17, 05:34 pm

Nem havia reparado nisto...

Adicione esse código em sua folha de estilo css:

Código:
div.main {margin-bottom:20px;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Criação de widget personalizado

Mensagem por IsmaelS. em 14/03/17, 05:36 pm

Resolvido obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Criação de widget personalizado

Mensagem por Kyo Panda em 15/03/17, 09:17 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3638
Pontos Ativos : 4859

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum