Style topic title "Keywords"

ACP Modules HTML & Javascript Javascript code management

Make sure javascript codes management is set to 'yes'

then create a new javascript code

Note: You have to choose the javascript code that corresponds to your forum version

Code:

$(function() {
    var c = document.querySelectorAll('h2.topic-title, h1.page-title');
    for (i=0; i<c.length; i++) {    
      c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');
    }
});

Code:

$(function() {
    var c = document.querySelectorAll('.postdetails h3');
    for (i=0; i<c.length; i++) {    
      c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');
    }
});

Code:

$(function() {
    var c = document.querySelectorAll('.posthead');
    for (i=0; i<c.length; i++) {    
      c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');
    }
});

ACP Display Images & Colors Colors CSS stylesheet

Code:

#TEXT {
  background: #FFF;
  padding: 0px 5px 1px 4px;
  border-radius: 6px !important;
  font-size: 11px;
  float: left;
  margin-right: 4px;
  border: 1px solid #CCC;
  box-shadow: 0px 1px 1px #FAFAFA;
}

.innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');

• #TEXT: this is the first TEXT you find. You have to replace it with the word you want to change
  
  Note: It is important that the word you replace here is the SAME written in the title;
  this part is CASE sensitive, so if you have Hello in the title and you write hello the code won't work
  
  
• TEXT: the second TEXT you find. It is the ID used to style your keyword, if you have multiple keyword styles change it to the ID you want.
  
• TEXT: the third TEXT you find. Replace it with the word you want to change
  

Code:

.innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>').replace(/\[TEST\]/g,'<span id="TEST">Test</span>');