MyBB物化集成

Question

我有兴趣将Materializecss与我想为MyBB创建的主题集成起来。

(免责声明:以前没有这样做，对php、css和html是新的)

我取得了合理的进步，能够把一些物化元素放在我想要的地方，以我想要的风格。

然而，我撞到了一块砖墙，尽我所能，我想不出这一点.

对于上下文，我正在编辑，并集中在按钮编辑、删除、回复等.，主要代码块是

Postbit模板> postbit

<div class="post_controls_default">

<div class="postbit_buttons author_buttons float_left">
    {$post['button_www']}{$post['button_pm']}{$post['button_rep']}
</div>
    <a class="waves-effect waves-teal ban-flat">Material Button</a>
    <a class="btn-flat"><i class="material-icons left">edit</i>Edit Post</a>
<p>
  <input type="checkbox" class="filled-in" id="test5" />
  <label for="test5">Material Checkbox</label>
</p>
<div class="postbit_buttons post_management_buttons float_right">
    {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}

</div>

而且样式设计似乎是由

global.css

.postbit_buttons > a:active {
    display: inline-block;
    color: #2c82c9;
    padding: 7px 16px 7px 14px;
    margin: 5px 2px 2px;
    font-size: 12px;
    border: 1px solid #bed3e4;
}

现在让我感到困惑的代码行

{$post['button_edit']}

让我困惑的是，以我有限的经验，我相信为了创建一个按钮，需要有这样的语句

<button type="button">Click Me!</button>

然而，这里没有这样的声明。如果我删除{$post‘按钮_编辑’}代码，则该按钮将被删除。如果我再输入一个{ $post‘按钮_ edit’}，那么我会得到另一个编辑按钮，这使我相信声明是在某个地方构建的，我认为$post与它有关。

在寻找我所能想到的一切之后，我变得相当枯燥。找到互相参照的语言翻译之类的。因此，$push似乎正在创建按钮，并以正确的语言提供文本。

我在第1030行的“jquery.plugins”和“jquery.plugins_e”中找到了一段看起来很有希望的代码。

            // iterate over each button and create them
        for(i=0, l=buttons.length; i<l; i++){
            v = buttons[i],
            defbtn = stateobj.focus === i || (isNaN(stateobj.focus) && stateobj.defaultButton === i) ? (opts.prefix + 'defaultbutton ' + opts.classes.defaultButton) : '';

            state += '<button class="'+ opts.classes.button +' '+ opts.prefix + 'button '+ defbtn;

            if(typeof v.classes !== "undefined"){
                state += ' '+ ($.isArray(v.classes)? v.classes.join(' ') : v.classes) + ' ';
            }

            state += '" name="' + opts.prefix + '_' + statename + '_button' + v.title.replace(/[^a-z0-9]+/gi,'') + '" value="' + v.value + '">' + v.title + '</button>';
        }

这似乎是在构建一个html声明，但我找不到与我的实际问题有任何关系(也许是因为缺乏经验？)我试着修改js代码中的一些行，看看它有什么效果，但对我想要的没有任何影响。

我想要使用整个材料按钮，而不是标准按钮，不知道最好的方法来解决这个问题。

有没有办法在某种程度上超越默认的按钮。所以标准按钮被指向物质

我可以删除{$post‘按钮_编辑’}并将我的物化代码放在那里，但我不知道如何以这种方式获得文本/翻译。

我没有任何问题，通过和编辑大量的模板，并插入所有的物化按钮，他们需要在哪里，如果这是它需要做的方式，但它只是看起来不太有效。

任何建议都非常感谢。

Answer 1

所有按钮声明都存在于整个模板中，这只是找到它们的一个例子。

{$post‘按钮_编辑’}将引导您到postbit_edit。

在存在按钮声明的情况下，需要删除该声明并将其替换为物化按钮的代码，如

<a class="waves-effect waves-teal btn-flat">Material Button</a><a class="btn-flat"><i class="material-icons left">edit</i>Edit Post</a>

对于要替换按钮的每个实例，都需要这样做，以使用所需的物化按钮。

要使所有现有按钮在不修改要引用物化的单个实例的情况下使用物化按钮，没有一种简单的方法。