Если вы хотите общаться на форуме, напишите МНЕ в лс: Активируй аккаунт!!!!!!!

[ Последние 100 ответов на форуме · Всё для CSS · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум веб-мастеров ucoz » Раздел uCoz » Помощь по uCoz » Как зделать Скрипт 'Хинт'
Как зделать Скрипт 'Хинт'
IwonderfulДата: Понедельник, 01.03.2010, 21:53:44 | Сообщение # 1


WebDesing
Сообщений: 180
[ 42 ]
щяс я вам раз скажу как зделать свой хинт
кто не знает что-такое хинт эта тема для вас http://xmain.3dn.ru/forum/12-59-1
Так чтобы зделать хинт нам понадобится Adobe Dreamweaver cs3 или cs4
и там начнём
открываем Adobe Dreamweaver нажымаем файл ---> создать ---> пустая страница ---> CSS
после того как создали css документ удаляем на документе
Code
@charset "utf-8";
/* CSS Document */

справа мы видем вот это

потом нажимаем на Безымянный-2 кликаем mouse 2 и выбираем создать

и вот что мы видим

выбираем класс и в имя вписываем .hint и вот что мы видим

так и щяс начинается самое интересное :)
Вот что я зделал для хинта

Шрифт : там выбираем шрифт стандарт для хинта vernada
размер : там выбираем размер шрифта лучше всего 10 размер
Высота строки : Выбираем высоту строки
декорирования : там выбираем тип текста я выбрал подчёркнутый текст но стандарт нет
цвет : выбираем цвет шрифта ну тут вы сами должны подобрать смотря какого цвета будет хинт
дальше переходим в раздел фон

Цвет фона : там выбираем цвет хинта
Фоновое изображение : туда можно вставить фоновое изображение для хинта если будете использовать фоновое изображение то невыберайте цвет фона
в разделе блок нам ничего понадобится :)
переходим в раздел рамка

ширина и высота : там ставим авто !
переходим в раздел граница

стиль : там выбираем какая будет обводка я выбрал сплошная это просто обводка если вы хотите зделать
чтобы обводка была справа или слева снимаем галочку одинаковые для всех и ставим стиль линии тока на
ту сторону на которой вы хотите что-бы там была обводка
ширина : там выбираем ширину линии
цвет : выбираем цвет линии :)
и в конце нашего хинта ставим
position: absolute;
visibility: hidden;
И нам понадобится uhint.js чтобы хинт работал вы можете его скачать здесь http://xmain.3dn.ru/uhint.js
Загружаем uhint.js в корень сайт и ставим между </head> и <head>

<script type="text/javascript" src="/uhint.js"></script>
потом хинт который мы зделали в adobe Dreamweaver кидаем в css вот и всё хинт готов :)
с вами был Hide-pro статья специально для xmain.3dn.ru и ucozabc.ru
p.s кто непонел как делать пишыте в лс я вам помогу :)


vitalikДата: Понедельник, 01.03.2010, 21:55:48 | Сообщение # 2


Сообщений: 347
[ 62 ]
Iwonderful, не плохо))) лови +

IwonderfulДата: Понедельник, 01.03.2010, 22:01:56 | Сообщение # 3


WebDesing
Сообщений: 180
[ 42 ]
vitalik, спс
тока если у вас хинт маленький и тесный добавьте свойство в разделе рамка поля 7 а в другом 1 :)


vitalikДата: Понедельник, 01.03.2010, 22:44:13 | Сообщение # 4


Сообщений: 347
[ 62 ]
Iwonderful, эт для ucoz ????

IwonderfulДата: Понедельник, 01.03.2010, 22:57:39 | Сообщение # 5


WebDesing
Сообщений: 180
[ 42 ]
vitalik, да если непонел как зделалать могу видео урок зделал ;)

vitalikДата: Понедельник, 01.03.2010, 22:59:31 | Сообщение # 6


Сообщений: 347
[ 62 ]
Iwonderful, ааа да нет тут все понятно просто у меня сайт на dle

Форум веб-мастеров ucoz » Раздел uCoz » Помощь по uCoz » Как зделать Скрипт 'Хинт'
  • Страница 1 из 1
  • 1
Поиск: