Форум

Страница 1 из 1
1

sawa2207

Дата: 28.04.2011, 16:21:50 Сообщение # 1

Пользователь

Сообщения:99

Награды:0

Отзывы:1

Skype пользователя:

Помогите найти красивый светлый хинт для сайта

с меня +

Добавлено (28.04.2011, 16:21:50)
---------------------------------------------
или может кто сам сможет сделать, дам наградку( 5 шт) и +

Tuar

Дата: 28.04.2011, 18:50:03 Сообщение # 2

Пользователь

Сообщения:327

Награды:51

Отзывы:1

Skype пользователя:

Да его самому 5 минут сделать joyful

Но если ты не можешь, то щас я тебе скину smile

sawa2207

Дата: 29.04.2011, 13:30:55 Сообщение # 3

Пользователь

Сообщения:99

Награды:0

Отзывы:1

Skype пользователя:

давай жду

Tuar

Дата: 29.04.2011, 14:15:20 Сообщение # 4

Пользователь

Сообщения:327

Награды:51

Отзывы:1

Skype пользователя:

Для начала скачаем сам хинт и кинем его в корень сайта:

Затем ползём в css и в любое место ставим этот код :)

Code

/* -----hint.js----- */
#tooltip {
    position:absolute; visibility:hidden; z-index:100;
    border:1px solid #5c5749; padding:2px 5px;
    text-align:justify; font: Verdana, Helvetica,sans-serif; color:5c5749;
    background: #ffffff;
    -moz-opacity: .80; opacity: .80; FILTER: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/* ----------------- */

Далее в те шаблоны где вам нужен хинт после тега ставим это:

Code

Всё готово! Для использования хинта в картинке просто добавляем тег title-"А сюда текст, который будет появляться в хинте!

Script

Woods

Дата: 29.04.2011, 14:35:23 Сообщение # 5

Пользователь

Сообщения:251

Награды:91

Отзывы:0

sawa2207, в ксс вставим:

Code

.hint {font-size:11px;font-family:Tahoma;background:#f2f2f2;color:#004064;border:1px solid #ecebeb;padding:3px;position:absolute;}
.1hr {border-top:1px dashed #11548d;}

Перед закрывающимся тегом хеад ставим:

Code

Вот и все.