Сайт для веб-мастеров

Белый хинт для сайта

Admin — Thu, 23 Jun 2011 19:01:56 GMT

Белый хинт для сайта

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

Доступно только для пользователей

Затем в 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

хинт в синей рамочке

Admin — Wed, 22 Jun 2011 18:53:33 GMT

хинт в синей рамочке

Установка:
В CSS ставим вот это:

Доступно только для пользователей

Code

/* hint menu by MyScript.ORg.Ru*/
.hint
{
background-color:#63ADF0;
line-height:10px;
color:white;
font-family:verdana,arial,helvetica;
font-size:8pt;
width:auto;
border-top:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
border-left:1px solid white;
margin:1px;
padding:8px;
position:absolute;
visibility:hidden;
}
/* ---------------- */

Между тегами и ставим вот это:

Доступно только для пользователей

Code

скачиваем прикреплйнный файл и заливаем его в корень сайта

Доступно только для пользователей

Новый хинт (с уголком)

Admin — Fri, 17 Jun 2011 17:32:06 GMT

Новый хинт (с уголком)

На нужных страницах, перед /body ставим это:

Доступно только для пользователей

Code

А в 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;}
/* Конец */

Папки из архива заливаем в корень сайта

Доступно только для пользователей