Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Новые возможности форумов » Своя иконка для вновь созданной темы (загружается автоматически)


Своя иконка для вновь созданной темы (загружается автоматически)

Сообщений 1 страница 11 из 11

1

последняя на данный момент версия
Своя иконка для вновь созданной темы
(загружается автоматически) v.6 © Romych

идея создать такой скрипт одновременно возникла в голове у ( rps,  Deff и у меня)

смысл в том, чтобы дать пользователю самостоятельно выделить созданную им тему, привлечь внимание к ней тем, что в названии темы будет пестреть иконка из некоего набора
само собой, что лучше всего это реализовать подправив php движка и таблицы БД, но не факт что администрация сервиса будет этим заниматься.
прозвучала интересная идея, при создании новой темы вставлять некий символ, который бы автоматически скриптом заменялся на иконку,
но тут один минус, во вкладках открытых страниц в любом браузере у вас бы торчал это  символ впереди названия темы, поэтому я решил не использовать символы, а зарезервировать некие слова, которые будут сигналом для скрипта к действию

допустим:

Внимание! - http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif
Важно. - http://i.smiles2k.net/aiwan_smiles/skull.gif
Вопрос. - http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png
Интересно - http://i.smiles2k.net/icq_smiles/27.gif
Love. - http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png

схема проста, пользователь решив выделить свою тему, в начале название ставить сочетание слова и восклицательного знака - например,
Внимание! а затем название своей темы, получится - Внимание! бла-бла-бла
скрипт чувствителен к регистру названия и к содержанию, поэтому специально со словом идёт либо восклицательный знак, либо точка, чтоб не было случайного срабатывания,
слова естественно можете придумать свои и иконки тоже

в html-низ:

Код:
 <!--иконки в темах v.6-->
 <script type = "text/javascript">
	var icon = {
	'Внимание!': 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif',
	'Важно.': 'http://i.smiles2k.net/aiwan_smiles/skull.gif',
	'Вопрос.': 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png',
	'Love.': 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png',
	'Интересно.': 'http://i.smiles2k.net/icq_smiles/27.gif'
};
$('img.live-tipsy').tipsy({live: true,gravity: $.fn.tipsy.autoNS});
$('form#post p.checkfield').after('<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>');
$(function () {
	$('span[class^="ikn"]').css('cursor', 'pointer').click(function () {
var laib = $(this).text().slice(3);
var titl = $('input[name="req_subject"]').val();
$('input[name="req_subject"]').attr('value', '' + laib + titl);
	});
});
$('.tclcon, td.tcr, #pun-crumbs1 p, #pun-crumbs2 p, #pun-viewtopic #pun-main h1 span, #pun-searchtopics td.tcl a, #pun-online td.tcl').map(function () {
	var self = $(this);
	var zam = $(this).html();
	$.each(icon, function (i, val) {
if (zam.indexOf(i) != -1) {
	$(self).html(zam.replace(i, '<img class="live-tipsy" src="' + val + '" original-title="' + i + '"/>'));
}
	});
});
var nazv = $('input[name="req_subject"]').val();
if (nazv.length >= 0) {
	$('#iconki').css('display', 'inline');
}
</script>

этот набор иконок становится видимым, только когда вы создаёте новую тему или редактируете уже созданную

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

ПРИМЕР как это выглядит в действии ;)

p.s. принято решение сделать добавление иконки к названию, а не замену ключевого слова, хотя вариации возможны

http://img163.imageshack.us/img163/3687/79927308.gif

Отредактировано Romych (Ср, 29 Сен 2010 23:15:18)

+4

2

Romych
А можно вместо картинок выводить спецсимволы? Например ©, §,♜, ☠,☾ ?

Отредактировано Finka (Ср, 28 Дек 2011 09:23:13)

0

3

Finka написал(а):

А можно вместо картинок выводить спецсимволы? Например ©, §,♜, ☠,☾ ?

думаю, что можно

0

4

То что я искал, спасибо!

0

5

Всё работает но

В статистике форума (Активны)

В названиях тем показаны теги , картинок нет..

Отредактировано albino (Вс, 11 Янв 2015 03:09:27)

0

6

albino
чего-то не совсем понял о какой статистике идёт речь? вы про активные темы (/search.php?action=show_recent)? 
проверил, у меня всё работает, но подкорректировал скрипт, свежая версия в первом посте данной темы
в чём корректировка?
код значительно сокращён и упрощён для понимания, что и где менять самому,
вы теперь самостоятельно можете внести в скрипт ключевые слова и заменяющие их картинки, количество их так же неограниченно

Finka написал(а):

А можно вместо картинок выводить спецсимволы? Например ©, §,♜, ☠,☾ ?

теперь да, и вы сами можете их вставить в скрипт самостоятельно

+1

7

Общая статистика , далее Активны, там показывают активных пользователей и последние действия.

Видны только теги, но не смайл как обычно на форуме.

http://i.imgur.com/gRMhdOo.png

Отредактировано albino (Сб, 17 Янв 2015 00:43:32)

0

8

albino написал(а):

Общая статистика , далее Активны, там показывают активных пользователей и последние действия.

исправил в первом посте данной темы, правда не испытал, проверяйте, должно работать

0

9

заработало! 

:confused:

Но теперь не показывает смайлы в - Лента новостей (отображаются 5 последних сообщений с их содержанием)
или последние 10 сообщений.

тут ссылка  на скрипт Лента новостей -  Скрипты от пользователей 1

0

10

mihka1980 написал(а):

слова Важно. Интересно.Внимание!

ключевые слова в скрипте можно заменить спецсимволами, как предлагала Finka, а потом при публикации эти спецсимволы ©, §,♜, ☠, ☾, ♥, ☎, ☢, ☯, ☺, ♛, ♞  скриптом заменяются на изображения иконок, самый оптимальный на мой взгляд вариант, а вот и наглядный сайтик со спецсимволами - http://takweb.pp.ua/

+2

11

Romych
Есть два минуса, при расположении иконки в начале темы
1. Поисковики игнорируют тему при подобных знаках в начале названия
2. В титлах вкладки браузера остаётся значёк или лишнее слово в начале(можно кнешн скриптом убрать, но про первое не спасает)
Поэтому имхо вписывать код в конце названия темы, - логичнее
==================================================
Добавлено спустя 8 месяцев 14 дней 20 часов 22 минуты 1 секунду:
Своя (или стандартная) Иконка к теме V1.0
Иконки для тем и сообщений

+1


Вы здесь » Единый форум поддержки » Новые возможности форумов » Своя иконка для вновь созданной темы (загружается автоматически)