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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
164 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 162 Visitantes :: 2 Motores de busca

jhugor, Railison Ramon

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

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2091

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4859

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

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 2091

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".
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13959

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