Иконки для тем v.5.2
Автор - Romych
Не все темы можно разделить на "важные" и "обычные", иногда необходимо выделить тему как-то по особенному. Для таких целей подойдет этот скрипт.
Скрипт позволит выбрать дополнительную иконку при создании темы:
[реклама вместо картинки]
Доступные иконки:
Внимание! - 
Важно. - 
Вопрос. - 
Интересно - 
Love. - 
в HTML низ
Код:
<!--иконки в темах v.5.2-->
<script language="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(){
$('span[class^="ikn"]').css('cursor','pointer');
$('span[class^="ikn"]').click(function(){
laib=$(this).text().slice(3); titl=$('input#fld3').val();
$('input#fld3').attr('value',''+laib +titl); });
$("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 () {
zam = $(this).html();
if(zam.indexOf("Важно.") != -1) {
$(this).html(zam.replace(/Важно./gi, '<img style="height: 21px;" src="'+Vajno+'"/>')); }
if(zam.indexOf("Интересно.") != -1) {
$(this).html(zam.replace(/Интересно./gi, '<img src="'+Interesno+'"/>')); }
if(zam.indexOf("Вопрос.") != -1) {
$(this).html(zam.replace(/Вопрос./gi, '<img src="'+Vopros+'"/>')); }
if(zam.indexOf("Love.") != -1) {
$(this).html(zam.replace(/Love./gi, '<img src="'+Loves+'"/>')); }
if(zam.indexOf("Внимание!") != -1) {
$(this).html(zam.replace(/Внимание!/gi, '<img src="'+Vnimanie+'"/>')); }
}); });
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" title="присвоить теме эту иконку"> - Важно. </span></td> <td style="border-width:0"><span class="ikn2"><img alt="" src="http://i.smiles2k.net/icq_smiles/27.gif" title="присвоить теме эту иконку"> - Интересно. </span></td> <td style="border-width:0"><span class="ikn3"><img alt="" src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png" title="присвоить теме эту иконку"> - Love. </span></td> <td style="border-width:0"><span class="ikn4"><img alt="" src="http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png" title="присвоить теме эту иконку"> - Вопрос. </span></td> <td style="border-width:0"><span class="ikn5"><img alt="" src="http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif" title="присвоить теме эту иконку"> - Внимание! </span></td> </tr></table></div>
Иконка для созданной темы
(вариант с заменой слова на изображение)
то что в HTML в форме ответа
остаётся то же что и в первом,
а в html-низ ставится этот вариант:
Код:
<script type="text/javascript">
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="tclcon") {
post = elm[x].innerHTML;
if(post.indexOf("Внимание!")) {
lconer = /\<a\ href=(.*?)\>Внимание!(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif'/> <a href=$1>$2</a>")
}
if(post.indexOf("Важно.")) {
lconer = /\<a\ href=(.*?)\>Важно.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://i.smiles2k.net/aiwan_smiles/skull.gif'/> <a href=$1>$2</a>")
}
if(post.indexOf("Вопрос.")) {
lconer = /\<a\ href=(.*?)\>Вопрос.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png'/> <a href=$1>$2</a>")
}
if(post.indexOf("Интересно.")) {
lconer = /\<a\ href=(.*?)\>Интересно.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://i.smiles2k.net/icq_smiles/27.gif'/> <a href=$1>$2</a>")
}
if(post.indexOf("Love.")) {
lconer = /\<a\ href=(.*?)\>Love.(.*?)\<\/a\>/g
elm[x].innerHTML = elm[x].innerHTML.replace(lconer, "<img src='http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png'/> <a href=$1>$2</a>")
}}
$(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','Внимание! ');});
});
if(document.URL.indexOf('post.php?fid')!=-1)
{document.getElementById('iconki').style.display = 'inline';}
</script>пример: http://testing.1bb.ru/viewforum.php?id=8
Теги: иконки для тем, свои иконки для тем
