Главная » Раздел uCoz » Авторство Webo4ki

Всплывающие подсказки из «TITLE» by Webo4ka.Ru

1328

7.8 из 10
Проголосовало: 10

С помощью данного скрипта вы сможете донести до вашего пользователя информацию в красивой подсказке в замен стандартного title="". Данная подсказка впишется в любой дизайн, к тому же очень легко можно будет поменять цвет на любой другой помимо черного.

Подсказка сделана чисто на CSS, поэтому сильно не будет нагружать страницу, но конечно если вы не по наставляете их в одном месте сто штук))

Установка:

1) В нужное место вставляем HTML-Код:

Код

<div class="wTitle">Наведи на меня <div class="wTip"><div class="wText wColor">Всплывающие подсказки из «TITLE» by Webo4ka.Ru</div><div class="wTreug wColor2"></div></div>
</div>

2) И подключаем CSS-Код:

Код

.wTitle {position:relative; cursor:help;}
  .wTitle .wTip {position:absolute; bottom:10px; left:0px; display:none;}
  .wTitle:hover .wTip {display:block;}
  .wText {border-radius:3px; max-width:220px; height:auto; padding:8px 10px; color:#fff; text-align:justify;}
  .wTreug {border-bottom:8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(0, 0, 0, 0.8); width:0; height:0; margin-left:8px;}

  .wColor {background:rgba(0, 0, 0, 0.8);}
  .wColor2 {border-top:8px solid rgba(0, 0, 0, 0.8);}

Настройки:
тут

Код

.wColor {background:rgba(0, 0, 0, 0.8);}

и тут

Код

.wColor2 {border-top:8px solid rgba(0, 0, 0, 0.8);}

меняем цвет всплывающей подсказки:

А тут:

Код

position:absolute; bottom:10px; left:0px;

меняем отображение подсказки.

Настройка цвета, для тех кто не шарит:

Чёрный

Код

.wColor {background:rgba(0, 0, 0, 0.8);}
.wColor2 {border-top:8px solid rgba(0, 0, 0, 0.8);}

Красный

Код

.wColor {background:rgba(255, 0, 0, 0.8);}
.wColor2 {border-top:8px solid rgba(255, 0, 0, 0.8);}

Синий

Код

.wColor {background:rgba(70, 150, 255, 0.8);}
.wColor2 {border-top:8px solid rgba(70, 150, 255, 0.8);}

Зелёный

Код

.wColor {background:rgba(180, 210, 60, 0.8);}
.wColor2 {border-top:8px solid rgba(180, 210, 60, 0.8);}

Автор публикации: Загрузка

Загрузка

Вовчик, это его n-й материал

Источник: http://webo4ka.ru/

Ваше мнение о материале Загрузка

Всего комментариев: 4

Порядок вывода комментариев:

0	Админинстратор написал: в материале Написано 08 Апреля 2016 в 22:14 Комментарий №4 Уберите в .wText max-width:220px; и добавьте word-break: break-all; теперь можно как в вк писать обзацами:)

+1	BLAzER написал: в материале В ответ BLAzER Написано 02 Апреля 2016 в 18:25 Комментарий №1 Все же хочется, что бы подсказка бралась из атрибута title

0	StimuL написал: в материале В ответ StimuL Написано 03 Апреля 2016 в 12:31 Комментарий №2 полностью с тобой согласен..

0	Вовчик написал: в материале В ответ Вовчик Написано 05 Апреля 2016 в 19:09 Комментарий №3 а нафиг это надо))

Оставить комментарий:

Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход

Меню сайта

Категории

Для помощи создания сайта uCoz 25

Скрипты и модификации для Ucoz 2126

Шаблоны форумов Ucoz 28

Шаблоны сайтов Ucoz 432

Авторство Webo4ki 309

php скрипты для ucoz 57

Графика для uCoz 40

Мини-чат

Последние комментарии

geleson2222 написал:

Перейти

Мне не нравится ваш сайт

Doc120 написал:

Перейти

Cкрытие $POWERED_BY$

/* Скрывает каперайт ucoz */
.banner_u {
opacity:0.2 ;
}
/* ----------------- */
opacity:0.1 ; это легальное скрытее $POWERED_BY$
ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.

Doc120 написал:

Перейти

Cкрытие $POWERED_BY$ способ от Fatal1ti

Ставим в ccs и все
/* Скрывает каперайт ucoz */
.banner_u {
opacity:0.2 ;
}
/* ----------------- */

topkalife написал:

Перейти

Быстрая смена аватара в uWnd

Было бы лучше если бы данный скрипт работал)

k43 написал:

Перейти

Скрипт Баннерообмен для uCoz

Возможно из-за капчи для пользователей

Последние темы

Флудилка 1603

Flock 23

Webo4ka ЖИВИ! 4

Проблема, в разделе добавления материало... 0

Соберемся вместе?) 3

Отзывы о k43 14

Яндекс забанил сайт. 8

Создать "Создание" - Favicon &... 2

Верстальщик 0

Опрос

Статистика

онлайн

наших

чужих

Сегодня были

Зарегистрировано 8749
Файлов 3017
Комментариев 12490
Отзывов 138
Тем 6540
Постов 62574
тИЦ/PR 30/2

Друзья сайта:

Связаться с администратором для дружбы! В Вовчик

Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94

Web-мастер системы uCoz R Roman_Domnin

Связаться с администратором для дружбы! В Вовчик

Топ пользователей:

02.01.2010 Дата регистрации ID: 1 Вовчик Администратор Группа 2371 Кол.репутации 8683 Кол.сообщений	05.07.2011 Дата регистрации ID: 1238 k43 Друзья Группа 12981 Кол.репутации 2955 Кол.сообщений	26.09.2011 Дата регистрации ID: 1658 Voker VIP Группа 9993 Кол.репутации 2579 Кол.сообщений	18.09.2011 Дата регистрации ID: 1620 BLAzER Друзья Группа 13398 Кол.репутации 2339 Кол.сообщений	03.01.2012 Дата регистрации ID: 2273 Kelin Проверенные Группа 3543 Кол.репутации 2049 Кол.сообщений	02.06.2011 Дата регистрации ID: 1051 BlackPh Пользователи Группа 538 Кол.репутации 1396 Кол.сообщений
01.04.2011 Дата регистрации ID: 692 vover6 Друзья Группа 10431 Кол.репутации 1090 Кол.сообщений	28.03.2011 Дата регистрации ID: 664 InteGrant VIP Группа 1295 Кол.репутации 1080 Кол.сообщений	23.06.2010 Дата регистрации ID: 47 WooFi Друзья Группа 2213 Кол.репутации 1052 Кол.сообщений	02.08.2011 Дата регистрации ID: 1383 Maestro VIP Группа 11394 Кол.репутации 1046 Кол.сообщений	01.03.2011 Дата регистрации ID: 541 Hermes VIP Группа 2147 Кол.репутации 942 Кол.сообщений	17.01.2011 Дата регистрации ID: 389 CreativeBoy Проверенные Группа 2025 Кол.репутации 789 Кол.сообщений

Обратная связь

Правила

RSS
RSS-Load RSS-Forum Sitemap-Load Sitemap-Forum Прямая ссылка
+18

№	Правила	Замечание	Дней
1	Мат в любой форме (в комментариях, в мини-чате, на форуме, в личных сообщениях).	Бан	От 7 дней
2	Спам в любой форме (в комментариях, в мини-чате, на форуме, в личных сообщениях).	Бан	От 7 дней
3	Обман пользователей сайта, введение в заблуждение, а так же обман в разделе "Жалобы".	Бан	От 7 дней
4	Расизм на сайте.	Бан	От 7 дней
5	Рип шаблона webo4ka.ru и его частей.	Бан	От 7 дней
6	Кидание пользователя на деньги и прочего.	Бан	навсегда
7	Попытка взлома, выкладывание скриптов, программ для взлома.	Бан	навсегда
8	Создание повторных профилей в плохи целях.	Бан	навсегда
9	Матерный или порнографический логи, использование матов на аватаре и в подписи.	Бан	навсегда
10	Флуд и Оффтоп на сайте.	Бан	1 день

Мобильная версия

Хостинг от uCoz

Design by Вовчик
Администратор:)