Posting background

Hello guys,

I would like to ask how to have a posting background for each and every forum staffs/moderators?
Thank you in advance.
My forum version: AwesomeBB

Ex.

Pic credits to Tankers Gaming Community

Hey @Iration,

Create a new JavaScript page with investment in the topics with the following code:

Code:

(function($) {
    'use strict';

    $(function() {
        $('.post-wrap').each(function() {

            var $this = $(this);
            var $color = $this.find('.post-author-name span[style]');

            if (!$color.length) return;

            $this.find('.post').css({
                background: 'linear-gradient(' + $color.css('color') + ' 0%, rgba(255, 255, 255, 0) 25%)'
            });

        });
    });
}(jQuery));

ive tried it bro but it seems it didnt fit on my forum theme. Do you have any idea what other designs? or is it possible to add on a image background on it bro @pedxz? thanks btw

Iration wrote:ive tried it bro but it seems it didnt fit on my forum theme. Do you have any idea what other designs? or is it possible to add on a image background on it bro @pedxz? thanks btw

to add a background image ( it is working with your version )
add this code ..change this .....https://yourimageurl.png.... to the image url you want to add

Code:


.quick-reply .textarea , .sceditor-container textarea {
    background:url(https://yourimageurl.png) !important;
    background-position : center!important;
    background-repeat: no-repeat!important;
}


Iration wrote:ive tried it bro but it seems it didnt fit on my forum theme. Do you have any idea what other designs? or is it possible to add on a image background on it bro @pedxz? thanks btw

Change to:

Code:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post-wrap').each(function () {
 
      var $this = $(this);
      var $color = $this.find('.post-author-name span[style]');
 
      if (!$color.length) return;
 
      $this.find('.post').css({
        'transition': 'all 0.6s linear',
        'border-top': '2px solid ' + $color.css('color'),
        '-webkit-box-shadow': 'inset 0 20px 20px -20px ' + $color.css('color'),
        '-moz-box-shadow': 'inset 0 20px 20px -20px ' + $color.css('color'),
        'box-shadow': 'inset 0 20px 20px -20px ' + $color.css('color')
      });
 
    });
  });
}(jQuery));

skouliki wrote:

Iration wrote:ive tried it bro but it seems it didnt fit on my forum theme. Do you have any idea what other designs? or is it possible to add on a image background on it bro @pedxz? thanks btw

to add a background image ( it is working with your version )
add this code ..change this .....https://yourimageurl.png.... to the image url you want to add

Code:


.quick-reply .textarea , .sceditor-container textarea {
    background:url(https://yourimageurl.png) !important;
    background-position : center!important;
    background-repeat: no-repeat!important;
}


Should I add this on my java?

no you must add it in your css sheet

Was it in the quick reply field maam/sir? What I mean is in the post profile field

Edit

Sorry I thought you meant the editor

@Iration please post your forum url for appearance problems
Your forum needs to be open to the public so we can see part of it.

Was this code possible in adding a background on it?

@Iration please post your forum url for appearance problems
Your forum needs to be open to the public so we can see part of it.