Простые Подсказки с CSS и JQuery Демонстрация Работы

Пример работы простой подсказки выполненной с помощью CSS и немного JQuery. При наведении на миниатюру изображения появляется полномасштабная картинка. Удобно использовать не прибегая к помощи специальных плагинов. Так же присутствует возможность вывода подсказки к СсылкеНазовите мне пожалуйста бесплатный хостинг Рунета без втюхивания рекламы вам на страницы и я обязательно поставлю свечку во благо этого уникума. Может я отстал или плохо искал, нет вроде, рыл основательно и не нашел такого. или отрывку текста, с встроенной миниатюрой изображения и текстовым пояснением.

В данном способе привлекает гибкость настроек вывода подсказки,они практически ничем не ограничены, свободный выбор размера, позиционирования и возможность использования в подсказке изображения, Все начинается с тихого гудения. Пустой экран зазывает тебя. «Заходи», говорит он, «у нас всегда открыто». Кажется, что в этом мире содеянное остается без последствий, вину скрывает завеса анонимности, пальцы не оставляют отпечатков. Невидимая Вселенная незнакомцев и незнакомок, объединенных в интернете и разделенных в жизни. Она выкрадет твои тайны, исковеркает мечты и извратит твою личность, ведь в мире, где можно быть чем угодно и кем угодно, нетрудно и забыть, кто ты на самом деле что значительно рассширяет сферу применения.

Хорошая скорость вывода подсказки к любой ссылке или Отрывку ТекстаОбъяснить можно все что угодно на страницах сайта

Если вас привлек данный способ вывода подсказок на страницах своего сайта, никто и ничего вам не мешает Изучить ДеталиПосетите страницу урока, чтобы въехать в тему
происходящего и разобраться, как все это дело работает :-)))

 
 
/*--Стиль Подсказки--*/
.tip {
      color: #fff;
      background-color:#161616;
      background: -moz-linear-gradient(top, rgba(22,22,22,.7) 0%, rgba(51,51,51,.7) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,.7)), color-stop(100%,rgba(51,51,51,.7)));
      background: -webkit-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
      background: -o-linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
      background: linear-gradient(top, rgba(22,22,22,.7) 0%,rgba(51,51,51,.7) 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2161616,endColorstr=#B2333333);
      -moz-box-shadow:0 1px 10px #00c6ff;
      -webkit-box-shadow: 0 1px 10px #00c6ff;
       box-shadow:0 1px 10px #00c6ff;
       display:none; /*--По умолчанию скрыто--*/
       padding:10px;
       position:absolute; z-index:1000;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
       border-radius: 3px;
}