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
» Barra de Categorias
Hoje à(s) 09:15 pm por Tiger

» Informações tooltip
Hoje à(s) 08:36 pm por Ramon Rodrigues

» Sobre o portal
Hoje à(s) 08:23 pm por Cannabis._.

» [Plugin] Criar tags bbcode
Hoje à(s) 07:41 pm por Luiz~

» Quanto tempo vocês estão no Forumeiros?
Hoje à(s) 06:50 pm por tiozão091

» Aumentar a fonte do título da mensagem
Hoje à(s) 06:39 pm por Luiz~

» Gostaria de criar tópicos e formúlarios.
Hoje à(s) 06:39 pm por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
CAI0
 
Holkis
 
admin186
 

Quem está conectado
288 usuários online :: 7 usuários cadastrados, 1 Invisível e 280 Visitantes :: 2 Motores de busca

admin186, Connor R., Lincoln, Luiz~, Ramon Rodrigues, Sckool, Tiger

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 21/09/16, 03:04 pm

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 21/09/16, 03:18 pm

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 : 4494

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 21/09/16, 03:20 pm

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 21/09/16, 04:06 pm

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 : 4494

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 21/09/16, 04:22 pm

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 21/09/16, 04:38 pm

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 : 4494

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 21/09/16, 05:20 pm

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 21/09/16, 05:40 pm

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 : 4494

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 21/09/16, 05:51 pm

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 22/09/16, 06:10 am

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 : 4494

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 22/09/16, 04:15 pm

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 22/09/16, 04:23 pm

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 : 4494

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 22/09/16, 04:24 pm

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 22/09/16, 04:27 pm

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 : 4494

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 22/09/16, 04:30 pm

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 22/09/16, 04:36 pm

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 : 4494

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 22/09/16, 04:39 pm

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 22/09/16, 04:41 pm

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 : 4494

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