WebDesign.Doc - электронная библиотека веб-мастера: 182
WEbDESiGN.doc // №182
читайте в этом выпуске:
Новости WebMasterZone
Библиотека веб-мастера. Новинки!
Самоучитель Joomla!
Мастерская
Как использовать нестандартные шрифты на сайте
Избранное. Лучшие публикации
.: Новости WebMasterZone
Приветствую, уважаемые подписчики.
Сегодня у меня для Вас есть просто отличная новость, надеюсь, она Вас заинтересует.
На сайте WebMasterZone - магазине тематических дисков для веб-дизайна - введена новая система скидок. Отныне, при заказе наложенным платежом 2-х и более дисков различных наименований вы получаете фиксированную скидку - 20% от общей стоимости заказа! К примеру, 3 разных DVD, обойдутся вам теперь не в 1500 руб., как раньше, а в 1200. Экономия = 300 руб.
Для заказов 2-х и более наименований c предоплатой (WebMoney, RBKMoney, Яндекс.Деньги и т.д.), также была установлена скидка и составляет она 30%
от стоимости заказа. В этом случае, при покупке, например, 3-х дисков, третий достается Вам практически бесплатно, всего за 10% от номинальной стоимости.
Заказ нескольких дисков с предложенными скидками можно оформить на этой странице.
Удачного веб-мастеринга!
.: Библиотека веб-мастера. Новинки!
Самоучитель Joomla!
Рамел Дэн
Описан простой и быстрый процесс разработки полнофункциональных сайтов с использованием бесплатной системы управления контентом Joomla!.
В книге рассматривается: установка и настройка системы и сопутствующих приложений, планирование содержимого сайта, добавление статей, разработка меню, администрирование Joomla!, резервное копирование сайта, проблемы безопасности, создание собственных шаблонов, обзор расширений системы и примеры их разработки, поддержка функций Web-сообщества, сбор и анализ статистики
сайта, создание фотогалереи, поддержка электронной коммерции, поисковая оптимизация и др.
Недавно получил интересный заказ, в котором заказчик попросил использовать
нестандартные шрифты. Вот начал изучать эту тематику и делюсь с вами.
Сегодня существуют 4 технологии внедрения нестандартных шрифтов в
сайты. 1. «Web Embedding Fonts Tool» от дяди Гейтса. Но, как и все от
микрософта, эта штуковина поддерживается в основном только ИЕ. Поэтому забываем
про неё. 2. Создание картинки с нужным шрифтом. Самый действенный способ, но
для этого приходится постоянно делать новые картинки, да и на лету, понятное,
дело сделать такое невозможно. . 3. Технология FIR. Более улучшенная техника,
чем предыдущая. 4. Технология SIFR. Самая лучшая на сегодняшний день.
Суть её в том, что ява-скрипт подставляет вместо текста флеш файл, при этом
замена происходит на лету. Т.е. не нужно создавать все время разные флеш-файлы,
это нужно сделать всего один раз, а текст уже будет меняться автоматически.
Кроме того, при отключенных ява-скриптах в браузере, будет выводится обычный
текст. Но и это ещё не все достоинства.
Как известно, флеш формат не очень хорошо оптимизирован под поисковики, но в
sifr все хорошо продумано, и поисковик будет видеть обычный текст в коде, при
чем здесь нет всякого рода клоакингов и т.д.
Итак, поехали. Качаем сам sifr с блога автора. Ссылка на скачку будет в самом
конце страницы.
Открываем sifr.fla в редакторе от Adobe Flash желательно новых версий.
Щелкаем мышкой по прямоугольнику (textbox)
Должна появиться панель свойств, там выбираем нужный шрифт и следуем
дальше.
Далее экспортируем Файл "(File) – Экспорт (Export)" и сохраняем как
имя_шрифта.swf
Здесь следует добавить. Я час мучался, чтобы понять почему у меня не работают
русские шрифты с sifr. Оказалось, что когда вы экспортируете файл нужно
удостоверитьсяя в следующем:
- Когда вы выбираете шрифт, рядом с именем шрифта нужно найти кнопочку
Embed – нажать на неё и удостовериться, что в перечисленном списке выделена
закладка Cyrillic. Если не выделена, то с зажатой кнопкой ctrl выберите эту
вкладку. Далее, по инструкции все остается прежним. Т.е. далее нужно
экспортировать файл.
- Файлы customize_me.as и dont_customize_me.as должны быть в одной директории с
sifr.flа и используются только для экспорта Flash файла, их не нужно загружать
на сервер, также не нужно будет загружать и сам файл sifr.flа.
Далее, загружайте на сервер (т.е. в папку сайта) файлы sIFR-screen.css,
sIFR-print.css, sifr.js, sifr-addons.js
Привяжите к коду страницы эти файлы. Т.е. в хедере должно быть:
Теперь нужно немного поковыряться в CSS, а именно в файле
sIFR-screen.css. Там вам нужно будет изменять свойства заголовков, т.е.
Т.е. нужно обозначить размер шрифта и другие параметры выводимые при
замене.
Совет. В своем файле стилей у вас должны тоже быть прописанны свойства для
изменяемых стилей. Особенно обязательным является значение размера шрифта,
желательно указывать его в пикселях. Если отображение шрифта будет резаться, то
поиграйтесь этими значениями.
Далее, в каждую страницу вставляем:
Примечание: это уже измененный мною код. Просто я заметил, что когда
указывается свойство nPaddingTop, nPaddingBottom отличное от 0, то немного
сложно установить размеры шрифта и все коверкается. Тоже самое и при
sFlashVars:"textalign=center&offsetTop=0, если в конце 0, то будет сжатие
шрифта. Оригинальный код можете увидеть в дистрибутиве в файле index.
Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail:
admin@wm-zone.info
Описан простой и быстрый процесс разработки полнофункциональных сайтов с использованием бесплатной системы управления контентом Joomla!.
