Add a color + image to a specific group at the top of posts without JavaScript

phpBB2:

All versions
-------------

Find the next part in viewtopic_body template

Code:

<!-- BEGIN displayed -->

replace it with

Code:

 
<!-- BEGIN displayed -->
<div class="conan2000-flower">{postrow.displayed.POSTER_NAME}</div>


Save and publish

Installing the CSS
Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following rules in your stylesheet.

Code:

* {
    text-decoration: none;
}

.conan2000-flower [style="color:?????"] {
    cursor: default;
    color: #0000 !important;
    display: block;
    background: ?????;
}

.conan2000-flower,.conan2000-flower strong {
    cursor: default;
    color: #0000 !important;
}
.conan2000-flower {
    background: #bcc2c7;
}

Replace question marks in CSS code with group color (HEX color OR color name i.e : red)




CSS: An image of a specific group

Code:

.conan2000-flower [style="color:?????"] strong {
    background: url(https://i.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
}

Replace question marks in CSS code with group color

Hmm interesting.. We can save some loading resources using a simple template edit instead of a JS.

Good job :p

better is use the group as a reference (demo) but it's a good trick

Thanks @YoshiGM and @tikky ^^

tikky wrote:better is use the group as a reference (demo) but it's a good trick

Oh I didn't know about it before but
The trick is in my first post
It is easy to modify and does not require expert programmers
It works on all versions the same way

كونان2000 wrote:

Hello everyone

With this trick, you can add a color to a specific group that appears at the top of posts
and You can also add photos to a specific group,

I know it's a common trick, but it was using JavaScript

Now you don't need to use JavaScript-jQuery

A trick I discovered that I wanted to share with you

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

phpBB2:

All versions
-------------

Find the next part in viewtopic_body template

Code:

<!-- BEGIN displayed -->

replace it with

Code:

 
<!-- BEGIN displayed -->
<div class="conan2000-flower">{postrow.displayed.POSTER_NAME}</div>


Save and publish

Installing the CSS
Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following rules in your stylesheet.

Code:

* {
    text-decoration: none;
}

.conan2000-flower [style="color:?????"] {
    cursor: default;
    color: #0000 !important;
    display: block;
    background: ?????;
}

.conan2000-flower,.conan2000-flower strong {
    cursor: default;
    color: #0000 !important;
}
.conan2000-flower {
    background: #bcc2c7;
}

Replace question marks in CSS code with group color (HEX color OR color name i.e : red)




CSS: An image of a specific group

Code:

.conan2000-flower [style="color:?????"] strong {
    background: url(https://i.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
}

Replace question marks in CSS code with group color

_____________________________________________________________________

Hello,

my suggestion is to make that color for each group for ModernBB and AwesomeBB for the header, where the title is included for the topic creations - and when someone replys (from the staff ofc, to show the color also... and so on!) - and for members to show default color...

hi @Mihai
ok

: AwesomeBB:

كونان2000 wrote:hi @Mihai
ok

: AwesomeBB:

can you send an screenshot please? Also the tag </span-div> is totally wrong!

hi @Mihai
https://i.servimg.com/u/f30/20/35/61/89/aa_cia11.jpg

Interesting!

Thanks @Beyonder ^^