XF 2.3 extra.less Replacing text with image that redirects

[SurrealWorld]

I am trying to replace the 'PC GAMING' text with a clickable image that redirects, what would I need to type in extra.less to achieve this?

What do I do for xenforo page ID's that have decimals (ie: subnodes)

Thanks for all your help, I am super nooby.
Check out my new site, SURREALWORLD.org

 

[mrdoitnyce]

Do this,

Acp > appearance> styles > style properties > Your Style > Search > Forum_view

Once that template is open look for....assuming you're on xf 2.3.6, should be the first line, which should look like this

<xf:title page="{$page}">{$forum.Node.title}</xf:title>

Replace that line of code with this:

<xf:if is="$forum.node_id == 67">
    <xf:title page="{$page}">Pc Gaming</xf:title> <!-- browser tab title -->
    <h1 class="p-title-value" style="text-align:center;">
        <a href="https://domain.com" target="_blank">
            <img src="https://domain.com/image.png" alt="Subforum 67" style="max-height: 80px;">
        </a>
    </h1>
<xf:else />
    <xf:title page="{$page}">{$forum.Node.title}</xf:title>
</xf:if>

67 is your pc gaming node id, just replace the link you want and the image you want to use.

 

[CedricV]

This is just a suggestion, but please fix your background, it's painful to watch.

 

[mrdoitnyce]

This is just a suggestion, but please fix your background, it's painful to watch.

View attachment 323564

The width is what I was mostly worried about, but dude is fully optimized for adsense

 

[CedricV]

The width is what I was mostly worried about, but dude is fully optimized for adsense

That's one way to look at it lol.

 

[SurrealWorld]

This is just a suggestion, but please fix your background, it's painful to watch.

View attachment 323564

Yeah im not really understanding what the standard dimensions should be for a background image to avoid that, it does not look like that on my PC. Sorry im still noob.

 

[SurrealWorld]

Mine looks like this:

 

[SurrealWorld]

The width is what I was mostly worried about, but dude is fully optimized for adsense

Well the website is relatively empty to my eyes i thought more condensed body looked better. So to be clear, my design is trash on yalls screens.
Damn i saw the preview for the different types of devices and it looked fine on my moniter ugh.

 

[CedricV]

Mine looks like this:
View attachment 323565

Background images are just a bad practice. It was okay 15 years ago when everyone used a 1280x1024 resolution. But now it goes all up 5120x1440 easily.

 

[SurrealWorld]

Background images are just a bad practice. It was okay 15 years ago when everyone used a 1280x1024 resolution. But now it goes all up 5120x1440 easily.

Okay i redid the background can you check and see if it looks good to you

 

[CedricV]

It's indeed better. (But still a bit painful to watch)

 

[SurrealWorld]

The width is what I was mostly worried about, but dude is fully optimized for adsense

Do this,

Acp > appearance> styles > style properties > Your Style > Search > Forum_view

Once that template is open look for....assuming you're on xf 2.3.6, should be the first line, which should look like this

<xf:title page="{$page}">{$forum.Node.title}</xf:title>

Replace that line of code with this:

<xf:if is="$forum.node_id == 67">
    <xf:title page="{$page}">Pc Gaming</xf:title> <!-- browser tab title -->
    <h1 class="p-title-value" style="text-align:center;">
        <a href="https://domain.com" target="_blank">
            <img src="https://domain.com/image.png" alt="Subforum 67" style="max-height: 80px;">
        </a>
    </h1>
<xf:else />
    <xf:title page="{$page}">{$forum.Node.title}</xf:title>
</xf:if>

67 is your pc gaming node id, just replace the link you want and the image you want to use.

Thanks

 

[SurrealWorld]

It's indeed better. (But still a bit painful to watch)

When you say painful is it too bright or something? Im not understanding, i make psychedelic art so its typically busy -- im all open for suggestions. I added a few of my art pieces below:

 

[SurrealWorld]

 

[CedricV]

It’s a personal preference, it’s too busy for me. But it’s your forum, if you like it, keep it.