Como colocar este efieto, ultimas mensagens

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

Atendido / Resolvido Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 26.10.12 17:40

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:

Como colocar este efieto, ultimas mensagens Ultimamensagem

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 10:10, editado 1 vez(es)
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 26.10.12 18:40

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
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 26.10.12 18:59

Não funcionou Triste
niig3l

niig3l
Nível 7

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

http://kromusarts.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 26.10.12 19:01

Ola...

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

Como colocar este efieto, ultimas mensagens Efeitoy

http://grandedown.forumeiros.com/


Última edição por Mauricio Molina em 27.10.12 12:59, editado 1 vez(es)
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 26.10.12 19:43

A mim também ficou assim Triste
niig3l

niig3l
Nível 7

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

http://kromusarts.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 27.10.12 20:58

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 27.10.12 21:07

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
niig3l

niig3l
Nível 7

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

http://kromusarts.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 27.10.12 21:12

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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por niig3l em 27.10.12 21:15

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

Mas muito obrigado pelo seu trabalho Feliz
niig3l

niig3l
Nível 7

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

http://kromusarts.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 29.10.12 21:21

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

Mas de antemão, obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 31.10.12 21:28

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

Obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05.11.12 13:40

@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?

Como colocar este efieto, ultimas mensagens Capturargf

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

Obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Convidado em 05.11.12 13:43

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.
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05.11.12 13:51

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.
Consolado

Consolado
Super usuário

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

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05.11.12 13:54

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...
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05.11.12 14:00

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.
Consolado

Consolado
Super usuário

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

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05.11.12 16:34

Ola amigo...

Não resultou, apenas deixou o efeito com bordas quadradas
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05.11.12 16:39

Olá!

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

Até mais.
Consolado

Consolado
Super usuário

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

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05.11.12 16:44

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.

Como colocar este efieto, ultimas mensagens Capturargf

Entendeu?
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Consolado em 05.11.12 16:52

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.
Consolado

Consolado
Super usuário

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

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 05.11.12 17:03

Não resultou, deixou a borda menor:

Como colocar este efieto, ultimas mensagens Capturarsdr
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 06.11.12 19:05

Alguém por favor...

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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 06.11.12 19:16

Olá,

Aqui está:

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

Adicione em seu CSS.

Atenciosamente.
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 06.11.12 19:54

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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Ace em 06.11.12 20:00

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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 07.11.12 10:49

Ola...

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

Abraços!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 08.11.12 19:03

Alguém por favor?
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Luciano98 em 08.11.12 19:15

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.
Luciano98

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7647
Pontos Ativos : 11048

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 08.11.12 19:23

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!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por #Dean em 08.11.12 19:38

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

#Dean
Nível 9

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

http://criandoainda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 08.11.12 23:40

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

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 01/07/2012
Mensagens : 414
Pontos Ativos : 571

http://animessoul.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Yrley em 08.11.12 23:46

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

Yrley
Usuário destaque

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

http://servidorplaybr.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 09.11.12 2:44

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 09.11.12 10:18

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;
}

Como colocar este efieto, ultimas mensagens Quadro1u

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;
}

Como colocar este efieto, ultimas mensagens Quadro2y

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

Origado!



Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Sennior em 09.11.12 10:25

Olá,

Qual é o tamanho querido? Poderia nos dizer?
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 09.11.12 10:32

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

Como colocar este efieto, ultimas mensagens Quadro2y

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.
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 09.11.12 21:04

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

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 01/07/2012
Mensagens : 414
Pontos Ativos : 571

http://animessoul.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Luciano98 em 09.11.12 21:12

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.
Luciano98

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7647
Pontos Ativos : 11048

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 09.11.12 21:31

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

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 01/07/2012
Mensagens : 414
Pontos Ativos : 571

http://animessoul.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 10.11.12 10:04

@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...

Como colocar este efieto, ultimas mensagens Capturarjz

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

Ola amigo...

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

Abraços!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Tiffye em 11.11.12 3:59

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!
Tiffye

Tiffye
Nível 9

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

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 11.11.12 11:05

Ola...

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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 13.11.12 18:06

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

Obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por NarutodeKonoha em 13.11.12 20:23

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

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 01/07/2012
Mensagens : 414
Pontos Ativos : 571

http://animessoul.forumeiros.com/

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 13.11.12 20:42

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...
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm
  • 0

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por BrunoH. em 13.11.12 20:46

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
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Como colocar este efieto, ultimas mensagens

Mensagem por Mauricio Molina em 14.11.12 10:10

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

Obrigado!
Mauricio Molina

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos Ativos : 1429

http://aquapeixes.forumeiros.com/forum.htm

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


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