xF2 Template Modification How to thread post border frame color by user group?

[Kenpachi]

Hi community!

What modification or addons need for get this modification?

 

[Cwadel]

hi

try this : add in your style extra.less

.block--messages .message, .block--messages .block-row {
    color: #fdfdfd;
    background: #181818;
    border-width: 1px;
    border-style: solid;
    border-top-color: #be2525;
    border-right-color: #d92121;
    border-bottom-color: #c91f1f;
    border-left-color: #ce2d2d;
    border-radius: 4px;
}

edit this to change color :

border-top-color: ;

 border-right-color: ;

 border-bottom-color: ;

 border-left-color: ;

change the color like you want

 

[Zer01ne]

hi

try this : add in your style extra.less

.block--messages .message, .block--messages .block-row {
    color: #fdfdfd;
    background: #181818;
    border-width: 1px;
    border-style: solid;
    border-top-color: #be2525;
    border-right-color: #d92121;
    border-bottom-color: #c91f1f;
    border-left-color: #ce2d2d;
    border-radius: 4px;
}

edit this to change color :

border-top-color: ;

 border-right-color: ;

 border-bottom-color: ;

 border-left-color: ;

change the color like you want

CwadelI think you missed the title
it is based on user groups.
For example admin block will be red.
registered members block will be green.

 

[Cwadel]

I think you missed the title
it is based on user groups.
For example admin block will be red.
registered members block will be green.

Zer01neto my knowledge, we can't target groups in css, You mut use conditional statements in the concerned template.

 

[Zer01ne]

to my knowledge, we can't target groups in css, You mut use conditional statements in the concerned template.

CwadelYou can see it here - https://www.ac-web.org/threads/a-few-suggestions-for-xenforo.177302/

 

[thomsa]

Hi community!

What modification or addons need for get this modification?

View attachment 33871

Kenpachiadd this code in extra.less

.message.message--post {
        box-shadow: 0px 0px 3px 1px rgba(255, 11, 0, 0.7);
}

 

[Zer01ne]

add this code in extra.less

.message.message--post {
        box-shadow: 0px 0px 3px 1px rgba(255, 11, 0, 0.7);
}

thomsaHere is the live example - https://www.ac-web.org/threads/a-few-suggestions-for-xenforo.177302/

 

[Cwadel]

Here is the live example - https://www.ac-web.org/threads/a-few-suggestions-for-xenforo.177302/

Zer01nethis modification is made on this style :

https://enxf.net/resources/th-io-dark-mode.590/

with specific class " overlay" and custon extra css.

 

[Kenpachi]

Thanks to all for the help, I was able to do it thanks an user who help me. My idea was make border by user group like admin and mod only.

 

[Zer01ne]

Thanks to all for the help, I was able to do it thanks an user who help me. My idea was make border by user group like admin and mod only.

KenpachiHow did you do that?
Can you please share it?

 

[lazarote]

@Zer01ne @Kenpachi @thomsa @Cwadel


Step1:

Create a new template , for example post_highlight

put this code inside the template:

<xf:if is="(in_array(6, {$post.User.user_group_id}) OR in_array(6, {$post.User.secondary_group_ids}))">vip_highlight</xf:if>

remember to change the group 6 for the one you want, if you want several usergroups just add more to IF

now go to your post_macros template and find line 19 (vanilla xenforo)

replace this:

<div class="message-inner">

with

<div class="message-inner <xf:include template="post_highlight"/> ">

and now add to your extra. Less template

.vip_highlight {
  border: 3px solid; /* Establece el tamaño del borde y elimina el color */
  animation: border-animation 5s linear infinite; /* Agrega la animación */
}

 

[Zer01ne]

@Zer01ne @Kenpachi @thomsa @Cwadel


Step1:

Create a new template , for example post_highlight

put this code inside the template:

<xf:if is="(in_array(6, {$post.User.user_group_id}) OR in_array(6, {$post.User.secondary_group_ids}))">vip_highlight</xf:if>

remember to change the group 6 for the one you want, if you want several usergroups just add more to IF

now go to your post_macros template and find line 19 (vanilla xenforo)

replace this:



with



and now add to your extra. Less template

.vip_highlight {
  border: 3px solid; /* Establece el tamaño del borde y elimina el color */
  animation: border-animation 5s linear infinite; /* Agrega la animación */
}

lazaroteThanks a lot for this documentation

 

[Sagex]

@Zer01ne @Kenpachi @thomsa @Cwadel


Step1:

Create a new template , for example post_highlight

put this code inside the template:

<xf:if is="(in_array(6, {$post.User.user_group_id}) OR in_array(6, {$post.User.secondary_group_ids}))">vip_highlight</xf:if>

remember to change the group 6 for the one you want, if you want several usergroups just add more to IF

now go to your post_macros template and find line 19 (vanilla xenforo)

replace this:



with



and now add to your extra. Less template

.vip_highlight {
  border: 3px solid; /* Establece el tamaño del borde y elimina el color */
  animation: border-animation 5s linear infinite; /* Agrega la animación */
}

lazaroteThe code -
<div class="message-inner <xf:include template="post_highlight"/> ">
Might be a little bit broken

 

[Snister2]

In my case not only the border is colored but also the complete text of the post. How can I separate the Border / Text?
Only the Border color would be Nice

@lazarote do have a fix for my problem and maybe a clean code now?

Xf 2.2.15

View attachment 39354

XenFrodojust modify inside on innder

.message-inner {


    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;


}

take note just add a border do not remove the existing style code on message-inner class

 

[XenFrodo]

just modify inside on innder

.message-inner {


    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;


}

take note just add a border do not remove the existing style code on message-inner class

Snister2i try it later thank you for the fast answer. i let you guys know how it goes

 

[ForumFlake]

How can I get that exact postbit? What would be the css coding and the post macros.

 

[Zer01ne]

How can I get that exact postbit? What would be the css coding and the post macros.

ForumFlakeyou can try this one.
https://enxf.net/resources/highlight-content-per-usergroup.3654/

 

[ForumFlake]

you can try this one.
https://enxf.net/resources/highlight-content-per-usergroup.3654/

Zer01neThats not what I meant. I was asking about how his messages, trophies etc has a box around the postbits. I want something like that!

 

[Zer01ne]

Thats not what I meant. I was asking about how his messages, trophies etc has a box around the postbits. I want something like that!

ForumFlakeI understand now let me check.

 

[ForumFlake]

I understand now let me check.

Zer01neThank you would be amazing if you can help me with this!

 

[Zer01ne]

Thank you would be amazing if you can help me with this!

ForumFlakeUnfortunately they changed the theme

 

[Zer01ne]

That was the wrong reply that's why I edited the comment.

 

[ForumFlake]

Darn alright. I know there is a theme that has that coding but I dont wanna copy it and screw something up. its the sojija theme or something like that.