Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Logo Parrot
Hoje à(s) 13:41 por Rapha Didone

» Personalizar cabeçalho
Hoje à(s) 13:28 por iScroll

» Caixa de Login
Hoje à(s) 13:28 por iScroll

» Melhorar plugin de últimos assuntos
Hoje à(s) 13:27 por iScroll

» Personalização do perfil
Hoje à(s) 2:39 por jeys

» Problemas ao usar o chatbox com abas na barra de ferramentas
Hoje à(s) 1:16 por Br_SP_Rodrigo

» [Ranks] Ranks para fórum.
Hoje à(s) 0:35 por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
219 usuários online :: 4 usuários cadastrados, 1 Invisível e 214 Visitantes :: 2 Motores de busca

Br_SP_Rodrigo, Luiz~, Starset, TOTA100

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Seta na caixa de resposta rápida

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

Resolvido Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qua 21 Set 2016 - 19:04

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Estou a utilizar os códigos fornecidos pelo @Cepheus nesta dúvida: http://ajuda.forumeiros.com/t106801-avatar-ao-lado-da-mensagem-rapida, resultou mas agora queria colocar uma seta virada para o avatar a sair da caixa de resposta rápida como neste: http://imgur.com/a/LzfPt

O meu está desta forma:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 19:18

Olá, adicione esse código em sua folha de estilo css:

Código:
#text_editor_textarea, #textarea_content iframe#text_editor_iframe:before {
    border-color: transparent #d6d6d6 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: '';
    display: block;
    height: 0;
    left: -30px;
    position: absolute;
    top: 15px;
    width: 0;
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qua 21 Set 2016 - 19:20

Sem efeito amigo, não apareceu seta nenhuma.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 20:06

Troque o código css por este:

Código:
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode:before {
    border-color: transparent #d6d6d6 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: '';
    display: block;
    height: 0;
    left: -30px;
    position: absolute;
    top: 15px;
    width: 0;
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qua 21 Set 2016 - 20:22

Resultou agora queria deixar a seta adaptada com a caixa ou seja deixar o interior da seta e uma borda como a caixa de resposta, onde aponta a seta vermelha:


Use este código pois modiquei algumas coisas:
Código:
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode:before {
border-color: transparent #d6d6d6 transparent transparent;
    border-style: solid;
    border-width: 13px;
    content: '';
    display: block;
    height: 0;
    left: -27px;
    position: absolute;
    top: 6px;
    width: 0;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 20:38

Troque o código por este:

Código:
.sceditor-container.ltr.wysiwygMode:before , .sceditor-container.ltr.sourceMode:before {
border-color: transparent #d6d6d6 transparent transparent;
    border-style: solid;
    border-width: 13px;
    content: '';
    display: block;
    height: 0;
    left: -27px;
    position: absolute;
    top: 6px;
    width: 0;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {margin-left:-10px;margin-top:10px;width:100%!important;}
div.sceditor-group {margin-left:-50px!important;margin-right:65px!important;}

Seria assim?
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qua 21 Set 2016 - 21:20

Não era isso porque e o código mexeu com os botões de BBCode.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 21:40

O que seria então ? não entendi... pelo que eu vi na sua imagem, parecia que gostarias de deixar os botões BBcode mais pra perto da seta.

avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qua 21 Set 2016 - 21:51

A seta vermelha esta apontar para o interior da caixa ou seja aquele meio branco:


E depois à volta da caixa tem aquela borda meio cinza, era assim que queria a seta, percebeu?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 10:10

Finalmente entendi [...]
Gostarias de trocar a cor fundo da seta né?

E mudar a cor da borda, bom , sobre o fundo dela não há como, só sobre a borda, esse é seu código atual, certo?
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode:before {
border-color: transparent #d9d9d9 transparent transparent;
border-style: solid;
border-width: 13px;
content: '';
display: block;
height: 0;
left: -27px;
position: absolute;
top: 6px;
width: 0;
}

Repare que destaquei alguns valores em laranja, você pode modifica-los, em #d9d9d9 seria a cor da seta (fundo,borda...), em solid seria o estilo da borda, e por fim em 13px seria o tamanho da borda.

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qui 22 Set 2016 - 20:15

Como é que adiciono uma corda à volta da seta ou seja a borda? É que não estou a conseguir :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 20:23

Você se refere a cor da borda? mas expliquei acima...

Veja outro exemplo:
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode:before {
border-color: transparent #000 transparent transparent;
border-style: dotted;
border-width: 13px;
content: '';
display: block;
height: 0;
left: -27px;
position: absolute;
top: 6px;
width: 0;
}

Onde está #000 é a cor da borda, basta modificar por outra cor.
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qui 22 Set 2016 - 20:24

Sim e mudei mas esta linha:
Código:
border-color: transparent #000 transparent transparent;

Coloriu foi a seta e não fez a borda amigo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 20:27

Não há forma, só da para colorir a seta em si, a borda será da mesma cor que a seta.
Entendeu?

Lamento Chorando ou muito tr

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qui 22 Set 2016 - 20:30

Ah então fica como está, só duas coisas se possível, queria colocar o avatar mais para cima que aparece na caixa de resposta mas não estou a conseguir. Outra era se possível a seta só aparecer na caixa de resposta rápida porque está aparecer também na normal.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 20:36

Troque o código por este:

Código:
#textarea_content > div:before {
border-color: transparent #000 transparent transparent;
border-style: dotted;
border-width: 13px;
content: '';
display: block;
height: 0;
left: -27px;
position: absolute;
top: 6px;
width: 0;
}

Sobre subir o avatar, bom, precisa criar um novo tópico, pois são perguntas distintas.

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por IsmaelS. em Qui 22 Set 2016 - 20:39

Ficou óptimo obrigado! Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 20:41

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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