Criação de widget personalizado
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Criação de widget personalizado
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 20:36, editado 1 vez(es)
Re: Criação de widget personalizado
Olá autor, boa tarde.
Crie um novo javascript com esse código:
E adicione esse código css em sua folha de estilo:
Até mais.
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.
Re: Criação de widget personalizado
Resultou mas está colocado à parte das estatísticas era possível dar espaço?
Re: Criação de widget personalizado
Nem havia reparado nisto...
Adicione esse código em sua folha de estilo css:
Até mais.
Adicione esse código em sua folha de estilo css:
- Código:
div.main {margin-bottom:20px;}
Até mais.
Re: Criação de widget personalizado
Resolvido obrigado!
Re: Criação de widget personalizado
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Criação de um Widget personalizado
» Criação de um perfil personalizado algumas dúvidas
» Código para Criação de Widget
» Widget personalizado
» Widget personalizado
» Criação de um perfil personalizado algumas dúvidas
» Código para Criação de Widget
» Widget personalizado
» Widget personalizado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos