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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar widget "Últimos assuntos'
Hoje à(s) 20:51 por iScroll

» [Assinatura] Pedido
Hoje à(s) 18:15 por Gabrieel_.

» Diminuir espaço de comentários
Hoje à(s) 15:29 por Cream

» Mudar URLs padrões do fórum
Hoje à(s) 15:23 por Cream

» Conteúdo permitido no fórum
Hoje à(s) 15:23 por Cream

» Problemas nos tópicos do fórum
Hoje à(s) 15:22 por Cream

» Ajustar mensagens do fórum
Hoje à(s) 12:14 por PrisoN†BreaK

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
77 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 75 Visitantes :: 2 Motores de busca

davidgomes10, Vinicius Reis

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.


while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5085

http://suportedesign.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".

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4139

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5