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

Agosto 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
» Código Anti owner no chatbox
Hoje à(s) 2:03 por while

» Duvida sobre e-mail de Fundador
Hoje à(s) 1:58 por while

» Loja no fórum
Hoje à(s) 1:40 por while

» Codigo PHP roda em algum widget?
Hoje à(s) 0:55 por viniciussvl

» Perfil do usuário
Ontem à(s) 23:22 por Cepheus

» Sistema de pré-visualizar em HTML
Ontem à(s) 20:52 por Hancki

» Problema nas páginas devido aos anúncios
Ontem à(s) 17:18 por juleic1123

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
90 usuários online :: 4 usuários cadastrados, 1 Invisível e 85 Visitantes :: 2 Motores de busca

Nean, Uatyla, while, YouTube3

[ 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 - 18: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 18: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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 - 18:20

Sem efeito amigo, não apareceu seta nenhuma.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 19: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 19: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qua 21 Set 2016 - 20: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.



Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 9: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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 - 19: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 19: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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 - 19: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 19: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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 - 19: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 : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 19: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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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 - 19:39

Ficou óptimo obrigado! Piscada

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2602
Pontos Ativos : 5011

http://suportedesign.forumeiros.com/

Resolvido Re: Seta na caixa de resposta rápida

Mensagem por while em Qui 22 Set 2016 - 19: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".


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2402
Pontos Ativos : 3513

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