Support Request Support ⇒ Change background in viewtopic_body for POST_ID

[Warr007]

Your phpBB Version: 3.3.8
Your phpBB Type: Standard phpBB
Extensions installed: Yes
Your knowledge: Basic Knowledge

What have you done before the problem was there?
I tried a lot but the code dont work, all is fine in my opinion but code dont applied, the topic remain in original colours.

What have you already tried to solve the problem?
Yes

Description and Message
Hello

I want to change the brackground color of the forum from specific id *used by POST_ID" in viewtopic_body.
I tried to put this code

Code: Select all

<!-- IF S_TOPIC_ID == 39 --><li class=promotopic"></li><!-- ENDIF -->

at the <li class="row but the color remain in original, nothing change.
The css code for .promotopic is:

Code: Select all

.promotopic {
	background-color: #f8edd2;
	background-image: linear-gradient(to top, rgb(0,0,0,0), rgb(241, 220, 167, 0.8));
}

i want to make like a highlight message (if you know)

Can you tell me a idea what i make wrong?[/i]

[ssl]

Hi
Try this, in viewforum_body.html

Find This may be a partial find and not the whole line

Code: Select all

<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">

Replace with Replace the preceding lines with the following

Code: Select all

<li class="row topic-{topicrow.TOPIC_ID} <!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">

In your stylesheet.css

Add this

Code: Select all

.row.topic-XXX {
    background-color: #bedce8;
}

And this code for the colour when hovering over the subject:

Code: Select all

.row.topic-XXX:hover {
    background-color: #bedce8;
}

• XXX is the subject ID

[martin]

!important goes along way also

[Sniper_E]

Good job ssl... Your setup will allow any topic to have a unique background color or border color if you want. Simply add a class for as many topic id you want.

But I recommend you stay away from using !important in your css any time you can. In this case I would recommend putting your topic-{topicrow.TOPIC_ID} at the end of the <li line just after the last <!-- ENDIF -->