[cXF] Node icons with image

[BassMan]

BassMan updated [cXF] Node icons with image with a new update entry:

Update for XF 2.3

• code updated for XF 2.3

Read the rest of this update entry...

 

[BassMan]

How to change sub-node icon in forum homepage with png images as read and unread?

Try with this code:

.subNodeLink {
    &.subNodeLink--forum {

        .subNodeLink-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.subNodeLink--read .subNodeLink-icon {
            opacity: 0.4;
        }
    }
}

 

[Deepblue]

Try with this code:

.subNodeLink {
    &.subNodeLink--forum {

        .subNodeLink-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.subNodeLink--read .subNodeLink-icon {
            opacity: 0.4;
        }
    }
}

Thank you but there is one small problem in this code i only can use 1 png as read. What about unread icon? I want 2 different images for each.

 

[BassMan]

Thank you but there is one small problem in this code i only can use 1 png as read. What about unread icon? I want 2 different images for each.

This:

/*** Sub-Node icons with image ***/
.subNodeLink {  
    &.subNodeLink--forum {
        // for read node
        .subNodeLink-icon {
            color: transparent;
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        // for unread node
        &.subNodeLink--unread .subNodeLink-icon {
            color: transparent;
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    }
}
/*****/

 

[Deepblue]

This:

/*** Sub-Node icons with image **/
.subNodeLink {
    i {display: none;}
  
    &.subNodeLink--forum {
        // for read node
        .subNodeLink-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        // for unread node
        &.subNodeLink--unread .subNodeLink-icon {
            background-image: url('/images/your_image.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    }
}
/*****/

Thank you very much only very minor problem left. There is still font awesome chat bubbles over the images i have assigned. How to get rid of them?

 

[BassMan]

I've updated the code above.

 

[Deepblue]

I've updated the code above.

Perfect thank you mate. Have a good day.

 

[MTSGAMERSCOMMUNİTY]

Bu:

/[B]* Resimli alt düğüm simgeleri *[/B]/
.altDüğümBağlantısı { 
    &.subNodeLink--forum {
        // okuma düğümü için
        .subNodeLink-simgesi {
            renk: şeffaf;
            arka plan-görüntüsü: url('/resimler/resiminiz.png');
            arka plan-tekrarı: tekrar-yok;
            arka plan konumu: merkez;
            arka plan boyutu: içerir;
        }
        // okunmamış düğüm için
        &.subNodeLink--okunmamış .subNodeLink-icon {
            renk: şeffaf;
            arka plan-görüntüsü: url('/resimler/resiminiz.png');
            arka plan-tekrarı: tekrar-yok;
            arka plan konumu: merkez;
            arka plan boyutu: içerir;
        }
    }
}
/*****/[/KOD]
[/QUOTE]
2.3.4 Şu anda düzgün çalışmıyor. Bana yardım edebilir misiniz? Forumlara bir simge atadım ancak görünmüyor. Alt forumlara da atadım ancak onlar da görünmüyor. Kategorilere, forumlara ve alt forumlara (Forum Alt Kategorileri) nasıl simge atayabilirim?
[ATTACH type="full" size="390x81"]314093[/ATTACH]

 

[MTSGAMERSCOMMUNİTY]

I've updated the code above.

2.3.4 is not working properly right now. Can you help me? I assigned an icon to the forums, but it doesn't appear. I assigned it to sub-forums as well, but they don't show up either. How can I assign an icon to categories, forums, and sub-forums (Forum Subcategories)?

 

[BassMan]

For category change .node--forum in the code to .node--category.

It works fine on my forum. Make sure to set the right ID. If you want to change the FA icon (not with the image), check this resource: https://xenforo.com/community/resources/cxf-change-default-fa-node-icon.7491/

 

[MTSGAMERSCOMMUNİTY]

For category change .node--forum in the code to .node--category.

It works fine on my forum. Make sure to set the right ID. If you want to change the FA icon (not with the image), check this resource: https://xenforo.com/community/resources/cxf-change-default-fa-node-icon.7491/

Unfortunately, I haven't been able to do it so far.

 

[BassMan]

It would be easier if I can see this live.

 

[MTSGAMERSCOMMUNİTY]

Bunu canlı görebilseydim daha kolay olurdu.

forum.primemmo.com / If you can become a member, let's correspond in the forum

 

[BassMan]

forum.primemmo.com

Nothing opens for me.

 

[Mr Lucky]

Really nice, any idea of there is a way to make the icons into clickable links (through to the forum)?

 

[BassMan]

Not with CSS. I'll need to check this and maybe create a template modification for it.

 

[BassMan]

Really nice, any idea of there is a way to make the icons into clickable links (through to the forum)?

Now it should work with this resource: https://xenforo.com/community/resources/cxf-node-icon-as-clickable-link.10002/

 

[rhs]

What format must the images be in if they are to be displayed in both the light and dark standard styles?

 

[BassMan]

The format does not matter, but use PNG if you have images without a background to be transparent.