Seta no CKEditor

3 participantes

Ir para baixo

Tópico resolvido Seta no CKEditor

Mensagem por PrisoN†BreaK 24.09.16 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.
https://ajuda.forumeiros.com/t106804-seta-na-caixa-de-resposta-rapida
https://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:
https://imgur.com/a/NkqOp

A seta e a borda dela não aparece e ainda fica bugado o avatar.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta no CKEditor

Mensagem por while 24.09.16 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
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta no CKEditor

Mensagem por PrisoN†BreaK 24.09.16 17:47

Ótimo, muito obrigado while.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Seta no CKEditor

Mensagem por Cream 24.09.16 18:01

Seta no CKEditor Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos