Как реализовать подобный вывод title

@Skyter · Регистрация: 26.09.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте, каким образом можно сделать подобный вывод title на DLE, как на сайте dlelab.ru?

@Alexander519151 · 11.05.2013, 13:35

А что там особенного? обычная favicon и как положено разные имена у страниц.
Подскажите точнее.

@Skyter · 11.05.2013, 13:39 **[ТС]**

Вывод title при наведении на картинку, я имел ввиду

@Alexander519151 · 11.05.2013, 14:43

А, понятно. Сам сейчас именно этим и интересуюсь. Как раз читаю, возможно попробую у себя.

@Skyter · 11.05.2013, 14:46 **[ТС]**

Нашел довольно интересный вариант, может поможет http://dle.kiua.net/dle/huck/2... sayta.html

@Alexander519151 · 11.05.2013, 15:18

Нашел довольно интересный вариант, может поможет http://dle.kiua.net/dle/huck/2... sayta.html

да, точно. и как раз для DLE.

А я вот нашел для ручной работы, может кому и пригодится.
Для ручной работы, значит сайт не на CMS.
Ссылку дать не могу, возможно нельзя, вот код и описание.

Подключим фреймворк jQuery и плагин Easy Tooltip 1.0 к нашему документу, прописав следующий код между тегами <head>:

HTML5
1
2
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="tooltip.js"></script>

Далее пропишем следующий скрипт:

JavaScript
1
2
3
4
5
<script type="text/javascript">
$(document).ready(function(){   
    $("a").easyTooltip();
});
</script>

В отдельный CSS-файл пропишем стиль, отвечающие за внешний вид посказок:

CSS
1
2
3
4
5
6
#easyTooltip{
    padding:5px 10px;
    border:1px solid #195fa4;
    background:#195fa4 url(bg.gif) repeat-x;
    color:#fff;
    }

Если вы перенесете фоновую картинку bg.gif в другую папку, то не забудьте в стиле изменить путь к ней. Можете изменить этой картинке цвет в фотошопе, чтобы идеально подогнать ее под дизайн Вашего сайта.

В том месте, где мы хотим сделать подсказку для ссылки, необходимо прописать ей атрибут title. Например так:

HTML5
1
<a href="http://site.com" title="Перейти на сайт site.com">сюда</a>

Все. Я попробовал, все работает. И именно фон можно сделать прозрачный. И подсказка двигается за курсором.

Добавлено через 20 минут
Кстати, атрибут title можно присвоить не только ссылкам. Можно для любого элемента, например для текста, а при наведении будет расширенная подсказка.
Для этого заключаем наш элемент в тег (к примеру) <span></span>

HTML5
1
2
3
<span title="здесь наша подсказка'">
    <p>здесь текст к которому будет подсказка</p>
</span>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@Skyter 1 / 1 / 0 Регистрация: 26.09.2012 Сообщений: 15

	Как реализовать подобный вывод title 11.05.2013, 13:20. Показов 1563. Ответов 5 Метки нет (Все метки) Здравствуйте, каким образом можно сделать подобный вывод title на DLE, как на сайте dlelab.ru? 0

@Alexander519151 461 / 461 / 6 Регистрация: 08.05.2013 Сообщений: 242
	11.05.2013, 13:35
	А что там особенного? обычная favicon и как положено разные имена у страниц. Подскажите точнее. 2

@Skyter 1 / 1 / 0 Регистрация: 26.09.2012 Сообщений: 15
	11.05.2013, 13:39 [ТС]
	Вывод title при наведении на картинку, я имел ввиду 0

@Alexander519151 461 / 461 / 6 Регистрация: 08.05.2013 Сообщений: 242
	11.05.2013, 14:43
	А, понятно. Сам сейчас именно этим и интересуюсь. Как раз читаю, возможно попробую у себя. 2

@Skyter 1 / 1 / 0 Регистрация: 26.09.2012 Сообщений: 15
	11.05.2013, 14:46 [ТС]
	Нашел довольно интересный вариант, может поможет http://dle.kiua.net/dle/huck/2... sayta.html 1