» » >

jQuery cypher или оживляем заголовки на сайте uCoz
·
29.09.2013, 01:20

Всем привет, в столь поздний час анализируя разного рода европейские проекты, на одном из которых я случайно скачал rar архив, в котором обнаружил по мимо ненужной информации, весьма интересный js, автор которого является Dave Williams, но давайте посмотрим на демо пример.

Шаг 1 - Установим JS:

Для начала нам следует установить в самый низ вашей страницы сайта перед закрывающим тегом </body> следующий js:

JS

<script type="text/javascript" src="http://ucoz-helper.ucoz.com/js_jquery/jQuery_cypher.js"></script>
Шаг 2 - Установим HTML:

В самом html коде нет ничего сложного и сверх естественного, у нас имеется контейнер, а это может быть любой тег div, span, h1 и т.д которому мы пропишем нужный класс logo-h2:

HTML

<h1 class="logo-h2">uCoz-Helper</h1>
Шаг 3 - Установим CSS:

и конечно же сами css стили, которые каждый из вас создаст как ему будет нужно:

CSS-Code

/* Основные стили A jQuery cypher
------------------------------------------*/
.logo-h2{
  margin: 0;
  padding: 0;
  font:21px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
  color:#D2D2D2;
}

В целом данное решение можно использовать для логотипа сайта или для заголовка в той или иной ячейки или основного текста на странице с ошибкой 404.

На этом всё, спасибо за внимание!

Категория: jQuery и JS | Добавил: tashkent97
Просмотров: 566 | Загрузок: 262 | Источник: center-dm.ru | Рейтинг: 5.0/2
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<