Efeitos em lastpost

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

Resolvido Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 09:55 pm

Qual é minha questão:
Entrei em Um Forum e Vi Isso : print:



Quero Saber Como Faço Isto Na Frente da Categoria ^^
Como Faço ???

Endereço do meu fórum:
http://hexusgames.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por alysson789 em 25/02/13, 11:41 pm, editado 2 vez(es)
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Ace em 25/02/13, 09:57 pm

Olá,

Poderia nos indicar qual efeito quer? Avatar ou a moldura? E, de preferência, nos envie a URL do fórum.

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 10:05 pm

Pronto Edit@
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 10:34 pm

Malz Pelo Double Poste , mais ninguem vai ajudar ???
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Gmtp em 25/02/13, 10:39 pm

Olá

Aceda este código em sua folha CSS:

Código:
.topiclist.forums dd.lastpost{-moz-border-radius:7px;-webkit-border-radius:7px;border:2px solid #eee;border-radius:7px;-moz-box-shadow:1px 1px 5px #9C9C9C; -webkit-box-shadow:1px 1px 5px #9C9C9C; box-shadow:1px 1px 5px #9C9C9C}

Até
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 10:44 pm

Pow Man Falto a Foto Como Coloco ???
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Gmtp em 25/02/13, 10:54 pm

Olá

alysson789, eu coloquei pesquisando nos tópicos, tem como mandar outro print expecificando oque tu quer?

ATÉ
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 10:56 pm

ai ta ai '-' o print Quero As Bordar e a Foto Dentro Do Balao ^^
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Gmtp em 25/02/13, 11:05 pm

Olá

Não consigo ver, tem como postar o link?

Até
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 11:14 pm

Tah ^^ Aqui o Link: http://i.imgur.com/tC88wdG.png
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.forumeiros.com

Resolvido Re: Efeitos em lastpost

Mensagem por Gmtp em 25/02/13, 11:30 pm

Olá,

Faça os seguintes procedimentos:
Painel de controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos Javascript >> Criar novo código Javascript:

Nome: O que desejas
Intestimento: No indice
Código Javascript:


Código:
$(document).on('ready', function() {
    $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
    $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
        var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
        $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
        $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
    });
});

Depois vai em

Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS >> Adicione o seguinte código

Código:
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}

Até

Creditos : Quakeline por criar
Creditos : gymil por postar
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeitos em lastpost

Mensagem por Cooper em 25/02/13, 11:41 pm

Valew Deu Certo ^^
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

Ver perfil do usuário http://hexusgames.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