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.cc/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