Avatar next to quick Reply

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link :

Description of problem

Hi all,

Is there a way with javascript or CSS to completly hide the widgets on the left side, without disabeling them for use in other codes?

I am trying to add the user avatar next to the quick reply box so that would solve the problem too!

Thanks in advance!

Hi @Chocoladesnoepje,

Depending on where the widgets are, you can use the following CSS rules to hide the columns.
Display > Colors > CSS stylesheet

Right column :

Code:

#right { display:none }

Left column :

Code:

#left { display:none }

As for the quick reply avatar, you can do the following. Firstly, add the following to your stylesheet :

Code:

#quick_reply { position:relative }
#quickAvatar {
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-50px;
}

#quickAvatar img {
  max-height:100px;
  max-width:100px;
}

Then go to Administration Panel > Modules > JavaScript codes management > Create a new script

Placement : In the topics
Paste the following code and click submit :

Code:

$(function() {
  var quick = document.getElementById('quick_reply'), avatar = document.createElement('DIV');
  avatar.id = 'quickAvatar';
  avatar.innerHTML = _userdata.avatar;
  quick && quick.insertBefore(avatar, quick.firstChild);
});

My forum is #phpBB2 , is there a code for doing it for this version too ? because i tried with this, and doesn't work, i think it's because of a type of a forum