Current date/time is October 19th 2021, 4:55 am

Search found 10 matches for awesomebb

Can't get the " Hide the sentence "Last edited by..." on specific or all messages" Tutorial to work.

Technical Details


Forum version : #AwesomeBB
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem :
Who the problem concerns : All members
When the problem appeared : Cannot pinpoint a specific moment.
Forum link : ( link is hidden, you must reply to see )

Description of problem

Can't get the " Hide the sentence "Last edited by..." on specific or all messages" Tutorial (link: https://help.forumotion.com/t144115-hide-the-sentence-last-edited-by-on-specific-or-all-messages) to work.


Topics tagged under awesomebb on The forum of the forums Gb2Zq7C

Topics tagged under awesomebb on The forum of the forums BXKQKQJ

Topics tagged under awesomebb on The forum of the forums V1erbIq


And here's the viewtopic_body template.

Code:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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>

<main id="topic">
    <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default">
            <i class="material-icons">{I_POST_NEW_TOPIC}</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
            <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
        <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
    </div>

    <div class="topic-actions">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_plus_menu -->
            <div class="plus-menu-wrap">
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                </script>
            </div>
            <!-- END switch_plus_menu -->

            <!-- BEGIN switch_twitter_btn -->
            <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
         </span>
            <!-- END switch_twitter_btn -->

            <!-- BEGIN switch_fb_likebtn -->
            <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
            <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
            <!-- END switch_fb_likebtn -->

            <!-- BEGIN switch_plus_menu -->
         <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                    {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                    {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
         </div>

            {switch_plus_menu.JS_SOCIAL_BUTTONS}
            <!-- END switch_plus_menu -->
        </div>
    </div>

    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
        <div class="block">
            <div class="block-content">
                {postrow.hidden.MESSAGE}
                <div class="block-footer" style="display: none;">
                    <!-- END hidden -->

                    <!-- BEGIN displayed -->
                    <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                        <div id="{postrow.U_POST_ID}" class="post-header">
                            <h2>
                                <i class="material-icons">description</i>
                                {postrow.displayed.ICON}
                        <span class="post-heading-wrap">
                           <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
                           <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
                        </span>
                     </h2>
                     <div class="mobile-hide post-buttons">
                        <ul>
                           <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                            <div class="mobile-show dropdown post-buttons-mobile">
                                <i class="material-icons">more_horiz</i>
                                <ul class="dropdown-box">
                                    <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="post-body">
                            <div class="post">
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    <span class="edit">{postrow.displayed.EDITED_MESSAGE}</span>

                                    <!-- BEGIN switch_attachments -->
                                    <div class="attachbox">
                                        {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                                        <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 -->
                           <!-- BEGIN switch_signature -->
                           <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                           <!-- END switch_signature -->
                        </div>
                        <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                           <!-- BEGIN switch_likes_active -->
                           <div class="fa_like_div">
                              <button class="rep-button {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}">
                                 <span class="rep-cat">
                                    <i class="material-icons">thumb_up</i>
                                    {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                 </span>
                                 <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                              </button>
                              <!-- BEGIN switch_dislike_button -->
                              <button class="rep-button {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}">
                                 <span class="rep-cat">
                                    <i class="material-icons">thumb_down</i>
                                    {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                 </span>
                                 <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                              </button>
                              <!-- END switch_dislike_button -->
                                        <!-- 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 -->
                           <!-- BEGIN switch_vote_active -->
                           <div class="vote">
                              <!-- BEGIN switch_vote -->
                              <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                 <i class="material-icons">add_circle_outline</i>
                              </a>
                              <!-- END switch_vote -->

                              <!-- BEGIN switch_vote -->
                              <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                 <i class="material-icons">remove_circle_outline</i>
                              </a>
                              <!-- END switch_vote -->

                                        <!-- BEGIN switch_bar -->
                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                            <div class="vote-bar-desc">
                                                {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                            </div>

                                            <div class="vote-bars">
                                                <!-- BEGIN switch_vote_plus -->
                                                <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                <!-- END switch_vote_plus -->

                                                <!-- BEGIN switch_vote_minus -->
                                                <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                <!-- END switch_vote_minus -->
                                            </div>
                                        </div>
                                        <!-- END switch_bar -->

                              <!-- BEGIN switch_no_bar -->
                              <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                              <!-- END switch_no_bar -->
                           </div>
                           <!-- END switch_vote_active -->
                        </div>
                     </div>
                     <aside class="post-aside">
                        <div class="post-author-status"></div>
                        <div class="post-author">
                     <span class="post-author-name">
                        {postrow.displayed.POSTER_NAME}
                     </span>
                                    <span class="post-author-title">
                        {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                     </span>
                                </div>
                                <div class="post-author-avatar">
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </div>
                                <dl class="post-author-details">
                                    <!-- BEGIN profile_field -->
                                    <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>
                                <div class="post-author-rpg">
                                    {postrow.displayed.POSTER_RPG}
                                </div>
                                <div class="post-author-contact dropdown">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                    <div class="dropdown-box">
                                        {postrow.displayed.PROFILE_IMG}
                                        {postrow.displayed.PM_IMG}
                                        {postrow.displayed.EMAIL_IMG}
                                        <!-- BEGIN contact_field -->
                                        {postrow.displayed.contact_field.CONTENT}
                                        <!-- END contact_field -->
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <!-- END displayed -->

                    <!-- BEGIN hidden -->
                </div>
            </div>
        </div>
    </div>
    <!-- END hidden -->
    <!-- END postrow -->
    <!-- BEGIN switch_forum_rules -->
    <div class="block" id="forum_rules">
        <div class="block-header">
            {L_FORUM_RULES}
        </div>
        <div class="block-content">
            <table class="postbody">
                <tr>
                    <!-- BEGIN switch_forum_rule_image -->
                    <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                    </td>
                    <!-- END switch_forum_rule_image -->
                    <td class="rules content">
                        {RULE_MSG}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- END switch_forum_rules -->

    {INLINE_MESSAGE}

    {QUICK_REPLY_FORM}

    <div class="topic-actions bottom">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
        </div>
    </div>

    <!-- BEGIN topicpagination -->
    <div class="pagination">
        {PAGINATION}
    </div>
    <!-- END topicpagination -->



    <form class="jumpbox" action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <label>
            <span>{L_JUMP_TO}:</span>
            <div class="jumpbox-wrap">
                {S_JUMPBOX_SELECT}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <!-- 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>
            <span>{L_MOD_TOOLS}:</span>
            <div class="quickmod-wrap">
                {S_SELECT_MOD}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <div class="topic-admin">{S_TOPIC_ADMIN}</div>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN show_permissions -->
    <div class="block">
        <div class="block-header">
            {L_TABS_PERMISSIONS}
        </div>
        <div class="block-content">
            {S_AUTH_LIST}
        </div>
    </div>
    <!-- END show_permissions -->

    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
   </a>
    <!-- END switch_user_authreply -->
</main>

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });
    });
</script>
by F D B
on April 9th 2021, 9:18 am
 
Search in: Garbage
Topic: Can't get the " Hide the sentence "Last edited by..." on specific or all messages" Tutorial to work.
Replies: 13
Views: 556

Problems with Quick-Reply (Missing Options)

Technical Details


Forum version : #AwesomeBB
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.imgur.com/JhUmIw1.png
Who the problem concerns : All members
When the problem appeared : Cannot pinpoint a specific moment.
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hello everybody!
I've recently moved the Forum to AwesomeBB. I know it's currently still in Beta, but this also happened in phpBB3.

As you can see in the screenshot I've uploaded (https://i.imgur.com/JhUmIw1.png), many options are missing in the Quick-Reply mode.
For example, as I type this message I can see more options in this Quick-Reply box at ForumMotion than I do in my own forum.

And also, the Giphy icon is the YouTube one (this also happens in the Full Reply mode).

Thanks.
by F D B
on April 7th 2021, 3:10 am
 
Search in: Garbage
Topic: Problems with Quick-Reply (Missing Options)
Replies: 26
Views: 1173

[Tutorial] CKEditor

@pedxz wrote:Create CKEditor in #awesomebb version
Code:
/*
 *  Application: CKEditor
 *  Version: Only AwesomeBB
 *  Date: 30/04/2018
 *  Version: 1.030042018
 *  Copyright (c) CKSource and Adapted to forumotion by Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
$(function() {
 
  if (_board.tpl_version !== 'awesomebb') return;
 
    $.ajax({
        type: 'GET',
        url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js',
        dataType: 'script',
        success: function() {
            CKEDITOR.replace('quick-reply-textarea', {
                extraPlugins: 'bbcode'
            });
        },
        error: function(jqXHR, textStatus, errorThrown) {
            if(jqXHR.status == 500) {
                console.log('Internal error: ' + jqXHR.responseText);
            } else {
                console.log('Unexpected error.');
            }
        }
    });
    $(function() {
        $('#quick-reply-textarea').sceditor('instance').destroy();
    });
});


Is there way to add host image option ? and Is it able to make ( translation with change side of typing from right-to-left as defualt ) ?

regards
by Abdalah tupe2
on October 28th 2020, 12:22 pm
 
Search in: Community Coding and Analysis Zone
Topic: [Tutorial] CKEditor
Replies: 41
Views: 6276

How to add on latest topic/top poster?

Hey @Iration,

It won't' look the same but the #awesomebb is more elegant and modern Topics tagged under awesomebb on The forum of the forums 1f60a see the demo:

Topics tagged under awesomebb on The forum of the forums Awtopw10

To installing create a new JavaScript page with investment in all pages with the following code:
Code:
/*globals jQuery*/

(function($) {
    'use strict';

    var widgets = [{
        name: 'Latest topics'
    }, {
        name: 'Top posters'
    }];

    $(function() {

        var $top = $('<div>', {
            'class': 'top-widgets'
        }).css({
            'display': 'flex',
            'width': '90%',
            'margin-left': 'auto',
            'margin-right': 'auto',
            'justify-content': 'space-around',
            'flex-flow': 'row wrap',
            'align-items': 'stretch'
        }).insertAfter('#site_widgets');


        $.each(widgets, function(index, box) {

            if (!box.name) return;

            var $widget = $('.box').find('.box-head span:contains(' + box.name + ')');

            if (!$widget.length) return;

            $widget.parent().parent().css('flex', 'auto').appendTo($top);

        });

        $top.find('.box:not(:last)').css('margin-right', '.2rem');

    });
})(jQuery);


You can add more widgets just add the name of the widget here:
Code:
var widgets = [{
        name: 'Latest topics'
    }, {
        name: 'Top posters'
    }];


Important: to work properly the widget needs to be active:

Topics tagged under awesomebb on The forum of the forums Awwid10
by pedxz
on June 30th 2020, 12:22 pm
 
Search in: Garbage
Topic: How to add on latest topic/top poster?
Replies: 29
Views: 1112

Theme for AwesomeBB Forum Version

Hey @Iration,

Welcome to Forumotion Support Forum! See this theme to #awesomebb midnightAWE i can help to change the colors if you want!
by pedxz
on June 28th 2020, 1:02 pm
 
Search in: Hitskin.com Support
Topic: Theme for AwesomeBB Forum Version
Replies: 22
Views: 2169

Changing specific sub-forum style

Changing specific sub-forum style


Hello everyone,

In this tutorial we will show you how to style a specific sub-forum instead of having all subforums styled the same way.


Preview Result

This will be the result after finishing this tutorial:
Topics tagged under awesomebb on The forum of the forums Screen29


Installation

To install this and have the specific subforums of your choice styled, you have to follow the below information.

Template Editing

Go to Administration Panel > Display > Templates : General > index_box and edit the template. Once you are there, follow the edit information below based on your forum version:

#PhpBB2, #PunBB, #Invision
Find:
Code:
  <!-- BEGIN forumrow -->
  <tr>

and replace it with this:
Code:
  <!-- BEGIN forumrow -->
  <tr class="forum_each" data-forum="{catrow.forumrow.U_VIEWFORUM}">


#PhpBB3, #ModernBB
Find:
Code:
  <!-- BEGIN forumrow -->
            <li class="row">

and replace it with this:
Code:
  <!-- BEGIN forumrow -->
            <li class="row forum_each" data-forum="{catrow.forumrow.U_VIEWFORUM}">


#AwesomeBB
Find:
Code:
  <!-- BEGIN forumrow -->
  <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">

and replace it with this:
Code:
  <!-- BEGIN forumrow -->
  <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION} forum_each" data-forum="{catrow.forumrow.U_VIEWFORUM}">


After you do the change in the template, save it and press the green cross to publish the template.


CSS code addition

Go to Administration Panel > Display > Pictures and Colors : Colors > CSS Stylesheet and add the code based on your forum version:
#PhpBB2, #PunBB, #Invision
Code:
.forum_each[data-forum*="fXX-"] .row1.over {
background-color: darkred;
font-size: 16px;
}


#PhpBB3, #ModernBB, #AwesomeBB
Code:
.forum_each[data-forum*="fXX-"] {
background-color: darkred;
font-size: 16px;
}


and once you finish adding the code in your CSS click the Save button to save your CSS.


Explanations

In the CSS codes above you see this part:
Code:
[data-forum*="fXX-"]
. What you need to change in that part is the XX based on the category you want to change. In order to find the one category you want to change you simple click on the category and check the link above.

If the category you want to change has a link
Code:
https://{FORUMNAME}.com/f1-your-first-category
then the only thing you need to get is the number after the first slash.
Code:
/f1-
is the one to get from this example. Here it's /f1 so the number you have to add is 1.

In other words, you simply change XX from the above code with 1 and so on. You can do this to as many categories as you wish.


Hope you like this tutorial and you find it useful!
Best of luck to all.

by TheCrow
on May 26th 2020, 8:00 am
 
Search in: Tips & Tricks
Topic: Changing specific sub-forum style
Replies: 0
Views: 2963

[AwesomeBB] MidnightAwe

Theme Name : MidnightAwe
Forum Version : #awesomebb
Main Colors : Midnight Blue and Plum
Template Usage : None
Javascript Usage : None
Difficulty to Install : 1/9
Time taken to create : Maybe 1 hour or less
Custom Images : Yes, All images are available with the skin.
Theme Description : The AwesomeBB version just came out, is still in beta, for many Administrators who like to use it. Then i create the MidnightAwe - it's the default theme for AwesomeBB, but with some edits, "dark mode", it's great for game forums, technology, programming, support or others.
The predominant color is Midnight Blue and PLUM Purple. Fully edited by CSS.
Theme Author : Pedxz






OBS: The theme was created long time away it needs css changes, so after install change the CSS to:
Code:
@media (max-width: 750px) {
  .forum-lastpost,
  .posts-lastpost {
    background-color: #2c3e50!important;
    border-color: #2c3e50!important;
  }
  #forum-statistics {
    display: block!important;
  }
  .notification-row,
  .EV_Item {
    background-color: #34495e!important;
  }
}
:focus {
  outline: 0;
}
#tabs ul, .tabs ul,
.box-body,
.block .block-content,
.block-subtle,
.post,
.post-aside,
.panel,
.post-section,
.fb-or-text,
.mod-news,
.mod-news-footer,
.social_login_group .fb-or-text,
#chatbox_contextmenu,
#help-button,
.fontbutton,
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img,
input,
.forumline tbody tr, .table1 tbody tr,
.calendar-cell,
.notification-row,
.EV_Item {
  background-color: #34495E;
}
.dropdown-box {
    background-color: rgba(0,0,0,0.1);
}
#block-online i {
    color: #a892d9;
}
.block-topics .block-topics-posts i,
.block-topics .block-topics-views i,
.forum-lastpost-header i,
.forum-statistics-header i,
.posts-lastpost-header i,
.posts-statistics-header i,
.posts-lastpost i,
.forum-lastpost-author i,
.forum-lastpost-location i,
.forum-lastpost-time i,
.posts-lastpost-author i,
.posts-lastpost-time i,
select,
.input,
input,
.sceditor-container iframe, .sceditor-container textarea,
.inputbox {
  color: white!important;
}
.forum-description p,
.posts-description p,
.forum-statistics-posts span,
.forum-statistics-topics span,
.posts-statistics-replies span,
.posts-statistics-views span,
.profile-advanced-stats dt span[style*="536482"] {
    color: #e0d6d6!important;
}
.block-market .market-item-price,
.block .block-secondary-content,
.block .sub-head,
.block .block-footer,
.post-aside,
.attachbox,
.box-foot,
.sceditor-group,
.posts-lastpost,
.quick-reply .textarea,
.jumpbox-wrap select,
.quickmod-wrap select,
.select-wrap select,
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label,
#tabs li:hover, .tabs li:hover,
select,
.post-footer {
    background-color: #2c3e50!important;
    border-color: #2c3e50;
    color: white;
}
#header-banner .wrap,
#forum-statistics {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header-banner h2 {
    white-space: nowrap;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#forum-statistics > div,
.block-topics .block-topics-lastpost,
div.sceditor-group,
.forumline td, .forumline th, .table1 td, .table1 th {
    border-color: transparent!important;
}
#chatbox > :nth-child(even), .chat-row:nth-child(even) {
    background-color: #2c3e50;
}
#chatbox > p {
    border-color: #2c3e50!important;
}
#chatbox .msg span[style*="green"] {
    color: #93ee38!important;
}
#chatbox .msg span[style*="red"] {
    color: #fa4c4c!important;
}
.radio-check:after,
.forumline thead th, .table1 thead th,
.catHead {
    background-color: rgb(128, 103, 183);
}
.radio {
    border-color: rgb(128, 103, 183);
}
.sceditor-button div, div.sceditor-grip {
    background-image: url(https://i.imgur.com/LyI9qEV.png)!important;
}
.stat-bar img {
    background-color: #8f1ce7;
}
by pedxz
on April 21st 2020, 6:42 pm
 
Search in: Special Themes Proposals
Topic: [AwesomeBB] MidnightAwe
Replies: 3
Views: 544

Mention Button Script for awesomebb?

Hey @OngBak,

Use this update to #AwesomeBB.
@ before the username in the profile
Code:
/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 * 4 = AWESOMEBB
 */
$(function() {
  var version = 4;
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
    document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
    my_setcookie('fa_mention',''); 
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.name strong a', '.postprofile dt strong a', '.username a', '.postprofile dt a ~ a', '.post-author .post-author-name a'][version]), b, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'); i<j; i++) {
    b = document.createElement('A');
    b.title = 'Mention ' + $(a[i]).text();
    b.style.marginRight = '3px';
    b.className = 'fa-mention';
    b.innerHTML = '@';
    b.href = '#';
    b.onclick = function() {
      var n = this.title.replace(/^.*?\s/,'');
     
      if ($.sceditor) t.insertText('@"' + n + '" ');
      else {
        my_setcookie('fa_mention', n);
        window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
      }
     
      return false;
    };
 
    a[i].parentNode.insertBefore(b, a[i]);
  }
 
  $(function(){
    if (!$.sceditor) return;
    t=$(t).sceditor('instance');
  });
});



- pedxz
by pedxz
on April 5th 2020, 10:12 am
 
Search in: Scripts Problems Archives
Topic: Mention Button Script for awesomebb?
Replies: 8
Views: 763

[Tutorial] CKEditor

Create CKEditor in #awesomebb version
Code:
/*
 *  Application: CKEditor
 *  Version: Only AwesomeBB
 *  Date: 30/04/2018
 *  Version: 1.030042018
 *  Copyright (c) CKSource and Adapted to forumotion by Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
$(function() {
 
  if (_board.tpl_version !== 'awesomebb') return;
 
    $.ajax({
        type: 'GET',
        url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js',
        dataType: 'script',
        success: function() {
            CKEDITOR.replace('quick-reply-textarea', {
                extraPlugins: 'bbcode'
            });
        },
        error: function(jqXHR, textStatus, errorThrown) {
            if(jqXHR.status == 500) {
                console.log('Internal error: ' + jqXHR.responseText);
            } else {
                console.log('Unexpected error.');
            }
        }
    });
    $(function() {
        $('#quick-reply-textarea').sceditor('instance').destroy();
    });
});
by pedxz
on October 12th 2019, 10:21 am
 
Search in: Community Coding and Analysis Zone
Topic: [Tutorial] CKEditor
Replies: 41
Views: 6276

Forum versions

#ModernBB and #AwesomeBB has been added to the tutorial.
by SLGray
on September 18th 2018, 1:49 am
 
Search in: Tips & Tricks
Topic: Forum versions
Replies: 1
Views: 7717

Back to top

Jump to: