Barra na Versão Móvel igual a da Versão Clássica

3 participantes

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

Tópico resolvido Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 2:43

Detalhes da questão


Endereço do fórum: https://colecaofutebol.forumeiros.com
Versão do fórum: Invision

Descrição


Oi, pessoal. Percebi que na versão móvel há menos opções para editar a postagem, que na barra da versão clássica. Há algum jeito de na Versão Móvel ter as mesmas opções da versão clássica?

Aparência na versão clássica, do meu fórum:

Barra na Versão Móvel igual a da Versão Clássica Screen14
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 13:44

Bom dia.

A versão móvel já não possui o SCEditor justamente por ter como objetivo ser mais leve para o usuário, porém a gente pode adaptar para ela também copiando o código da página desktop. Inclusive, é uma ótima ideia para tutorial (@Sleep, @Fraise ou @Skouliki). Muito feliz O problema que não consegui lidar é o botão de alojamento de imagens, que infelizmente optei por desativar. Isso porque há algumas variáveis que são geradas automaticamente pelo sistema e que seus respectivos valores não são acessíveis pelo template. Mouais Por tanto, acesse o seu PA > Visualização > Templates > Versão móvel > e no template viewtopic_body na caixa "Procurar no template", cole este trecho:
Código:
<!-- END switch_user_authnoreply -->
Quando o fizer, clique no botão "Procurar" duas vezes. Isso te levará para a última linha do template (que é para ser a 233). Após o <!-- END switch_user_authnoreply -->, pule uma linha e cole este código:
Código:
   <link rel="stylesheet" href="//illiweb.com/rs3/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" />
        <style type="text/css">
            .sceditor-button {padding:0 20px 0 0 !important;}
            .sceditor-button-flash div      { background-position: 0 -628px; }
            .sceditor-button-servimg div    { background-position: 0 -644px; }
            .sceditor-button-dailymotion div{ background-position: 0 -660px; }
            .sceditor-button-faspoiler div  { background-position: 0 -676px; }
            .sceditor-button-fahide div    { background-position: 0 -692px; }
            .sceditor-button-fascroll div  { background-position: 0 -708px; }
            .sceditor-button-faupdown div  { background-position: 0 -724px; }
            .sceditor-button-farand div    { background-position: 0 -756px; }
            .sceditor-button-faroll div    { background-position: 0 -772px; }
            .sceditor-button-more div      { background-position: 0 -788px; }
            .sceditor-button-emoticon div  { background-position: 0 -804px; }
            .sceditor-button-embed div      { background-image: url("//2img.net/i//fa/icon_embed.png") }
            .sceditor-button-headers div    { background-position: 0 -820px; }
            .sceditor-button-twemojifa div    { background: url("//2img.net/i/fa/icon_twemoji.png") !important; }
            .sceditor-twemojifa            {width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
            .sceditor-button-mention div    { background: url("//2img.net/i//fa/icon_at.png") !important; }
            #sceditor-mention-div         { max-height: 200px; overflow: auto; }
            .sceditor-mention-user         { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .sceditor-mention-user img      { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
            .sceditor-mention-user:hover    { background:#3793ff22;color: #000;cursor:pointer; }
            .sceditor-button-giphy div      { background-image: url("//2img.net/i//fa/icon_gif.png") }
        </style>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
<script type="text/javascript" charset="UTF-8">
            var plugins = '';
            var palette = 0;
            var illiweb = 'https://illiweb.com/';
            var locale = 'pt';
         var smileys = null;
         var id_forum = ($('div.breadcrumbs a:last-child').length) ? $('div.breadcrumbs a:last-child').attr('href'):null;
      var number_forum = (id_forum == null)  ? 1:id_forum.match(/(\d+)-/);
         var iframeSrc = '/smilies?f='+ number_forum +'&mode=smilies_frame';
            var height = '200';
            var cssFile = 'https://illiweb.com/rs3/86/frm/SCEditor/minified/jquery.sceditor.default.min.css';
            var plugin = 'bbcode';
            var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source';
            var cssFile = '';
            var isRtl = 0;
            var dice = new Array();
            var bSourceMode = true;
            var emoticonsEnabled = 1;
            var SCE_TopicID = '<!-- BEGIN viewtopic_bottom -->{TOPIC_ID}<!-- END viewtopic_bottom -->{LAST_TOPIC_ID}';
            var illiwebDomain = 'https://illiweb.com/';
            var servimgDomain = 'servimg.com';
            var INTRANET = 0;
            var quick_reply = '';
                (function ($) {
                    'use strict';
                    $.sceditor.locale["pt"] = {
                        "Bold"                      : "Negrito",
                        "Italic"                    : "Itál.",
                        "Underline"                  : "Sublinhar",
                        "Strikethrough"              : "Riscado",

                        "Align left"                : "Alinhar à esquerda",
                        "Center"                    : "Centrado",
                        "Align right"                : "Alinhar à direita",
                        "Justify"                    : "Justificado",

                        "Bullet list"                : "-Lista",
                        "Numbered list"              : "Lista ordenada",
                        "Insert a horizontal rule"  : "Inserir uma linha",

                        "Insert a Quote"            : "'Citar'",
                        "Code"                      : "Code",
                        "Spoiler"                    : "Spoiler",
                        "Hidden"                    : "Escondido",
                        "Insert a table"            : "Inserir uma tabela",

                        "Host an image"              : "Hospedar uma imagem",
                        "Insert an image"            : "Inserir uma imagem",
                        "Insert a GIF"              : "Escolher um GIF",
                        "Insert an email"            : "Inserir um email",
                        "Insert a link"              : "Inserir um link",
                        "Unlink"                    : "Excluir um link",
                        "Insert a YouTube video"    : "Inserir um video do Youtube",
                        "Insert a Dailymotion Video" : "Insira um video Dailymotion",
                        "Flash"                      : "Flash",

                        "Format Headers"            : "Formato dos títulos",
                        "Font Size"                  : "Tamanho da fonte",
                        "Font Color"                : "Cor",
                        "Font Name"                  : "Fonte",
                        "Remove Formatting"          : "Excluir a formatação do texto",
                       
                        "Mention a user"            : "Mencionar um membro",
                        "Embed a link"              : "Embutir conteúdo (link)",

                        "Subscript"                  : "Índice",
                        "Superscript"                : "Exposição",

                        "Horizontal scrolling"      : "Desfilamento horizontal",
                        "Vertical scrolling"        : "Desfilamento vertical",
                        "Random"                    : "Aleatório",
                        "Dices roll"                : "Lançar dados",

                        "Insert an emoticon"        : "Smileys",
                        "Insert current date"        : "Data atual",
                        "Insert current time"        : "Hora atual",
                        "Paste Text"                : "Inserir um texto não formatado",
                        "Switch Editor Mode"        : "Transferir o modo de edição",

                        "color_dark_red"    : "Vermelho Escuro",
                        "color_red"        : "Vermelho",
                        "color_orange"      : "Laranja",
                        "color_brown"      : "Marrom",
                        "color_yellow"      : "Amarelo",
                        "color_green"      : "Verde",
                        "color_olive"      : "Azeitona",
                        "color_cyan"        : "Ciano",
                        "color_blue"        : "Azul",
                        "color_dark_blue"  : "Azul escuro",
                        "color_indigo"      : "Índigo",
                        "color_violet"      : "Violeta",
                        "color_grey"        : "Cinza",
                        "color_white"      : "Branco",
                        "color_black"      : "Preto",

                        "More"                      : "Mais botões",
                        "Search"                                    : "Procurar",
                        "Insert"                                    : "Inserir",
                        "URL:"                                      : "URL",
                        "Invalid YouTube video"                    : "Vídeo inválido",
                        "Author (optional)"                        : "Autor (Opcional)",
                        "Title (optional)"                          : "Título (Opcional)",
                        "Cols:"                                    : "Colunas",
                        "Rows:"                                    : "linhas",
                        "Width (optional):"                        : "Largura (Opcional)",
                        "Height (optional):"                        : "Altura (Opcional)",
                        "Description (optional):"                  : "Descrição (Opcional)",
                        "Paste your text inside the following box:" : "Colar texto",
                        "Border"                                    : "Borda (px)",

                        "dateFormat": "day.month.year"
                    };
                })(jQuery);
$(document).ready(function() {
    try {
        FA.SCEditor = {
            sourceMode: bSourceMode
        };
        $("textarea.input-subtle").sceditor({
            locale: locale,
            width: ($.sceditor.ie <= 9) ? '' : '100%',
            height: height,
            plugins: plugin,
            SCE_TopicID: (typeof SCE_TopicID !== "undefined") ? SCE_TopicID : "",
            quick_reply: (typeof quick_reply !== "undefined") ? quick_reply : "",
            toolbar: toolbar,
            style: cssFile,
            rtl: (isRtl == true),
            emoticonsEnabled: emoticonsEnabled,
            emoticonsCompat: true,
            emoticonsRoot: "",
            emoticons: {
                dropdown: smileys
            },
            emoticonsURL: iframeSrc
        });
        var editor = $("textarea.input-subtle").sceditor("instance");
        var originalDropDownFn = editor.createDropDown;
        editor.createDropDown = function(menuItem, name, content, ieFix) {
            originalDropDownFn.call(this, menuItem, name, content, ieFix);
            var dropdowns = document.getElementsByClassName('sceditor-dropdown');
            if (!dropdowns.length) {
                return
            }
            var dropdown = dropdowns[dropdowns.length - 1];
            dropdown.style.top = menuItem[0].offsetTop + 'px';
            dropdown.style.setProperty('left', menuItem[0].offsetLeft + 'px', 'important');
            if (typeof _userdata !== 'undefined') {
                if (_userdata['tpl_mobile'] === 'mobi_modern') {
                    let rect = dropdown.getBoundingClientRect();
                    if ((rect.right + menuItem[0].offsetLeft) > document.documentElement.offsetWidth && rect.width < document.documentElement.offsetWidth) {
                        dropdown.style.setProperty('left', (document.documentElement.offsetWidth - rect.right - 10) + 'px', 'important')
                    } else if (rect.width >= document.documentElement.offsetWidth) {
                        dropdown.style.setProperty('left', '0', 'important')
                    }
                }
            }
            menuItem.parents('.sceditor-container').append(dropdown)
        };
        editor.toggleSourceMode();
        editor.sourceMode(FA.SCEditor.sourceMode);
        if (FA.SCEditor.sourceMode) $("a.sceditor-button-source").addClass("hover");
        if (plugin === 'bbcode') {
            FA_SCEditor.functions.showHideToolbarElements();
            if (!bSourceMode && editor.getSourceEditorValue().length) editor.setWysiwygEditorValue(editor.getSourceEditorValue() + '<br />')
        }
        $('.sceditor-container textarea').attr("placeholder", "" + editor.opts.quick_reply + "");
        addStyleMobiDarkmode(editor);
        $('.sceditor-button-source, #fa_darkmode_toggle').on('mouseup', function() {
            addStyleMobiDarkmode(editor)
        })
    } catch (e) {
        if (typeof(console) != 'undefined') {
            console.error(e)
        }
    }
    try {
        if (typeof(addSmileyPane) != 'undefined') {
            addSmileyPane()
        }
    } catch (e) {
        if (typeof(console) != 'undefined') {
            console.error(e)
        }
    }
});

function addStyleMobiDarkmode(editor) {
    var bodySCE = editor.getBody().closest('html').find('head');
    if ($('body').hasClass('fa_darkmode')) {
        var styleSCE = $('<style>');
        styleSCE.text("body,code:before,html,p,table{background-color:#1f1f1f;border-color:#464646;color:#d4d4d4;}").attr("id", "fa_darkmode_sce_style");
        styleSCE.appendTo(bodySCE)
    } else {
        bodySCE.children('#fa_darkmode_sce_style').remove()
    }
}

function detectIEEdge() {
    var ua = window.navigator.userAgent;
    var msie = ua.indexOf('MSIE ');
    if (msie > 0) {
        return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10)
    }
    var trident = ua.indexOf('Trident/');
    if (trident > 0) {
        var rv = ua.indexOf('rv:');
        return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10)
    }
    var edge = ua.indexOf('Edge/');
    if (edge > 0) {
        return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10)
    }
    return false
}

function getOS() {
    var userAgent = window.navigator.userAgent,
        platform = window.navigator.platform,
        macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
        windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
        iosPlatforms = ['iPhone', 'iPad', 'iPod'],
        os = null;
    if (macosPlatforms.indexOf(platform) !== -1) {
        os = 'Mac OS'
    } else if (iosPlatforms.indexOf(platform) !== -1) {
        os = 'iOS'
    } else if (windowsPlatforms.indexOf(platform) !== -1) {
        os = 'Windows'
    } else if (/Android/.test(userAgent)) {
        os = 'Android'
    } else if (!os && /Linux/.test(platform)) {
        os = 'Linux'
    }
    return os
}

function insertIntoEditor(text) {
    try {
        var editor = $("textarea.input-subtle").sceditor("instance");
        var editorContent = editor.val();
        if ((text == null) || (typeof(text) == 'undefined')) {
            text = ""
        }
        if (editor && (text.length > 0)) {
            if (editor.inSourceMode()) {
                if (editorContent.slice(-1) === ' ' || editorContent.length == 0) editor.insert(text + ' ');
                else if (editorContent.length > 0) editor.insert(' ' + text + ' ')
            } else {
                if (editorContent.slice(-1) === ' ' || editorContent.length == 0) {
                    editor.insert(text);
                    editor.wysiwygEditorInsertHtml(' ')
                } else if (editorContent.length > 0) {
                    editor.wysiwygEditorInsertHtml(' ');
                    editor.insert(text);
                    editor.wysiwygEditorInsertHtml(' ')
                }
            }
        }
    } catch (e) {
        if (console) {
            console.error(e)
        }
    }
}

function updateEditorVal(val) {
    var editor = $("textarea.input-subtle").sceditor("instance"),
        rangeHelper = editor.getRangeHelper();
    if (typeof val === "string") {
        if (editor.inSourceMode()) {
            editor.setSourceEditorValue(val)
        } else {
            editor.setWysiwygEditorValue('');
            editor.insert(val)
        }
    }
}

function ReturnWord(text, caretPos) {
    var preText = text.substring(0, caretPos);
    var separatorRegexp = new RegExp("\\s+");
    if (separatorRegexp.test(preText)) {
        var words = preText.split(separatorRegexp);
        var wordOutput = words[words.length - 1];
        return wordOutput
    } else {
        return preText
    }
}

function findIfMention(text) {
    var editor = $("textarea.input-subtle").sceditor("instance");
    if (typeof text === "undefined") {
        var text = editor.val()
    }
    var caretPos = text.length;
    var word = ReturnWord(text, caretPos);
    if (word != null) {
        var thisRegex = new RegExp("^(@\"?).*");
        var endRegex = new RegExp('^(@").+"');
        if (thisRegex.test(word)) {
            if (endRegex.test(word)) {
                editor.closeDropDown(true);
                return
            }
            var paramStr = word.substring(word.match(thisRegex)[1].length);
            showMentionList(paramStr);
            if (paramStr.endsWith('"')) {
                editor.closeDropDown(true)
            }
        } else {
            editor.closeDropDown(true)
        }
    }
}

function bindKeyUp() {
    var timeoutID = null;
    var editor = $("textarea.input-subtle").sceditor("instance");
    var rangeHelper = editor.getRangeHelper();
    editor.keyUp(function(e) {
        rangeHelper.saveRange();
        clearTimeout(timeoutID);
        timeoutID = setTimeout(function() {
            findIfMention(e.target.value)
        }, 500)
    })
}

function showMentionList(val) {
    var editor = $("textarea.input-subtle").sceditor("instance");
    editor.closeDropDown(true);
    $content = $("<div />");
    $("<input autocomplete='off' type='text' id='sceditor-input-mention' placeholder='@' autofocus value='" + val + "' />").keyup(function(e) {
        var timeoutID = null;
        clearTimeout(timeoutID);
        timeoutID = setTimeout(function() {
            findMember(e.target.value)
        }, 500)
    }).appendTo($content);
    findMember(val);

    function findMember(str) {
        $.get("/ajax_mention.php", {
            search: str,
            topicID: SCE_TopicID
        }).done(function(data) {
            appendMentionList(data, str)
        })
    }

    function insertMentionIntoEditor(elem, str, e) {
        var elemText;
        if (typeof elem === 'string') {
            elemText = elem
        } else {
            elemText = elem.text()
        }
        if (str.length > 0) {
            var regExp = new RegExp("\"?(" + str + ")$");
            var currentEditorValue;
            if (editor.inSourceMode()) {
                currentEditorValue = editor.val()
            } else {
                currentEditorValue = editor.getWysiwygEditorValue()
            }
            var newText = currentEditorValue.replace(regExp, "\"" + elemText + "\" ");
            updateEditorVal(newText)
        } else {
            var prefix = '"';
            if (editor.val().substr(editor.val().length - 1) === '"') {
                prefix = ''
            }
            editor.insertText(prefix + elemText.substr(str.length) + "\" ")
        }
        editor.closeDropDown(true);
        e.preventDefault()
    }

    function appendMentionList(data, str) {
        if ($('#sceditor-mention-div')) {
            $('#sceditor-mention-div').remove()
        }
        $("<div id='sceditor-mention-div'/></div>").appendTo($content);
        data = JSON.parse(data);
        if (data) {
            var selectedMention = "selected-mention";
            for (var user in data) {
                $('<p class="sceditor-mention-user"><img src="' + data[user].avatar + '" onerror="this.src=\'' + illiweb + 'fa/i/l_users3.png\';"/>' + data[user].username + '</p>').appendTo('#sceditor-mention-div');
                selectedMention = ""
            }
            $('.sceditor-mention-user').on('click', function(e) {
                insertMentionIntoEditor($(this), str, e)
            })
        }
    }
    editor.createDropDown($('.sceditor-button-mention'), "mention", $content.get(0))
}
</script>
Depois de publicar o template, ainda em PA > Visualização > Templates > Versão móvel >, você deve editar o template "posting_body". E depois do:
Código:
<!-- END switch_mobi_editor -->
Você pode colar o mesmo código que citei antes, que irá trazer o SCEditor para toda as partes que tem campo de texto, exceto na resposta rápida dos tópicos (que no caso é no outro template já salvo). O resultado para mim foi esse:
Barra na Versão Móvel igual a da Versão Clássica Screen59

Volto a salientar, o SCEditor não é nativo ainda da versão móvel, e por isso pode ser que alguns bugs possam ocorrer neste código que passei. Porém, pelos meus testes, não ocorreu problemas ao não ser no Servimg, como expliquei. Envergonhado

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 15:04

Caso eu faça a alteração perderei a opção do carregamento das imagens? Para mim é uma função fundamental para as postagens no meu fórum.
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 15:34

Oi Eduardo.

Não. Alojamento de imagens no servimg só são possíveis na versão desktop. Por isso, em tese, não faz muito sentido incluir isso na versão móvel. O template que mencionei ele é específico da versão móvel. Isto é, somente na versão móvel o botão de carregar imagens para o Servimg ficarão indisponíveis, pois, ela exige um ID e sessões que são criadas no lado do servidor do seu fórum, no qual nós não possuímos acesso. Somente os técnicos tem. Ou seja, as strings servImgAccount, servImgId, servImgF e servImgTB. Elas são geradas por cada usuário que acessa a página. Então, se o usuário acessar a página de postagens, ele terá um código X, se outro usuário acessar, será outro código e assim por diante. Não há como saber qual código certo, entende?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 17:47

Ok. Esse botão aqui continuará ativo?

Barra na Versão Móvel igual a da Versão Clássica Screen15
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 18:07

Sim cool
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 18:19

Está dando algum erro, acho que eu não estou conseguindo fazer. Posso te dar o acesso para que veja?
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 18:20

Olá Eduardo.

Por gentileza, poderia ser mais específico? Nos mostre imagens que evidencie o problema ocorrido, para que possamos ajudá-lo.

Até breve.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 18:22

Shek escreveu:Olá Eduardo.

Por gentileza, poderia ser mais específico? Nos mostre imagens que evidencie o problema ocorrido, para que possamos ajudá-lo.

Até breve.

Barra na Versão Móvel igual a da Versão Clássica Screen16
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 18:37

Sim, mas em qual template? Tem certeza que fez a aplicação da forma que orientei? Excluiu e tentou com o template padrão?

Digo, não há como ter problemas com abertura de tags, pois, você está incluindo um código que não existe no template.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 28.05.24 18:44

Shek escreveu:Sim, mas em qual template? Tem certeza que fez a aplicação da forma que orientei? Excluiu e tentou com o template padrão?

Digo, não há como ter problemas com abertura de tags, pois, você está incluindo um código que não existe no template.

Código:
<script type="text/javascript">
    //<![CDATA[
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
                {
                    if( $(this).is(":visible") )
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        }
        catch(e) { }

        return false;
    };
    //]]>
</script>

<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function() {
      var desc = $('#page-desc'),
         desc_content = desc.children('.page-desc-content'),
         desc_btn = desc.children('.page-desc-btn');

      if (!desc_content.children('div').is(':empty')) {
         desc.addClass('visible');

         if(desc_content.find('div')[0].scrollHeight > 64) {
            desc_btn.addClass('visible');
         }
      }

      desc_btn.on('click', function() {
         desc.toggleClass('expanded');
      });
   });
   //]]>
</script>
{POSTER_MORE_MODAL}
<div class="breadcrumbs">
   <a class="nav nav-solid" href="{U_INDEX}">
      <span>{L_INDEX}</span>
   </a>
    {NAV_CAT_DESC_DESKTOP}
</div>

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" {S_POST_REPLY_TOPIC} title="{L_POST_REPLY_TOPIC}">
   <i class="material-icons">{I_POST_REPLY_TOPIC}</i>&nbsp;{L_POST_REPLY_TOPIC}
</a>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_user_authnoreply -->
<a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" title="{T_LOGIN_REPLY_TOPIC}">
   <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>&nbsp;{L_LOGIN_REPLY_TOPIC}
</a>
<!-- END switch_user_authnoreply -->

<!-- BEGIN viewtopic_bottom -->
<form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
   <input type="hidden" name="t" value="{TOPIC_ID}" />
   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>
      <div class="quickmod-wrap">
            {S_SELECT_MOD}
      </div>
   </label>
</form>
<!-- END viewtopic_bottom -->

<div id="page-desc" class="box-subtle">
   <div class="page-desc-content">
      <div>{TOPIC_TITLE}</div>
   </div>
   <div class="page-desc-btn">
      <i class="material-icons">keyboard_arrow_down</i>
      <i class="material-icons">keyboard_arrow_up</i>
   </div>
</div>
{POSTERS_LIST}
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
    <!-- BEGIN hidden -->
    <div class="post-section {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
    </div>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <div class="post-head">
            <div class="post-icon"><i class="material-icons" style="display: {postrow.displayed.DISPLAY_ICON};">person</i>{postrow.displayed.POSTER_AVATAR}</div>
            <div class="post-info">
                <div class="h3">{postrow.displayed.POST_DATE_NEW}</div>
                <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
            </div>
        </div>
        <div class="post-content">
            {postrow.displayed.MESSAGE}
            <!-- BEGIN switch_attachments -->
            <div class="attachbox">
                <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                <dl class="attachments">
                    <!-- BEGIN switch_post_attachments -->
                    <dt>
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->
                        <!-- BEGIN switch_no_dl_att -->
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                    </dt>
                    <dd>
                        <!-- BEGIN switch_no_comment -->
                        <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                        <!-- END switch_no_comment -->
                        <!-- BEGIN switch_no_dl_att -->
                        <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                        <!-- END switch_no_dl_att -->
                        <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
                    </dd>
                    <!-- END switch_post_attachments -->
                </dl>
            </div>
            <!-- END switch_attachments -->
        </div>
      {postrow.displayed.EDITED_MESSAGE}
      <!-- BEGIN switch_likes_active -->
      <div class="fa_like_div">
         <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
         <!-- END switch_like_list -->
         <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
         <!-- END switch_dislike_list -->
      </div>
      <!-- END switch_likes_active -->
      <ul class="post-buttons">
         <!-- BEGIN switch_likes_active -->
            <button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_up</i>
               {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
            </button>
         <!-- BEGIN switch_dislike_button -->
            <button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_down</i>
               {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
               <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
            </button>
         <!-- END switch_dislike_button -->
         <!-- END switch_likes_active -->
         <!-- BEGIN switch_edit_quote_buttons -->
         <div class="navmenu_block">
            <div class="navmenu_show"><i class="material-icons">more_horiz</i></div>
            <div class="navmenu_list">
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
            </div>
         </div>
         <!-- END switch_edit_quote_buttons -->
      </ul>
    </div>
    <!-- BEGIN first_post_br -->
    <hr id="first-post-br" />
    <!-- END first_post_br -->
    <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}

{QUICK_REPLY_FORM}

<!-- BEGIN promot_trafic -->
<div class="module" id="ptrafic_close" style="display: none;">
   <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">add</i></a>{PROMOT_TRAFIC_TITLE}</div>
</div>
<div class="module" id="ptrafic_open" style="display:'';">
   <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">remove</i></a>{PROMOT_TRAFIC_TITLE}</div>
   <div class="module-table">
      <table summary="{PROMOT_TRAFIC_TITLE}">
         <tbody>
         <!-- BEGIN link -->
         <tr>
            <td>
               <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">
                  <i class="ion-document-text"></i>
                        {promot_trafic.link.TITLE}
               </a>
            </td>
         </tr>
         <!-- END link -->
         </tbody>
      </table>
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} rel="nofollow" class="btn-floating">
    <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
   <span class="btn-floating-txt">{L_POST_REPLY_TOPIC}</span>
</a>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_user_authnoreply -->
<a href="{U_LOGIN_REPLY_TOPIC}" title="{T_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
   <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>&nbsp;
   <span class="btn-floating-txt">{L_LOGIN_REPLY_TOPIC}</span>
</a>
<!-- END switch_user_authnoreply -->
     

          <link rel="stylesheet" href="//illiweb.com/rs3/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" />
                <style type="text/css">
                    .sceditor-button {padding:0 20px 0 0 !important;}
                    .sceditor-button-flash div      { background-position: 0 -628px; }
                    .sceditor-button-servimg div    { background-position: 0 -644px; }
                    .sceditor-button-dailymotion div{ background-position: 0 -660px; }
                    .sceditor-button-faspoiler div  { background-position: 0 -676px; }
                    .sceditor-button-fahide div    { background-position: 0 -692px; }
                    .sceditor-button-fascroll div  { background-position: 0 -708px; }
                    .sceditor-button-faupdown div  { background-position: 0 -724px; }
                    .sceditor-button-farand div    { background-position: 0 -756px; }
                    .sceditor-button-faroll div    { background-position: 0 -772px; }
                    .sceditor-button-more div      { background-position: 0 -788px; }
                    .sceditor-button-emoticon div  { background-position: 0 -804px; }
                    .sceditor-button-embed div      { background-image: url("//2img.net/i//fa/icon_embed.png") }
                    .sceditor-button-headers div    { background-position: 0 -820px; }
                    .sceditor-button-twemojifa div    { background: url("//2img.net/i/fa/icon_twemoji.png") !important; }
                    .sceditor-twemojifa            {width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
                    .sceditor-button-mention div    { background: url("//2img.net/i//fa/icon_at.png") !important; }
                    #sceditor-mention-div        { max-height: 200px; overflow: auto; }
                    .sceditor-mention-user        { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                    .sceditor-mention-user img      { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
                    .sceditor-mention-user:hover    { background:#3793ff22;color: #000;cursor:pointer; }
                    .sceditor-button-giphy div      { background-image: url("//2img.net/i//fa/icon_gif.png") }
                </style>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/jquery/cookie/jquery.cookie.js"></script>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/jquery.sceditor.js"></script>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/plugins/bbcode.js"></script>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands.js"></script>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
        <script type="text/javascript" src="//illiweb.com/rs3/86/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
        <script type="text/javascript" charset="UTF-8">
                    var plugins = '';
                    var palette = 0;
                    var illiweb = 'https://illiweb.com/';
                    var locale = 'pt';
                var smileys = null;
                var id_forum = ($('div.breadcrumbs a:last-child').length) ? $('div.breadcrumbs a:last-child').attr('href'):null;
              var number_forum = (id_forum == null)  ? 1:id_forum.match(/(\d+)-/);
                var iframeSrc = '/smilies?f='+ number_forum +'&mode=smilies_frame';
                    var height = '200';
                    var cssFile = 'https://illiweb.com/rs3/86/frm/SCEditor/minified/jquery.sceditor.default.min.css';
                    var plugin = 'bbcode';
                    var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source';
                    var cssFile = '';
                    var isRtl = 0;
                    var dice = new Array();
                    var bSourceMode = true;
                    var emoticonsEnabled = 1;
                    var SCE_TopicID = '<!-- BEGIN viewtopic_bottom -->{TOPIC_ID}<!-- END viewtopic_bottom -->{LAST_TOPIC_ID}';
                    var illiwebDomain = 'https://illiweb.com/';
                    var servimgDomain = 'servimg.com';
                    var INTRANET = 0;
                    var quick_reply = '';
                        (function ($) {
                            'use strict';
                            $.sceditor.locale["pt"] = {
                                "Bold"                      : "Negrito",
                                "Italic"                    : "Itál.",
                                "Underline"                  : "Sublinhar",
                                "Strikethrough"              : "Riscado",
       
                                "Align left"                : "Alinhar à esquerda",
                                "Center"                    : "Centrado",
                                "Align right"                : "Alinhar à direita",
                                "Justify"                    : "Justificado",
       
                                "Bullet list"                : "-Lista",
                                "Numbered list"              : "Lista ordenada",
                                "Insert a horizontal rule"  : "Inserir uma linha",
       
                                "Insert a Quote"            : "'Citar'",
                                "Code"                      : "Code",
                                "Spoiler"                    : "Spoiler",
                                "Hidden"                    : "Escondido",
                                "Insert a table"            : "Inserir uma tabela",
       
                                "Host an image"              : "Hospedar uma imagem",
                                "Insert an image"            : "Inserir uma imagem",
                                "Insert a GIF"              : "Escolher um GIF",
                                "Insert an email"            : "Inserir um email",
                                "Insert a link"              : "Inserir um link",
                                "Unlink"                    : "Excluir um link",
                                "Insert a YouTube video"    : "Inserir um video do Youtube",
                                "Insert a Dailymotion Video" : "Insira um video Dailymotion",
                                "Flash"                      : "Flash",
       
                                "Format Headers"            : "Formato dos títulos",
                                "Font Size"                  : "Tamanho da fonte",
                                "Font Color"                : "Cor",
                                "Font Name"                  : "Fonte",
                                "Remove Formatting"          : "Excluir a formatação do texto",
                             
                                "Mention a user"            : "Mencionar um membro",
                                "Embed a link"              : "Embutir conteúdo (link)",
       
                                "Subscript"                  : "Índice",
                                "Superscript"                : "Exposição",
       
                                "Horizontal scrolling"      : "Desfilamento horizontal",
                                "Vertical scrolling"        : "Desfilamento vertical",
                                "Random"                    : "Aleatório",
                                "Dices roll"                : "Lançar dados",
       
                                "Insert an emoticon"        : "Smileys",
                                "Insert current date"        : "Data atual",
                                "Insert current time"        : "Hora atual",
                                "Paste Text"                : "Inserir um texto não formatado",
                                "Switch Editor Mode"        : "Transferir o modo de edição",
       
                                "color_dark_red"    : "Vermelho Escuro",
                                "color_red"        : "Vermelho",
                                "color_orange"      : "Laranja",
                                "color_brown"      : "Marrom",
                                "color_yellow"      : "Amarelo",
                                "color_green"      : "Verde",
                                "color_olive"      : "Azeitona",
                                "color_cyan"        : "Ciano",
                                "color_blue"        : "Azul",
                                "color_dark_blue"  : "Azul escuro",
                                "color_indigo"      : "Índigo",
                                "color_violet"      : "Violeta",
                                "color_grey"        : "Cinza",
                                "color_white"      : "Branco",
                                "color_black"      : "Preto",
       
                                "More"                      : "Mais botões",
                                "Search"                                    : "Procurar",
                                "Insert"                                    : "Inserir",
                                "URL:"                                      : "URL",
                                "Invalid YouTube video"                    : "Vídeo inválido",
                                "Author (optional)"                        : "Autor (Opcional)",
                                "Title (optional)"                          : "Título (Opcional)",
                                "Cols:"                                    : "Colunas",
                                "Rows:"                                    : "linhas",
                                "Width (optional):"                        : "Largura (Opcional)",
                                "Height (optional):"                        : "Altura (Opcional)",
                                "Description (optional):"                  : "Descrição (Opcional)",
                                "Paste your text inside the following box:" : "Colar texto",
                                "Border"                                    : "Borda (px)",
       
                                "dateFormat": "day.month.year"
                            };
                        })(jQuery);
        $(document).ready(function() {
            try {
                FA.SCEditor = {
                    sourceMode: bSourceMode
                };
                $("textarea.input-subtle").sceditor({
                    locale: locale,
                    width: ($.sceditor.ie <= 9) ? '' : '100%',
                    height: height,
                    plugins: plugin,
                    SCE_TopicID: (typeof SCE_TopicID !== "undefined") ? SCE_TopicID : "",
                    quick_reply: (typeof quick_reply !== "undefined") ? quick_reply : "",
                    toolbar: toolbar,
                    style: cssFile,
                    rtl: (isRtl == true),
                    emoticonsEnabled: emoticonsEnabled,
                    emoticonsCompat: true,
                    emoticonsRoot: "",
                    emoticons: {
                        dropdown: smileys
                    },
                    emoticonsURL: iframeSrc
                });
                var editor = $("textarea.input-subtle").sceditor("instance");
                var originalDropDownFn = editor.createDropDown;
                editor.createDropDown = function(menuItem, name, content, ieFix) {
                    originalDropDownFn.call(this, menuItem, name, content, ieFix);
                    var dropdowns = document.getElementsByClassName('sceditor-dropdown');
                    if (!dropdowns.length) {
                        return
                    }
                    var dropdown = dropdowns[dropdowns.length - 1];
                    dropdown.style.top = menuItem[0].offsetTop + 'px';
                    dropdown.style.setProperty('left', menuItem[0].offsetLeft + 'px', 'important');
                    if (typeof _userdata !== 'undefined') {
                        if (_userdata['tpl_mobile'] === 'mobi_modern') {
                            let rect = dropdown.getBoundingClientRect();
                            if ((rect.right + menuItem[0].offsetLeft) > document.documentElement.offsetWidth && rect.width < document.documentElement.offsetWidth) {
                                dropdown.style.setProperty('left', (document.documentElement.offsetWidth - rect.right - 10) + 'px', 'important')
                            } else if (rect.width >= document.documentElement.offsetWidth) {
                                dropdown.style.setProperty('left', '0', 'important')
                            }
                        }
                    }
                    menuItem.parents('.sceditor-container').append(dropdown)
                };
                editor.toggleSourceMode();
                editor.sourceMode(FA.SCEditor.sourceMode);
                if (FA.SCEditor.sourceMode) $("a.sceditor-button-source").addClass("hover");
                if (plugin === 'bbcode') {
                    FA_SCEditor.functions.showHideToolbarElements();
                    if (!bSourceMode && editor.getSourceEditorValue().length) editor.setWysiwygEditorValue(editor.getSourceEditorValue() + '<br />')
                }
                $('.sceditor-container textarea').attr("placeholder", "" + editor.opts.quick_reply + "");
                addStyleMobiDarkmode(editor);
                $('.sceditor-button-source, #fa_darkmode_toggle').on('mouseup', function() {
                    addStyleMobiDarkmode(editor)
                })
            } catch (e) {
                if (typeof(console) != 'undefined') {
                    console.error(e)
                }
            }
            try {
                if (typeof(addSmileyPane) != 'undefined') {
                    addSmileyPane()
                }
            } catch (e) {
                if (typeof(console) != 'undefined') {
                    console.error(e)
                }
            }
        });
       
        function addStyleMobiDarkmode(editor) {
            var bodySCE = editor.getBody().closest('html').find('head');
            if ($('body').hasClass('fa_darkmode')) {
                var styleSCE = $('<style>');
                styleSCE.text("body,code:before,html,p,table{background-color:#1f1f1f;border-color:#464646;color:#d4d4d4;}").attr("id", "fa_darkmode_sce_style");
                styleSCE.appendTo(bodySCE)
            } else {
                bodySCE.children('#fa_darkmode_sce_style').remove()
            }
        }
       
        function detectIEEdge() {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf('MSIE ');
            if (msie > 0) {
                return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10)
            }
            var trident = ua.indexOf('Trident/');
            if (trident > 0) {
                var rv = ua.indexOf('rv:');
                return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10)
            }
            var edge = ua.indexOf('Edge/');
            if (edge > 0) {
                return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10)
            }
            return false
        }
       
        function getOS() {
            var userAgent = window.navigator.userAgent,
                platform = window.navigator.platform,
                macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
                windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
                iosPlatforms = ['iPhone', 'iPad', 'iPod'],
                os = null;
            if (macosPlatforms.indexOf(platform) !== -1) {
                os = 'Mac OS'
            } else if (iosPlatforms.indexOf(platform) !== -1) {
                os = 'iOS'
            } else if (windowsPlatforms.indexOf(platform) !== -1) {
                os = 'Windows'
            } else if (/Android/.test(userAgent)) {
                os = 'Android'
            } else if (!os && /Linux/.test(platform)) {
                os = 'Linux'
            }
            return os
        }
       
        function insertIntoEditor(text) {
            try {
                var editor = $("textarea.input-subtle").sceditor("instance");
                var editorContent = editor.val();
                if ((text == null) || (typeof(text) == 'undefined')) {
                    text = ""
                }
                if (editor && (text.length > 0)) {
                    if (editor.inSourceMode()) {
                        if (editorContent.slice(-1) === ' ' || editorContent.length == 0) editor.insert(text + ' ');
                        else if (editorContent.length > 0) editor.insert(' ' + text + ' ')
                    } else {
                        if (editorContent.slice(-1) === ' ' || editorContent.length == 0) {
                            editor.insert(text);
                            editor.wysiwygEditorInsertHtml(' ')
                        } else if (editorContent.length > 0) {
                            editor.wysiwygEditorInsertHtml(' ');
                            editor.insert(text);
                            editor.wysiwygEditorInsertHtml(' ')
                        }
                    }
                }
            } catch (e) {
                if (console) {
                    console.error(e)
                }
            }
        }
       
        function updateEditorVal(val) {
            var editor = $("textarea.input-subtle").sceditor("instance"),
                rangeHelper = editor.getRangeHelper();
            if (typeof val === "string") {
                if (editor.inSourceMode()) {
                    editor.setSourceEditorValue(val)
                } else {
                    editor.setWysiwygEditorValue('');
                    editor.insert(val)
                }
            }
        }
       
        function ReturnWord(text, caretPos) {
            var preText = text.substring(0, caretPos);
            var separatorRegexp = new RegExp("\\s+");
            if (separatorRegexp.test(preText)) {
                var words = preText.split(separatorRegexp);
                var wordOutput = words[words.length - 1];
                return wordOutput
            } else {
                return preText
            }
        }
       
        function findIfMention(text) {
            var editor = $("textarea.input-subtle").sceditor("instance");
            if (typeof text === "undefined") {
                var text = editor.val()
            }
            var caretPos = text.length;
            var word = ReturnWord(text, caretPos);
            if (word != null) {
                var thisRegex = new RegExp("^(@\"?).*");
                var endRegex = new RegExp('^(@").+"');
                if (thisRegex.test(word)) {
                    if (endRegex.test(word)) {
                        editor.closeDropDown(true);
                        return
                    }
                    var paramStr = word.substring(word.match(thisRegex)[1].length);
                    showMentionList(paramStr);
                    if (paramStr.endsWith('"')) {
                        editor.closeDropDown(true)
                    }
                } else {
                    editor.closeDropDown(true)
                }
            }
        }
       
        function bindKeyUp() {
            var timeoutID = null;
            var editor = $("textarea.input-subtle").sceditor("instance");
            var rangeHelper = editor.getRangeHelper();
            editor.keyUp(function(e) {
                rangeHelper.saveRange();
                clearTimeout(timeoutID);
                timeoutID = setTimeout(function() {
                    findIfMention(e.target.value)
                }, 500)
            })
        }
       
        function showMentionList(val) {
            var editor = $("textarea.input-subtle").sceditor("instance");
            editor.closeDropDown(true);
            $content = $("<div />");
            $("<input autocomplete='off' type='text' id='sceditor-input-mention' placeholder='@' autofocus value='" + val + "' />").keyup(function(e) {
                var timeoutID = null;
                clearTimeout(timeoutID);
                timeoutID = setTimeout(function() {
                    findMember(e.target.value)
                }, 500)
            }).appendTo($content);
            findMember(val);
       
            function findMember(str) {
                $.get("/ajax_mention.php", {
                    search: str,
                    topicID: SCE_TopicID
                }).done(function(data) {
                    appendMentionList(data, str)
                })
            }
       
            function insertMentionIntoEditor(elem, str, e) {
                var elemText;
                if (typeof elem === 'string') {
                    elemText = elem
                } else {
                    elemText = elem.text()
                }
                if (str.length > 0) {
                    var regExp = new RegExp("\"?(" + str + ")$");
                    var currentEditorValue;
                    if (editor.inSourceMode()) {
                        currentEditorValue = editor.val()
                    } else {
                        currentEditorValue = editor.getWysiwygEditorValue()
                    }
                    var newText = currentEditorValue.replace(regExp, "\"" + elemText + "\" ");
                    updateEditorVal(newText)
                } else {
                    var prefix = '"';
                    if (editor.val().substr(editor.val().length - 1) === '"') {
                        prefix = ''
                    }
                    editor.insertText(prefix + elemText.substr(str.length) + "\" ")
                }
                editor.closeDropDown(true);
                e.preventDefault()
            }
       
            function appendMentionList(data, str) {
                if ($('#sceditor-mention-div')) {
                    $('#sceditor-mention-div').remove()
                }
                $("<div id='sceditor-mention-div'/></div>").appendTo($content);
                data = JSON.parse(data);
                if (data) {
                    var selectedMention = "selected-mention";
                    for (var user in data) {
                        $('<p class="sceditor-mention-user"><img src="' + data[user].avatar + '" onerror="this.src=\'' + illiweb + 'fa/i/l_users3.png\';"/>' + data[user].username + '</p>').appendTo('#sceditor-mention-div');
                        selectedMention = ""
                    }
                    $('.sceditor-mention-user').on('click', function(e) {
                        insertMentionIntoEditor($(this), str, e)
                    })
                }
            }
            editor.createDropDown($('.sceditor-button-mention'), "mention", $content.get(0))
        }
        </script>
     


No Versão móvel -> viewtopic_body
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 28.05.24 23:41

Eduardo, para mim o template foi salvo sem nenhum problema. Eu não estou entendendo ainda qual o problema está enfrentando. Apague o template e refaça os passos indicados e nos explique detalhes caso tenha dado algo de errado. Caso não seja possível explicar detalhes dos processos executados para obter o resultado que informei, a equipe de suporte do FdF poderá auxiliar a partir daqui. Rosa
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 29.05.24 0:01

Vou tentar.
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 29.05.24 2:56

Ficou assim:

Barra na Versão Móvel igual a da Versão Clássica Whatsa11
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 29.05.24 3:31

Ótimo! Ainda bem que é funcional conforme pediu. Por gentileza, se a dúvida estiver sanada, clique no botão "Resolvido" no topo do tópico.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 29.05.24 15:02

Ficou muito grande e pouco espaço para a digitação.

Gostaria de saber se teria como selecionar algumas funções que mais precisaria, como: Centralizar, Embutir Conteúdo, Inserir Link.

Acredito que essas, somadas às originais da Versão Móvel já seriam de grande utilidade para mim.

Há maneira de ser assim?
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 30.05.24 0:22

Boa noite.

Como eu expliquei em outra mensagem, o SCEditor não foi feito para versão móvel. Você pode ajustar os botões alterando o padding. Procure por:
Código:
.sceditor-button {padding:0 20px 0 0 !important;}
O problema de reduzir a largura dos botões é que o usuário pode sentir dificuldades em clicar neles. Ou seja, quão menor for o botão, é mais complicado de clicar. Esse tamanho é o ideal na minha recomendação.

Sobre os botões disponíveis, você pode escolher sim qual deseja exibir na resposta rápida e também na resposta completa. Para isso, localize esse trecho:
Código:
bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|image,,link,embed,youtube|headers,size,color,font,removeformat|mention,emoticon,twemojifa,date,time,source
Tem algumas observações que é importante esclarecer. Os separadores | dividem os grupos de recursos do editor. Isto é, o primeiro grupo é composto por bold,italic,underline,strike|. Isso quer dizer que o primeiro grupo é o botão Negrito, Itálico, Sublinhado, Riscado. O próximo grupo se inicia depois da | conforme pode notar.

Caso queira exibir só o primeiro grupo, substitua todo o conteúdo que citei no código acima por:
Código:
bold,italic,underline,strike

Aqui tem uma lista completa com todos os botões disponíveis no SCEditor de Forumeiros:
Código:
bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,embed,youtube|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source

As informações mais detalhadas estão em: https://www.sceditor.com/documentation/options/


Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 30.05.24 14:50

Código:
bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,embed,youtube|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source

Esse código pode ser editado para que apareça somente os botões que apresentei acima? Por exemplo

bold,italic,underline,strike + Centralizar, Embutir Conteúdo, Inserir Link.
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Shek 30.05.24 16:22

Oi Eduardo.

Eu já expliquei tudo bem detalhado na mensagem anterior justamente para que você pudesse fazê-lo como desejar, e até a documentação oficial do SCEditor eu coloquei na mensagem para não ficar dúvidas. Em choque Não entendo o motivo da sua pergunta, sendo que já foi explicado. Raivoso

Por gentileza, se houver alguma dúvida que não foi explicada, queira deixar detalhes. Thumbleft

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Eduardo Trigo 30.05.24 21:55

Consegui! Muito obrigado por toda a ajuda! Abraço.
Eduardo Trigo

Eduardo Trigo
****

Membro desde : 29/06/2008
Mensagens : 248
Pontos : 327

http://www.colecaofutebol.forumpratodos.com

Ir para o topo Ir para baixo

Moderadeira

Tópico resolvido Re: Barra na Versão Móvel igual a da Versão Clássica

Mensagem por Skouliki 31.05.24 6:45

Tópico resolvido


Movido para "Questões resolvidas".
Skouliki

Skouliki
Moderadeira
Moderadeira

Membro desde : 12/10/2018
Mensagens : 1226
Pontos : 1461

http://iconskouliki.forumgreek.com https://www.facebook.com/Iconskouliki https://twitter.com/Iconskouliki

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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