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

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!

Não funcionou

Ola...

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



http://grandedown.forumeiros.com/

A mim também ficou assim

Olá querido,

O fórum dado é o meu. No caso pelo que entendi, deseja o efeito lastpost?
Aceda em Painel de Controle Visualização Imagens e Cores Cores 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.

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

Olá querido,

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

Abraços.

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

Mas muito obrigado pelo seu trabalho

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

Mas de antemão, obrigado!

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

Obrigado!

Mikéé escreveu:Olá querido,

O fórum dado é o meu. No caso pelo que entendi, deseja o efeito lastpost?
Aceda em Painel de Controle Visualização Imagens e Cores Cores 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.

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!

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.

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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.

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 Visualização Imagens e Cores Cores 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...

Olá!

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

Código:

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

Valide.

Até mais.

Ola amigo...

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

Olá!

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

Até mais.

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?

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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.

Não resultou, deixou a borda menor:

Alguém por favor...

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

Olá,

Aqui está:

Código:

dd.lastpost{
border: 0px;
}

Adicione em seu CSS.

Atenciosamente.

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

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!

Ola...

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

Abraços!

Alguém por favor?

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.

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!

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

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

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

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!

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!

Olá,

Qual é o tamanho querido? Poderia nos dizer?

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.

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

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.

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

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!

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!

Ola...

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

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

Obrigado!

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

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

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!

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

Obrigado!