Caixa de resposta rápida nos tópicos

Detalhes da questão

Endereço do fórum: http://mugalindu.forumeiros.com
Versão do fórum: phpBB3

Descrição

Saudações mestres

Gostaria de colocar uma caixa de resposta rápida no meu Fórum, uma que seja igual a do FdF, porem a cor seria igual a do menu do meu Fórum ao inves de azul.

Você poderiam me ajudar ?

Desde já, obrigado

Olá,

Leia:
-> https://ajuda.forumeiros.com/t17151-topic

o/

Opa, não é isso o problema. Já tenho marcado como "sim" em meu Fórum. Mais a questão é que eu queria uma caixa de resposta rapida para o meu Fórum igual a do sceditor que tem nos tutoriais

Precisaremos de uma conta de testes em seu fórum para poder ajudar o senhor.

Opa, pode criar.. porem a confirmação da conta que você criar terá que ser confirmada atraves de e-mail

Adicione o código a seguir em sua Folha de Estilos CSS:

Código:

div.sceditor-container {
  border-color: #444 !important;
}

div.sceditor-toolbar {
  background-color: #444 !important;
}

div.sceditor-group {
  background-color: #fff !important;
  border: solid 1px #ccc!important;
}

div.sceditor-group .sceditor-button {
  border-right: solid 1px #ccc !important;
  border-radius: 0px !important;
}

div.sceditor-group .sceditor-button:last-child {
  border: solid 0px !important;
}

div.sceditor-group .sceditor-button.hover,
div.sceditor-group .sceditor-button.active,
div.sceditor-group .sceditor-button:hover {
  background-color: rgba(255, 249, 19, 0.3) !important;
  box-shadow: none !important;
}

o/

---

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'.

Funcionou perfeitamente, porem você poderia aumentar o tamanho dela e fazer com o que ela fique perto do avatar da resposta rápida?

Qual código você usa para criar o avatar ao lado da caixa de resposta rápida?

Esse aqui:

Código:

/***
 * Application: Avatar in fast reply.
 * Description: This application shows the member avatar's in fast reply.
 * Version: 1.03212014-jq1.9.1 - Neterket, 3ª dynasty
 * Made and Optimizations by JScript - 2014/03/21
 * View more in: http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
jQuery(function () {
    if (_userdata.session_logged_in) {
        var sHtml =
            '<a id="reply_avatar" class="jsUserPhotoLink left" title="Meu Perfil" href=""></a>';
        var sCSS =
            '<style>' +
            '.left {' +
                'float: left;' +
            '}' +
            '.jsUserPhotoLink {' +
                'margin: 9px;' +
                'position: absolute;' +
            '}' +
            '.jsUserPhoto {' +
                'background: none repeat scroll 0 0 #FFFFFF;' +
                'border: 1px solid #D5D5D5 !important;' +
                'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                'padding: 1px;' +
            '}' +
            '.jsUserPhoto_medium {' +
                'max-height: 100px;' +
                'max-width: 100px;' +
            '}' +
            '.input_check, .input_radio, img {' +
                'vertical-align: middle;' +
            '}' +
            '</style>';
        jQuery(sCSS).insertBefore('body');
       
        jQuery('#quick_reply, #qpost .qreply').prepend(sHtml);
        jQuery('#reply_avatar')
            .attr('href', '/u' + _userdata.user_id)
            .prepend(_userdata.avatar);
        jQuery('#reply_avatar img').addClass('jsUserPhoto jsUserPhoto_medium');
        if (jQuery('.bodyline, #pun-intro').length) jQuery('#reply_avatar').css('position', 'relative');
    }
});

Troque por este para que possamos continuar:

Código:

/***
 * Application: Avatar in fast reply.
 * Description: This application shows the member avatar's in fast reply.
 * Version: 1.03212014-jq1.9.1 - Neterket, 3ª dynasty
 * Made and Optimizations by JScript - 2014/03/21
 * View more in: http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
jQuery(function () {
    if (_userdata.session_logged_in) {
        var sHtml =
            '<a id="reply_avatar" class="jsUserPhotoLink left" title="Meu Perfil" href=""></a>';
        var sCSS =
            '<style>' +
            '.left {' +
                'float: left;' +
            '}' +
            '.jsUserPhotoLink {' +
                'margin: 9px;' +
                'position: absolute;' +
            '}' +
            '.jsUserPhoto {' +
                'background: none repeat scroll 0 0 #FFFFFF;' +
                'border: 1px solid #D5D5D5 !important;' +
                'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                'padding: 1px;' +
            '}' +
            '.jsUserPhoto_medium {' +
                'max-height: 100px;' +
                'max-width: 100px;' +
            '}' +
            '.input_check, .input_radio, img {' +
                'vertical-align: middle;' +
            '}' +
            '</style>';
        jQuery(sCSS).insertBefore('body');
       
        jQuery('#textarea_content, #qpost .qreply').prepend(sHtml);
        jQuery('#reply_avatar')
            .attr('href', '/u' + _userdata.user_id)
            .prepend(_userdata.avatar);
        jQuery('#reply_avatar img').addClass('jsUserPhoto jsUserPhoto_medium');
        if (jQuery('.bodyline, #pun-intro').length) jQuery('#reply_avatar').css('position', 'relative');
    }
});

o/

Certo, já fiz mais não mudou nada.

Isso era esperado, e inclusive necessário para o funcionamento do CSS a seguir. ¯\_(ツ)_/¯

---

Adicione mais este CSS:

Código:

div#textarea_content {
  position: relative;
  width: 70% !important;
}

a#reply_avatar {
  position: absolute;
  left: -120px;
}

o/

Funcionou. Poderia puxar a caixa de escrever junto com a image do avatar?

Detalhe: Puxar mais para a direita.

Não entendi bem o que o senhor deseja com isso.
Poderia exemplificar com imagens por favor?

Spoiler:

Ah, sim, com certeza

Gostaria que o avatar da resposta rapida e a caixa da resposta rápida fossem mais um pouco movidos para a direita no caso para lá ->.

Será possível isso? Ah, é obrigado.

Adicione mais este:

Código:

div#textarea_content {
  margin: 0px !important;
  margin-left: 29% !important;
}

o/

Opa, isso mesmo, obrigado amigo.

Resolvido!