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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Menu Mensagem Privada
Hoje à(s) 12:13 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

» Como fixa uma imagem em todas as postagens
Ontem à(s) 08:59 pm por Ketholy123

» Mudar cor da fonte/letra do perfil
Ontem à(s) 08:34 pm por Ketholy123

» [Avatar] Fórum
Ontem à(s) 07:51 pm por Tiger

» Logo para um fórum
Ontem à(s) 07:48 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

Quem está conectado
199 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 193 Visitantes :: 2 Motores de busca

CaioCrisostomo, Kadso, Ketholy123, tatsuhito, vinicius.ueh00, xDominiC_.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 24/09/16, 11:33 am

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 : 1216
Pontos Ativos : 1714

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Seta no CKEditor

Mensagem por while em 24/09/16, 12:48 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Seta no CKEditor

Mensagem por PrisoN†BreaK em 24/09/16, 01:47 pm

Ótimo, muito obrigado while.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1216
Pontos Ativos : 1714

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Seta no CKEditor

Mensagem por Cream em 24/09/16, 02:01 pm

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 : 11633

Ver perfil do usuário 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