АЛЬБ написал(а):

а при простотре самой темы, в названии отображается ключевое слово!

АЛЬБ

в общем вот следующая версия
сделал, чтоб отображалась при просмотре форумов, самой темы, Новых сообщений, Активных тем и на главной странице

картинки-иконки вывел в отдельные переменные в самом верху скрипта, так что теперь их легче заменить на свои

иконки в темах v.3.1

в html-низ

Код:

<!--иконки в темах v.3.1 © Romych-->
<script type="text/javascript">
var Vnimanie = 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif';
var Vajno = 'http://i.smiles2k.net/aiwan_smiles/skull.gif';
var Vopros = 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png';
var Interesno = 'http://i.smiles2k.net/icq_smiles/27.gif';
var Loves = 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png';
$(function(){
$('.ikn1, .ikn2, .ikn3, .ikn4, .ikn5').css('cursor','pointer');
$('.ikn1').click(function(){
$('input#fld3').attr('value','Важно. ');});
$('.ikn2').click(function(){
$('input#fld3').attr('value','Интересно. ');});
$('.ikn3').click(function(){
$('input#fld3').attr('value','Love. ');});
$('.ikn4').click(function(){
$('input#fld3').attr('value','Вопрос. ');});
$('.ikn5').click(function(){
$('input#fld3').attr('value','Внимание! ');});
$("div.tclcon, td.tcr, div#pun-crumbs1 p, div#pun-crumbs2 p, div#pun-viewtopic div#pun-main h1 span, div#pun-searchtopics div#pun-main div.forum div.container table tbody.hasicon tr td.tcl a").map(function () {
text = $(this).html();
if(text.indexOf("Внимание!") != -1) {
lconer = /\<a\ href=(.*?)\>Внимание!(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, '<img src="'+Vnimanie+'"/> &nbsp;<a href=$1>$2</a>')); }
if(text.indexOf("Важно.") != -1) {
lconer = /\<a\ href=(.*?)\>Важно.(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, '<img src="'+Vajno+'"/> &nbsp;<a href=$1>$2</a>')); } 
if(text.indexOf("Вопрос.") !=-1) {
lconer = /\<a\ href=(.*?)\>Вопрос.(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, '<img src="'+Vopros+'"/> &nbsp;<a href=$1>$2</a>')); } 
if(text.indexOf("Интересно.") !=-1) {
lconer = /\<a\ href=(.*?)\>Интересно.(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, '<img src="'+Interesno+'"/> &nbsp;<a href=$1>$2</a>')); } 
if(text.indexOf("Love.") !=-1) {
lconer = /\<a\ href=(.*?)\>Love.(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, '<img src="'+Loves+'"/> &nbsp;<a href=$1>$2</a>')); }
if(text.indexOf("Внимание!") != -1) {
lconer2 = /\<strong\>Вы здесь\<\/strong\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;Внимание! (.*?)/gi
$(this).html(text.replace(lconer2, '<strong>Вы здесь</strong> »&nbsp;<a href=$1>$2</a> »&nbsp;<a href=$3>$4</a> » <img src="'+Vnimanie+'"/> &nbsp; $5')); }  
if(text.indexOf("Важно.") != -1) {
lconer2 = /\<strong\>Вы здесь\<\/strong\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;Важно. (.*?)/gi
$(this).html(text.replace(lconer2, '<strong>Вы здесь</strong> »&nbsp;<a href=$1>$2</a> »&nbsp;<a href=$3>$4</a> » <img src="'+Vajno+'"/> &nbsp; $5')); } 
if(text.indexOf("Интересно.") != -1) {
lconer2 = /\<strong\>Вы здесь\<\/strong\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;Интересно. (.*?)/gi
$(this).html(text.replace(lconer2, '<strong>Вы здесь</strong> »&nbsp;<a href=$1>$2</a> »&nbsp;<a href=$3>$4</a> » <img src="'+Interesno+'"/> &nbsp; $5')); } 
if(text.indexOf("Вопрос.") != -1) {
lconer2 = /\<strong\>Вы здесь\<\/strong\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;Вопрос. (.*?)/gi
$(this).html(text.replace(lconer2, '<strong>Вы здесь</strong> »&nbsp;<a href=$1>$2</a> »&nbsp;<a href=$3>$4</a> » <img src="'+Vopros+'"/> &nbsp; $5')); } 
if(text.indexOf("Love.") != -1) {
lconer2 = /\<strong\>Вы здесь\<\/strong\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;\<a href=(.*?)\>(.*?)\<\/a\> »&nbsp;Love. (.*?)/gi
$(this).html(text.replace(lconer2, '<strong>Вы здесь</strong> »&nbsp;<a href=$1>$2</a> »&nbsp;<a href=$3>$4</a> » <img src="'+Loves+'"/> &nbsp; $5')); } 
if(text.indexOf("Внимание!") != -1) {
lconer = /Внимание! (.*?)/gi
$(this).html(text.replace(lconer, '<img src="'+Vnimanie+'" style="margin:-5px;"/> &nbsp; $1')); }  
if(text.indexOf("Важно.") != -1) {
lconer = /Важно. (.*?)/gi
$(this).html(text.replace(lconer, '<img src="'+Vajno+'" style="margin:-5px;"/> &nbsp; $1')); } 
if(text.indexOf("Интересно.") != -1) {
lconer = /Интересно. (.*?)/gi
$(this).html(text.replace(lconer, '<img src="'+Interesno+'" style="margin:-5px;"/> &nbsp; $1')); } 
if(text.indexOf("Вопрос.") != -1) {
lconer = /Вопрос. (.*?)/gi
$(this).html(text.replace(lconer, '<img src="'+Vopros+'" style="margin:-5px;"/> &nbsp; $1')); } 
if(text.indexOf("Love.") != -1) {
lconer = /Love. (.*?)/gi
$(this).html(text.replace(lconer, '<img src="'+Loves+'" style="margin:-5px;"/> &nbsp; $1')); }
}); });
if(document.URL.indexOf('post.php?fid')!=-1) 
{document.getElementById('iconki').style.display = 'inline';}
</script>

Часть, добавляемая в HTML в форму ответа (*При желании, - Картинки меняем на свои

Код:

<div id="iconki" style="display:none">
<center><strong>Иконки сообщения</strong><br>
<p>Если вы хотите выделить тему, выберите слово и тогда вашей теме будет присвоена соответствующая иконка<br>
выбор иконки желателен до напечатания названия темы (пример: <i><font color="blue">Love. Хочу познакомиться</font></i>)</p></center>
<table><tr align="center">
<td style="border-width:0"><span class="ikn1"><img alt="" src="http://i.smiles2k.net/aiwan_smiles/skull.gif"> -  Важно.</span></td>
<td style="border-width:0"><span class="ikn2"><img alt="" src="http://i.smiles2k.net/icq_smiles/27.gif"> - Интересно.</span></td>
<td style="border-width:0"><span class="ikn3"><img alt="" src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png"> - Love.</span></td>
<td style="border-width:0"><span class="ikn4"><img alt="" src="http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png"> - Вопрос.</span></td>
<td style="border-width:0"><span class="ikn5"><img alt="" src="http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif"> - Внимание!</span></td>
</tr></table></div>

ПРИМЕР тот же