1
Мы в Контакте
Меню сайта
Главная страница Форум Фильмы онлайн Гостевая книга Статьи Музыка онлайн Список кидал
uCoz
Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп Шапки
Все для PS
Градиенты Программы Стили Уроки онлайн Шрифты Текстуры Кисти PSD Как установить Фигуры Как установить Шрифты Как установить Градиенты Как установить Стили Как установить Экшены Как установить Кисти Как установить Текстуры
Поиск
Партнеры
Статистика
 Всего: 597
 Новых за месяц: 0
 Новых за неделю: 0
 Новых вчера: 0
 Новых сегодня: 0 
» Из них
Парней: 561
Девушек: 32

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Пользователи, посетившие
сайт за текущий день :
Категории раздела
Популярные фильмыПопулярные темы на форумеПопулярные файлы
Мадагаскар 3/ Madagascar 3(1776)
Третий лишний / Ted(1406)
Мстители(1381)
Люди в черном 3 / Men in Black III(1286)
Морской бой(995)
Аукцион сайтов от нашего ... [ 2 ]
Новый Топ пользователей с... [ 1 ]
Форма подачи [ 1 ]
Реклама вконтакте зарабат... [ 1 ]
Набор на Модераторов [ 1 ]
Скачать кфг аутоексез и ю...
Русификатор для Last Chao...
PhotoShop Cs 5
новогодняя шапка
Иконки групп by =DeMoN= -...
Особый вид ссылок
Уважаемый пользователь если у вас нету кнопки СКАЧАТЬ Зарегистрируйтесь или Войдите

Вопросы по Photoshop
Задать вопрос по uCoz
Задать вопрос по Counter-Strike 1.6
Скрипт заменяет обычный вид ссылок на красивый и информативный. На данную идею меня натолкнул всеми любимый ВК.

Установка:

1. В css ставим это:
Code
.wrapL {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background: rgba(0,0,0,0.7);padding:5px;margin:5 5 5 0px;height:80px;width:250px;color:#ccc;}  
  .wrapL a {color:#fff;font-weight:bold;text-decoration:none;}  
  .wrapL img {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;float:left;margin-right:5px;}

2. На страницы, где будут "красоваться" ссылки перед закрывающим тегом :
Code
<script type="text/javascript">  
  var forL = $('.forLink a');  
  $.each(forL, function() {  
  $(this).wrap('<div class="wrapL">');  
  $(this).before('<img src="http://mini.s-shot.ru/80x80/80/png/?' + $(this).attr('href') + '">')  
  $(this).after('<br>' + $(this).attr('href') + '<br>' + $(this).attr('title'));  
  });  
  </script>

3. Ссылки преобразуются только внутри элементов с классом .forLink. Оберните например $MESSAGE$ в div:
Code
<div class="forLink">$MESSAGE$</div>

Установка вида в стиле ВКонтакте

1. В css ставим это:
Code
.wrapL {padding:5 5 5 0px;margin:5 5 5 0px;height:90px;color:#777;}  
  .wrapL a {color:#2B587A;text-decoration:none;}  
  .wrapL a:last-of-type {font-weight:bold;}  
  .wrapL img {margin-right:5px;}  
  .wrapL img:last-of-type {border-left:2px solid #C3D1E0;float:left;padding-left:5px;margin-right:5px;}

2. На страницы, где будут "красоваться" ссылки перед закрывающим тегом :
Code
<script type="text/javascript">  
  var forL = $('.forLink a');  
  $.each(forL, function() {  
  $(this).wrap('<div class="wrapL">');  
  $(this).before('<img src="http://s1.ipicture.ru/uploads/20120318/zDncHCqp.png">Ссылка ' + '<a href="' + $(this).attr('href') + '">' + $(this).attr('href') + '</a><br><img src="http://mini.s-shot.ru/80x80/80/png/?' + $(this).attr('href') + '">')  
  $(this).after('<br>' + '<span style="color:#000">' + $(this).attr('title') + '</span>');  
  });  
  </script>

3. Ссылки преобразуются только внутри элементов с классом .forLink. Оберните например $MESSAGE$ в div:
Code
<div class="forLink">$MESSAGE$</div>

Если у ссылки есть title, то он будет выводиться в табличке, как и всё остальное.
Категория Скрипты | Добавил: Кириешка | Теги: Вид, ссылок, скрипты, ОСОБЫЙ
Просмотров: 307 | Загрузок: 0 | Рейтинг: 0.0/0
| Комментарии: 2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Игра Virt-Life
Уважаемые пользователи сайта Zadroti-Cs.uCoz.Ru
Хотим сообщить, что наш сайт поддерживает проект игры Virt-Life и мы гордимся тем, что находимся в ней, потому что она гарантирует стабильную и удобную игру, а самое главное - безопасность вашего персонажа.

Зарегистрироваться

Мини профиль
Реклама
Купить ссылку здесь
(Цена: 1 руб.)

Cs 1.6
Модели игроков Модели оружия Готовые Сервера Текстуры неба Боты Читы Конфиги Радары Античиты Программы Темы меню Cs 1.6 Прицелы Карты Плагины
Left4Dead2
Патчи Моды Left4Dead2 Модели Готовые сервера Плагины Карты
Теги сайта