Красивый вид title для ссылок


Красивый вид title для ссылок

3396
10 из 10
Проголосовало: 5






Установка:

1) В head

Code

<script src="http://webo4ka.ru/Ucoz5/jquery.tipsy_kracivii_vid_title_dli_ccilok.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $('.north').tipsy({gravity: 'n'});  
  $('.south').tipsy({gravity: 's'});  
  $('.east').tipsy({gravity: 'e'});  
  $('.west').tipsy({gravity: 'w'});  
  });  
  </script>


2) В css

Code
.tooltip span:before {  
  border-top-color: #CCCCCC;  
  bottom: -9px;  
  }  
  .tipsy {  
  background-image: url("http://webo4ka.ru/Ucoz5/tipsy_kracivii_vid_title_dli_ccilok.gif");  
  background-repeat: no-repeat;  
  font-size: 11px;  
  opacity: 0.9;  
  padding: 5px;  
  }  
  .tipsy-inner {  
  background-color: black;  
  color: white;  
  max-width: 200px;  
  padding: 5px 8px 4px;  
  text-align: center;  
  }  
  .tipsy-inner {  
  border-radius: 3px 3px 3px 3px;  
  }  
  .tipsy-north {  
  background-position: center top;  
  }  
  .tipsy-south {  
  background-position: center bottom;  
  }  
  .tipsy-east {  
  background-position: right center;  
  }  
  .tipsy-west {  
  background-position: left center;  
  }


3) Пример ссылки:

Code
<a href="http://webo4ka.ru/" title="Лучший бесполезняк" class="north">ссылка</a>


настройки направления титла:

Класы:

north - Север

west - Запад

east - Восток

south - Юг
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.center-dm.ru/
  • Всего комментариев: 18

master1280
0
master1280 написал: Написано 20 Января 2016 в 16:34
Комментарий №18
Ну а как сделать если ссылке не прописывать класс, а чтобы распространялось на все где увидит титлы

iliks
+1
iliks написал: Написано 15 Февраля 2012 в 21:10
Комментарий №17
Вовчик, на будующие север сверху))

Admium
+1
Admium написал: Написано 09 Февраля 2012 в 15:09
Комментарий №12
у меня не пашет помогите (

k43
0
k43 написал: Написано 09 Февраля 2012 в 16:27
Комментарий №13
Перепроверь всё! Скрипт рабочий... лично проверял cool

Froa
0
Froa написал: Написано 09 Февраля 2012 в 17:27
Комментарий №14
Это не у всех сылок будет,только у :
1.У которых указан Class подсказки
2.Есть сама подсказка

Admium
0
Admium написал: Написано 10 Февраля 2012 в 11:45
Комментарий №16
да я знаю я все делаю как сказано по инструкции(

даже на левом сайте все сделал как там показано я даже сылку webo4ka не менял а она не пашит(

GUFY
0
GUFY написал: Написано 07 Февраля 2012 в 17:38
Комментарий №11
Пошёл ставить... smile

Svit107
+3
Svit107 написал: Написано 07 Февраля 2012 в 07:08
Комментарий №6
[установил]
Источние

CreativeBoy
+2
CreativeBoy написал: Написано 07 Февраля 2012 в 08:49
Комментарий №7
Вообще-то источник не center-dm, а этот скрипт уже давно ползает по разным сайтам, впервые я увидел его на zp, потом на иностранных сайтах заметил

Вовчик
+2
Вовчик написал: Написано 07 Февраля 2012 в 11:38
Комментарий №8
точно, я тоже видел его на иностранном сайте давно, поэтому и не смог уточнить источник(

CreativeBoy
0
CreativeBoy написал: Написано 07 Февраля 2012 в 15:39
Комментарий №10
smile

Froa
0
Froa написал: Написано 09 Февраля 2012 в 17:28
Комментарий №15
vK com там такие же title

GhostlyP
+4
GhostlyP написал: Написано 07 Февраля 2012 в 03:35
Комментарий №5
источник: [установил]

RAF
-8
RAF написал: Написано 07 Февраля 2012 в 01:05
Комментарий №4
Ет как??? Источник: не указан!!??
долно так быть!: [удалено]

Вовчик
+1
Вовчик написал: Написано 07 Февраля 2012 в 11:38
Комментарий №9
с какого? dry

NiceJob
+1
NiceJob написал: Написано 06 Февраля 2012 в 23:56
Комментарий №3
как вконтакте biggrin
Спасибо. Забрал

Estwood
+1
Estwood написал: Написано 06 Февраля 2012 в 23:35
Комментарий №2
кул !)

Alexandrhhh
0
Alexandrhhh написал: Написано 06 Февраля 2012 в 23:27
Комментарий №1
Крутяк) спасибо огромное))) happy

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: