Новый симпатичный хинт на ucoz
Симпатичный, новый вид хинта в вэб-стиле. Хинт работает через CSS и через javaScript. При наведении на текст, хинт появляется плавно, что необычно, красиво.
Установка:
Для начала нужно скачать архив, залить картинки и .js скрипты, после чего разберемся с кодами.
Перед "/body" ставим:
Code
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/main.js" type="text/javascript"></script>
<script src="/js/main.js" type="text/javascript"></script>
Теперь стили - вот это в CSS:
Code
/* Стиль хинта */
.pod {display: inline-block;height: 30px; position:absolute;opacity: 0.9; display:none; margin:0;}
.pod input.button {outline: none;}
.pod span, .pod .button { clear:both;display: block;margin-left: -7px;padding:0px 5px 0px 11px;border: 0;font-size: 13px;cursor: pointer;height: 30px;line-height: 20px;float: left;font-weight: bold;}
.pod span span {display: inline;background: none;margin-left: 0;padding: 0;float: none;}
.pod {background: url(/images/title_02.png) 0 no-repeat;}
.pod span, .pod .button {background: url(/images/title_01.png) 0 0 no-repeat;color: #fff;}
/* Конец стиля */
.pod {display: inline-block;height: 30px; position:absolute;opacity: 0.9; display:none; margin:0;}
.pod input.button {outline: none;}
.pod span, .pod .button { clear:both;display: block;margin-left: -7px;padding:0px 5px 0px 11px;border: 0;font-size: 13px;cursor: pointer;height: 30px;line-height: 20px;float: left;font-weight: bold;}
.pod span span {display: inline;background: none;margin-left: 0;padding: 0;float: none;}
.pod {background: url(/images/title_02.png) 0 no-repeat;}
.pod span, .pod .button {background: url(/images/title_01.png) 0 0 no-repeat;color: #fff;}
/* Конец стиля */
Скачать Новый симпатичный хинт на ucoz бесплатно с нашего сервера: /_ld/2/219_xint.rar
Смотрите также:
