Choose your banner at the top of posts

This trick allows the user to choose the banner and they want
At the top of the posts (❁´◡`❁)  
-----------------------------

WORKS ON THE FOLLOWING FORUM VERSIONS:
PhpBB2
Phpbb3
PunBB
Invision
ModernBB
AwesomeBB


  : go to the Administration Panel >> Users & Groups >> Profiles
Add a field
-------------

Make choices as shown in the picture


  The field must be at the top of the list (one number)

------------------------------------------------


  Copy and paste the codes for your forum.

All other versions:

phpBB2:

--------------------------------


    Now users can choose their banner from profile


We hope you like this great Trick  

_____________________________

This tutorial was written by @كونان2000,
(The codes were written by @كونان2000, and @omarpop23 code was used in this thread)

Please just use the default font, font color, and font size.

mc nabulsy wrote:

unique as always

thank u bro

thank you bro ^^
I'm glad you liked it  

SLGray wrote:Please just use the default font, font color, and font size.

I thought these rules didn't include the (Community Coding and Analysis Zone) section


The first post has been modified

thank you SLGray ^^

I did not give you an official warning.  I was just letting you know.   I have been seeing many post lately with non-default text and formatting.

thats nice !!
i will test it i hope the facebook profile banner i have , will not going to be conflict with this one

Very nice  @كونان2000 

Wow! Looks awesome!
Great job

thank you @TonnyKamper ^^
thank you @YoshiGM ^^

thank you @skouliki ^^

thats nice !!
i will test it i hope the facebook profile banner i have , will not going to be conflict with this one

If you test the code, tell me the result ^.^
------------

Thank you my friends
I'm glad you all like it (●'◡'●)

Nicely done, my man. Very good job.
Could you tell me optimal image size for this?

can this banner be displayed only at the first post of each topic and not at every post ?

System32 wrote:Nicely done, my man. Very good job.
Could you tell me optimal image size for this?

hi @System32 ^^
I think the size of these image is appropriate
https://i.servimg.com/u/f20/16/85/77/67/channe11.jpg
--------------------------

skouliki wrote:can this banner be displayed only at the first post of each topic and not at every post ?

hi @skouliki ^^

yes it is possible,

Find the next part in java code

Code:

$('p-layer.po-st')

replace it with

Code:

$('p-layer.po-st:first')

thank you !

so the banner will be shown only to the first post of the topic starter right?
the code is working without a conflict with the facebook cover profile

I have an issue with the image the member enters in the profile...see it overlaps ( version punbb)

كونان2000 wrote:

System32 wrote:Nicely done, my man. Very good job.
Could you tell me optimal image size for this?

hi @System32 ^^
I think the size of these image is appropriate
https://i.servimg.com/u/f20/16/85/77/67/channe11.jpg

So, 1024x170

System32 wrote:So, 1024x170

yes 

skouliki wrote:thank you !
so the banner will be shown only to the first post of the topic starter right?

yes 

skouliki wrote:the code is working without a conflict with the facebook cover profile

It's great to hear that.. thank

skouliki wrote:I have an issue with the image the member enters in the profile...see it overlaps ( version punbb)

The tutorial has nothing to do with this problem,
Unfortunately, this is the default mode

But this problem can be solved with the following code
code css

Code:

#field_id2 > dd > div.field_uneditable > img {
    height: 20px;
}

This CSS code works fine for me

the code worked fine with me also ))