Установка JavaScript "Отгибающийся уголок" на сайт.Что бы установить новый javascript на веб страницу сайта необходимо: <<архив pageear.zip>>
1. Скачать архив "отгибающийся уголок"
2. Извлечь содержимое в корневую папку сайта на сервере (кроме index.html)
3. В код страницы (на которой устанавливается новый javascript) добавить соответствующие записи
4. Настроить внешний вид javascript а под дизайн сайта
Теперь обо всём поподробнее. Первые два пункта, надеюсь, разъяснений не требуют.
Открываем файл архива index.php и копируем код перед закрывающим тегом </body> на свою страницу сайта в соответствующие место.
- Kods:
-
<script type="text/javascript">
writeObjects();
</script>
Далее подключаем файлы pageear.js и ac_oetags.js : для этого в коде страницы между тегами <head>…..</head> прописываем:
- Kods:
-
<script type="text/javascript" src="scripti/ac_oetags.js"></script>
<script type="text/javascript" src="scripti/pageear.js"></script>
На сегодня, атрибут "language" тега <script> является устаревшим и его следует опускать.
В принципе, все современные браузеры поймут код javascript и без атрибута " type", но его присутствие требуют стандарты.
Всё новый javascript отгибающийся уголок установлен на странице Вашего web сайта.
Настройка параметров волшебного (отогнутого) уголка.Что бы настроить отгибающийся уголок под дизайн Вашего сайта необходимо заменить графические файлы архива и в файле pageear.js указать URL сайта для перехода при клике по волшебному уголку.
Так же в этом файле находятся и другие настройки скрипта, которые лучше не трогать.
На момент написания этой статьи скрипт отворачивающегося угла встречался только на "резиновых" 100%-ых страницах сайтов. Теперь этот красивый уголок можно разместить и на сайтах с фиксированной шириной в любом месте web страницы.
Отгибающийся уголок для WordPressВ последнее время большую популярность при создании сайта получила бесплатная CMS (система управления контентом) WordPress.
Данный движок привлекает, в основном, блогеров своим дружелюбным и простым интерфейсом. Кроме того, в интернете огромное количество информации по установке, настройке, дополнительным плагинам и т. д.
Принцип установки отгибающего уголка на web страницы сайта под управлением WordPress ни чем не отличается: те же фрагменты кода и те же самые файлы из архива pageear.zip.
Сложность, думаю, заключается в размещение файлов и последующего указания путей к ним.
Теперь по-порядку:
1. что необходимо сделать - это скачать архив для WordPress и поместить содержимое (папку "pageear") в папку "wp-content/uploads/". В данном архиве в файле "pageear.js" уже исправлены пути к фоткам и флешкам.
2. надо подключить файлы javascript. Для этого в файле "header.php" вставляем перед </head>:
- Kods:
-
<script src="http://wordpress/wp-content/uploads/pageear/AC_OETags.js" language="javascript"></script>
<script src="http://wordpress/wp-content/uploads/pageear/pageear.js" type="text/javascript"></script>
- Третье: в файле "footer.php" перед </body> прописываем javascript-код запуска функции, которая отвечает за работу скрипта "отгибающейся уголок".
- Kods:
-
<!-- PageEar function call -->
<script type="text/javascript">
writeObjects();
</script>
Теперь отправляем все редактируемые файлы на сервер и наслаждаемся работой анимированного уголка.
Tēma: Atlocāmais stūris web lapai (reklāmas banneris) 
Piektdiena Novembris 09, 2012 5:24 pm