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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
95 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 93 Visitantes :: 1 Motor de busca

Kyo Panda, Lincoln

[ Ver toda a lista ]


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

Seta no CKEditor

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

Resolvido Seta no CKEditor

Mensagem por PrisoN†BreaK em Sab 24 Set 2016 - 15:33

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com/forum
Versão do fórum: PunBB

Descrição


Bom, vi este dois tópico de como coloca avatar e uma seta ao lado do SCEditor.
http://ajuda.forumeiros.com/t106804-seta-na-caixa-de-resposta-rapida
http://ajuda.forumeiros.com/t106801-avatar-ao-lado-da-mensagem-rapida

Que no caso utilizo estes códigos:

Avatar:
Código:
jQuery(function() {
  var avatar = _userdata.avatar;
  var quickReply = jQuery('#quick_reply');
  quickReply.prepend('<div id="quick-avatar">' + avatar + '</div>');
});

Código:
#quick-avatar {
    float: left;
    margin: 15px -35px 0 13px;
}
#quick-avatar img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    padding: 2px;
    width: 50px;
}

Seta:
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;
}

E uso este código para aumentar a largura do SCEditor.

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;
}
#quick_reply #textarea_content {
    margin-top: 6px !important;
    min-height: 220px !important;
    width: 98% !important;
}
#quick_reply .sceditor-container.ltr.sourceMode {
    min-height: 220px !important;
}

Porém fica assim:
http://imgur.com/a/NkqOp

A seta e a borda dela não aparece e ainda fica bugado o avatar.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 966
Pontos Ativos : 1762

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Seta no CKEditor

Mensagem por while em Sab 24 Set 2016 - 16:48

Olá autor,

Adicione esse código no topo de sua folha de estilo css:
Código:
#cke_text_editor_textarea > div:before {
border-color: transparent #d6d6d6 transparent transparent!important;
    border-style: solid!important;
    border-width: 19px!important;
    content: ''!important;
    display: block!important;
    height: 0!important;
    left: -38px!important;
    position: relative!important;
    top: 6px!important;
    width: 0!important;
}
.cke_top {margin-top:-36px!important;}
#quick_reply #textarea_content {
    margin-top: 6px !important;
    min-height: 220px !important;
    width: 95% !important;
    margin-left: 70px!important;
}

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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

Resolvido Re: Seta no CKEditor

Mensagem por PrisoN†BreaK em Sab 24 Set 2016 - 17:47

Ótimo, muito obrigado while.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 966
Pontos Ativos : 1762

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Seta no CKEditor

Mensagem por Cream em Sab 24 Set 2016 - 18:01

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

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


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

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

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