Como colocar este efieto, ultimas mensagens

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

Resolvido Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 26/10/12, 02:40 pm

Qual é minha questão:
Ola...

Como faço para colocar este efeito no campo ultimas mensagens?

Vi neste fórum:

http://grandedown.forumeiros.com/

Links e imagens do meu problema:



Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm

Versão do meu fórum:
PHPBB3


Última edição por Mauricio Molina em 14/11/12, 08:10 am, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 26/10/12, 03:40 pm

Olá,

Adicione o seguinte CSS:

Código:
.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #666;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #666;border:2px solid #EEE;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}
.lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}

Atenciosamente! Piscada
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: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 26/10/12, 03:59 pm

Não funcionou Triste
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 26/10/12, 04:01 pm

Ola...

Não ficou exatamente como gostaria, se possível, deixe como o fórum indicado...



http://grandedown.forumeiros.com/


Última edição por Mauricio Molina em 27/10/12, 09:59 am, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 26/10/12, 04:43 pm

A mim também ficou assim Triste
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 27/10/12, 05:58 pm

Olá querido,

O fórum dado é o meu. No caso pelo que entendi, deseja o efeito lastpost?
Aceda em Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Coloque o código abaixo abaixo no INICIO de teu CSS.

Código:
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Até mais. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 27/10/12, 06:07 pm

Funcionou!!!
Mas o problema é que também selecciona aquele texto em cima onde está escrito "ÚLTIMA MENSAGEM"
E eu também tinha um JS que quando passava o mouse por cima do titulo da ultima mensagem, estendia o titulo, mas agora não faz nada...

E fica feio...
Ajuda, por favor Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 27/10/12, 06:12 pm

Olá querido,

Peço que o senhor crie um tópico para está tua questão, já que este tópico é de outro autor Piscada

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 27/10/12, 06:15 pm

Não é preciso...
Não funciona, não faz mal...

Mas muito obrigado pelo seu trabalho Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 29/10/12, 07:21 pm

Não posso ver agora se funciona, assim que tiver um tempo maior, eu dou retorno...

Mas de antemão, obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 31/10/12, 07:28 pm

Por favor ainda não fechem este tópico, estou sem acesso a net onde tenho maior segurança, logo voltarei...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05/11/12, 11:40 am

@Mikéé escreveu:Olá querido,

O fórum dado é o meu. No caso pelo que entendi, deseja o efeito lastpost?
Aceda em Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Coloque o código abaixo abaixo no INICIO de teu CSS.

Código:
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Até mais. Piscada

Ola amigo, desculpa pela demora na resposta, só consegui um acesso seguro agora...

Bom este ficou como gostaria, mas tem como retirar a borda da "ultimas mensagens" e deixar só o resto?



Retirar a borda onde esta a seta vermelha e deixar apenas onde estão as setas azuis...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Convidado em 05/11/12, 11:43 am

Boas,
troque por este amigo:
[code].lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
}[code]

Até Mais.

Convidado
Convidado


Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05/11/12, 11:51 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.lastpost { -moz-border-radius: 7px; -moz-box-shadow: 0 0 8px #666; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 8px #666; border: 2px solid #EEE; border-radius: 7px; box-shadow: 0 0 8px #666; margin: 3px; width: auto; }
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05/11/12, 11:54 am

FireWhip escreveu:Boas,
troque por este amigo:
[code].lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
}[code]

Até Mais.

Não surtiu efeito nenhum, pelo contrário retirou todo o efeito...

Today escreveu:Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.lastpost { -moz-border-radius: 7px; -moz-box-shadow: 0 0 8px #666; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 8px #666; border: 2px solid #EEE; border-radius: 7px; box-shadow: 0 0 8px #666; margin: 3px; width: auto; }
Valide.

Até mais.

Continua com a borda...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05/11/12, 12:00 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.lastpost { box-shadow: 0 0 8px #666; margin: 3px; width: auto; }
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05/11/12, 02:34 pm

Ola amigo...

Não resultou, apenas deixou o efeito com bordas quadradas
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05/11/12, 02:39 pm

Olá!

O senhor quer deixá-lo arredondado, mas sem sombra?

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05/11/12, 02:44 pm

Ola...

Não, quero da forma que esta arredondado e com sombra, mas tirar o efeito que fica no titulo "Ultimas mensagens"...


Quero deixar o efeito apenas onde estão as setas azuis, que é onde indica quem postou a ultima mensagem.



Entendeu?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05/11/12, 02:52 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

dd.lastpost { -moz-border-radius: 7px; -moz-box-shadow: 0 0 8px #666; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 8px #666; border: 2px solid #EEE; border-radius: 7px; box-shadow: 0 0 8px #666; margin: 3px; width: auto; }
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05/11/12, 03:03 pm

Não resultou, deixou a borda menor:

avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 06/11/12, 05:05 pm

Alguém por favor...

Quero retirar a borda apenas da onde esta escrito "Ultimas Mensagens"
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 06/11/12, 05:16 pm

Olá,

Aqui está:

Código:
dd.lastpost{
border: 0px;
}

Adicione em seu CSS.

Atenciosamente.
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: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 06/11/12, 05:54 pm

Não resultou, continua com a marcação na frase "Ultimas Mensagens"
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 06/11/12, 06:00 pm

Olá,

Agora que percebi, há outro código influenciando nessa área...

Aplique o seguinte CSS:

dd.lastpost{
border-left: 0px !important;
border-top: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;
}

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: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 07/11/12, 08:49 am

Ola...

Este não funcionou, não deu efeito nehum...

Abraços!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 08/11/12, 05:03 pm

Alguém por favor?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Luciano98 em 08/11/12, 05:15 pm

Olá!

Substitua o último código que funcionou por esse:
Código:
.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 08/11/12, 05:23 pm

Agora sim, mas como aumentar o tamanho em comprimento o quadro?

Assim como estava antes?

Código:
.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por #Dean em 08/11/12, 05:38 pm

Olá Sr. Perceba Já está do mesmo Tamanho compare os 2 Codicos.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 08/11/12, 09:40 pm

alguem pode me passar esse código para PhpBB 3?
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Yrley em 08/11/12, 09:46 pm

Que versão é esse código por quero mt ele?
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 09/11/12, 12:44 am

Buenas!

Desculpe pela demora em vir em seu tópico! Como todos vocês devem saber, tem vários e vários usuários que também pedem o suporte e temos de ajudar todos, um por um.

Adicione ao teu CSS este código:
Código:
.forabg .topiclist.forums .row .icon dd.lastpost {
-webkit-box-shadow: #666 0px 0px 8px;
border: 2px solid #EEE;
border-image: initial;
border-radius: 7px;
box-shadow: #666 0px 0px 8px;
margin: 3px;
width: auto;
}

Mas antes de adicionar, procure no código acima por "width". O valor atual está como "auto", o senhor pode modificar por um número e deixar até ficar ao teu gosto.

Como por exemplo: "width: 50;" Compreende-me?

Se não funcionar, substitua o código por este:

Código:
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
display: block;
padding-left: 5px;
width: auto;
}

Fazendo a mesma edição que fez anteriormente com o código anterior.

Cordialmente! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 09/11/12, 08:18 am

Ola...

Pode reparar que não estão do mesmo tamanho...

Códig Atual:

Código:
.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}



Código antigo:

Código:
.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}



Quero o quadro do mesmo tamanho como o antigo...

Origado!



avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 09/11/12, 08:25 am

Olá,

Qual é o tamanho querido? Poderia nos dizer?
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 09/11/12, 08:32 am

Deste tamanho aqui, não sei mensurar o valor certo:



O código que estava com o tamanho desejado é este aqui:

Código:
.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Ms o código com o efeito desejado, sem o quadro na frase "Ultimas mensagens" é este:

Código:
.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Só quero mudar o tamanho do quadro para maior.
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 09/11/12, 07:04 pm

n meu n funcionou, esse código é para que versão?
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Luciano98 em 09/11/12, 07:12 pm

Olá!

Substitua por esse código CSS:
Código:
.header .lastpost {
  border: 0px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 3px;
width: auto;
}.forabg .topiclist.forums .row .icon dd.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 09/11/12, 07:31 pm

esse código só deixou mais largo o meu fórum
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 10/11/12, 08:04 am

@Luciano98 escreveu:Olá!

Substitua por esse código CSS:
Código:
.header .lastpost {
  border: 0px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 3px;
width: auto;
}.forabg .topiclist.forums .row .icon dd.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Até mais.

Ola, não funcionou amigo, deixou do mesmo tamanho, sóq ue agora, tem diferença de tamanho entre um e outro...



@NarutodeKonoha escreveu:esse código só deixou mais largo o meu fórum

Ola amigo...

Ete código é para versão PHPBB3...

Abraços!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Tiffye em 11/11/12, 01:59 am

Buenas!

Substitua o código atual, por este:

Código:
.header .lastpost {
  border: 0px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 3px;
width: auto!important;
}.forabg .topiclist.forums .row .icon dd.lastpost {
  border: 0px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto!important;
}
.forabg dd.lastpost, .forabg dd.posts, .forabg dd.topics {
margin: 3px;
}
.forabg dd.lastpost, .forabg dd.posts, .forabg dd.topics {
margin: 3px;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.lastpost {
font-size: 1.1em;
width: 20%;
}
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto!important;
}
* {
margin: 0;
padding: 0;
}
dd {
display: block;
-webkit-margin-start: 40px;
}
li.row
li {
text-align: -webkit-match-parent;
}
li {
text-align: -webkit-match-parent;
}
ul.topiclist.forums
ul.topiclist {
color: gray;
list-style-type: none;
}

Cordial!
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 11/11/12, 09:05 am

Ola...

Infelizmente não funcionou, ficou com a borda na frase "ultimas mensagens" e o tamanho do quadro não ficou como eu gostaria...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 13/11/12, 04:06 pm

Alguém, ainda não tive resultados...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 13/11/12, 06:23 pm

alguem pode me passar esse código pra PhpBB 3 pfr?
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 13/11/12, 06:42 pm

Ola...

Este funcionou perfeitamente em meu fórum, a unica coisa que quero é deixar o comprimento do quadrado maior:

.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}

Veja se te serve...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm
  • 0

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por BrunoH. em 13/11/12, 06:46 pm

Olá!
Tente assim:
.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: 100px;
}
O Valor em Negrito altere até ficar na largura desejada.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 14/11/12, 08:10 am

Nossa Bruno muito obrigado, era isso mesmoq ue queria, e ficaram todos do mesmo tamamnho...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

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