Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosInformações de ultimas mensagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Informações de ultimas mensagens
por pyrohinotama 24.05.13 22:53
Qual é minha questão:
Ola, observem este fórum: http://fairytail-xtreme.ativoforum.com/forum
gostaria que as informações( tópicos , mensagens) e o avatar(junto das outras coisas) do meu fórum fosse da mesma maneira que deste fórum.
Endereço do meu fórum:
http://rpgadventure.umforum.net
Versão do fórum:
PHPBB2
Ola, observem este fórum: http://fairytail-xtreme.ativoforum.com/forum
gostaria que as informações( tópicos , mensagens) e o avatar(junto das outras coisas) do meu fórum fosse da mesma maneira que deste fórum.
Endereço do meu fórum:
http://rpgadventure.umforum.net
Versão do fórum:
PHPBB2
Última edição por pyrohinotama em 26.05.13 17:59, editado 1 vez(es)
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por seender 24.05.13 22:57
Olá!
Só é permitido tratar de uma dúvida por tópico, escolha a dúvida que deseja tratar neste tópico.
Até mais!
Só é permitido tratar de uma dúvida por tópico, escolha a dúvida que deseja tratar neste tópico.
Até mais!
seender- Membro Entusiasta
- Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455 -
Re: Informações de ultimas mensagens
por pyrohinotama 24.05.13 23:02
não na verdade é a mesma coisa ( não é não 0.o?? )
quero as informações em uma caixa que nem aquele fórum( eu só separei para explicar melhor qual caixa era[ a com as informações de ultimas mensagen] já que fazem parte de uma coisa só)
quero as informações em uma caixa que nem aquele fórum( eu só separei para explicar melhor qual caixa era[ a com as informações de ultimas mensagen] já que fazem parte de uma coisa só)
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por pyrohinotama 25.05.13 23:41
encontrei mais fóruns que apresentam o mesmo estilo(mas ainda quero igual o primeiro.) são as informações de ultimas mensagens ao lado das categorias/fóruns( que apresentam o avatar junto dos tópicos,mensagens,data/hora e nome do usuario )
http://narutorpgstorm.ultimaterpg.net/forum
http://narutorpgrevenger.ultimaterpg.net/forum
estes são só pra mostrar ao que eu me refiro( o que eu quero no meu fórum )
http://narutorpgstorm.ultimaterpg.net/forum
http://narutorpgrevenger.ultimaterpg.net/forum
estes são só pra mostrar ao que eu me refiro( o que eu quero no meu fórum )
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por MateusA 26.05.13 4:04
Olá!
Como ja dito pelo Moderadeiro Seender so e permitido uma duvida por tópico,no entanto para fazer as categorias que deseja e nessesario a função de codigos JavaScripts a qual não damos suporte,Tambem e nessesario a editação de templantes complexos a qual não damos suporte.
Até mais.
Como ja dito pelo Moderadeiro Seender so e permitido uma duvida por tópico,no entanto para fazer as categorias que deseja e nessesario a função de codigos JavaScripts a qual não damos suporte,Tambem e nessesario a editação de templantes complexos a qual não damos suporte.
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Informações de ultimas mensagens
por pyrohinotama 26.05.13 4:31
como assim duas dúvidas o.o? olha o print do que eu quero:
viu, uma coisa só, aquela caixa
viu, uma coisa só, aquela caixa
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por MateusA 26.05.13 14:35
Olá!
Visto que seu fórum não tem a mesma estrutra do fórum citado para extrair o codigo poderá não ficar exatamente identico.
Aceda em:<br />
<br />
Até mais.
Visto que seu fórum não tem a mesma estrutra do fórum citado para extrair o codigo poderá não ficar exatamente identico.
Aceda em:<br />
Painel de ControleVisualização
<br />
- Código:
.row3.over{-webkit-box-shadow:5px 0 5px #00E;background:url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif)repeat top center;border-radius:0 15px 0 0;border-top:10px #E3D9C7;box-shadow:5px 5px 5px #00E;font-size:10px;font-style:oblique;margin-left:80px;text-align:center;width:58%}div.flip{-moz-perspective:600px;-o-perspective:600px;-webkit-perspective:600px;height:72px;perspective:600px;position:relative;width:450px}div.flip div.rotate{-moz-transform-style:preserve-3d;-moz-transition:all .3s ease-in-out .3s;-o-transform-style:preserve-3d;-o-transition:all .3s ease-in-out .3s;-webkit-transform-style:preserve-3d;-webkit-transition:all .3s ease-in-out .3s;height:100%;transform-style:preserve-3d;transition:all .3s ease-in-out .3s;width:100%}div.flip div.rotate > *{-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}div.flip div.rotate > div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#eee;box-sizing:border-box;padding:8px}div.rotate.x :nth-child(2){-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}div.flip:hover > div.rotate.x{-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}div.rotate.y :nth-child(2){-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}div.flip:hover > div.rotate.y{-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Informações de ultimas mensagens
por pyrohinotama 26.05.13 14:39
ola, funcionou, mas tem como deixar com o mesmo tamanho do parecido ou proximo?
e eu queria que as informações de quanto tópicos e mensagens tem na categoria/forum estivesse dentro desta caixa, para isso tenho de criar outro tópico mesmo? porque faz parte da ciaxa mesmo
e eu queria que as informações de quanto tópicos e mensagens tem na categoria/forum estivesse dentro desta caixa, para isso tenho de criar outro tópico mesmo? porque faz parte da ciaxa mesmo
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por MateusA 26.05.13 15:07
Olá! sugiro não criar outro tópico pois para fazer tal função e nessesario a edição de templantes junto com a utilização de codigos JavaScript ao qual não damos suporte.
Até mais.
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Informações de ultimas mensagens
por pyrohinotama 26.05.13 15:17
mas já vi muitos foruns que tem este estilo, tanto que dei 3 de exemplo, não tem como alguem consegui deles não ? preciso muito disto
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por MateusA 26.05.13 15:25
Olá! não e isso meu caro,e que o fórum dos fóruns não da suporte a isso,Lamento.
Eu até fiz o script mais não gosto de mexer em Phpbb2,Fiz para Punbb.
Até mais.
Eu até fiz o script mais não gosto de mexer em Phpbb2,Fiz para Punbb.
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Informações de ultimas mensagens
por pyrohinotama 26.05.13 15:29
poderia me passar por mp, pra eu ver se consigo que alguem converta?
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Informações de ultimas mensagens
por MateusA 26.05.13 15:35
Olá! Vou passar por aqui mesmo.
Codigo do pocisionamento do tópicos & mensagens:
Avatar do lado:
Até mais.
Codigo do pocisionamento do tópicos & mensagens:
- CLICA:
Crie um Novo JavaScript com o Investimento em Todas as Paginas com esse codigo:- Código:
jQuery(document).ready(function() {
jQuery('.main-content table.table tbody.statused tr td.tcr').each(function() {
jQuery(this).prepend('<div class="lastpost"></span>');
var l=jQuery(this).find('.lastpost');
jQuery(this).find('span:nth-child(2), .avat-miembro').prependTo(l);
});
jQuery('table.table tbody.statused tr td.tcr').prepend('<div class="cat-status">( <b class="cat-tpcs"></b> tópicos e <b class="cat-msgs"></b> mensagens )</div>');
jQuery('table.table tbody.statused tr td.tc2').each(function() {
var tpcs=jQuery(this).text();
jQuery(this).closest('tr').find('td.tcr').find('.cat-status').find('.cat-tpcs').text(tpcs);
jQuery(this).text('');
});
jQuery('table.table tbody.statused tr td.tc3').each(function() {
var msgs=jQuery(this).text();
jQuery(this).closest('tr').find('td.tcr').find('.cat-status').find('.cat-msgs').text(msgs);
jQuery(this).text('');
});
jQuery('table.table tbody.statused tr td.tcl').append('<div class="subf"></div>');
jQuery('table.table tbody.statused tr td.tcl').each(function() {
var tud=jQuery(this).html();
jQuery(this).html(tud.split(', ').join(''))
});
jQuery('table.table tbody.statused tr td.tcl').each(function() {
var l=jQuery(this).find('.subf');
jQuery(this).find('a.gensmall').prependTo(l);
});
jQuery('table.table tbody.statused tr td.tcl .subf a.gensmall').addClass('paralel');
jQuery('table.table tbody.statused tr td.tcl .subf a.paralel').append(', ');
jQuery('table.table tbody.statused tr td.tcl .subf').each(function() {
var tud=jQuery(this).find('a.paralel:last').html();
var tuud=tud.split(', ').join('');
jQuery(this).find('a.paralel:last').html(tuud);
});
});
Adicione na sua CSS:- Código:
.tc2 {
display: none !important;
}
.tc3 {
display: none !important;
}
Avatar do lado:
- CLICA:
Crie um Novo Js Investimento no Índice e Sub Fóruns- Código:
jQuery(document).ready(function(){
jQuery('td.tcr').prepend('<div class="avat-miembro"><div>');
jQuery('td.tcr .avat-miembro').each(function(){
var profileUserURL=jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="'+profileUserURL+'" class="avat-miembro-enlace"><img src="http://i.imgur.com/EkPsC.png" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL+' .module:eq(0) img:eq(0)');
});
});
Adicione na sua CSS:- Código:
/*-----------Avatar novo---------*/
.avat-miembro img {width: 40px;height: 40px;border: 1px solid #B9B8B8;padding: 2px;border-radius: 2px;background: white;float: left;margin-right: 10px;}
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
pyrohinotama- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Tópicos semelhantes» Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?
» Excluir linha que separa o titulo do tópicos, mensagens e últimas mensagens
» Remover coluna "Últimas Mensagens" e personalizar "Tópicos" e "Mensagens"
» Tirar Tópicos, Mensagens e Ultimas Mensagens?
» Cor categoria, tópicos, mensagens e ultimas mensagens
» Excluir linha que separa o titulo do tópicos, mensagens e últimas mensagens
» Remover coluna "Últimas Mensagens" e personalizar "Tópicos" e "Mensagens"
» Tirar Tópicos, Mensagens e Ultimas Mensagens?
» Cor categoria, tópicos, mensagens e ultimas mensagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos