Архив рубрики: Веб-разработка

Как обрезать Flash с помощью HTML и CSS

Опубликовано автором
Добавить комментарий

Иногда возникает необходимость модифицировать какой либо элемент дизайна сайта, сделанный на Flash. Допустим fla-исходников нет и в помине, и/или среда разработки Flash недоступна. Если вся требуемая модификация сводится к обрезке имеющегося swf-файла, то это проще сделать средствами HTML и CSS. Например это может потребоваться когда шапка сайта сделана во Flash заодно с меню. Если надо поменять только меню, то его можно отрезать от Flash и сделать альтернативное на JavaScript. Рассмотрим два варианта обрезки.

  1. Обрезаем Flash снизу 
    <div style="height:175px; overflow:hidden;">
<object
  type="application/x-shockwave-flash"
  data="/header.swf"
  width="800" height="200">
    <param name="movie" value="header.swf">
    <param name="wmode" value="transparent">
    <param name="allowScriptAccess" value="sameDomain" />
</object>
</div>

    В этом случае высота Flash — 200 пикселей, а высота div-контейнера — 175 пикселей. Соответственно swf-файл будет обрезан снизу на 25 пикселей.

  2. Обрезаем Flash сверху 
    <div style="height:175px; overflow:hidden;">
<div style="position:relative; top:-25px;">
<object
  type="application/x-shockwave-flash"
  data="/header.swf"
  width="800" height="200">
    <param name="movie" value="header.swf">
    <param name="wmode" value="transparent">
    <param name="allowScriptAccess" value="sameDomain" />
</object>
</div>
</div>

    А эта обертка в 2 div-а обрезает swf-файл сверху на 25 пикселей.

В следующем посте рассмотрим как вставить или заменить любую ссылку во Flash с помощью HTML и CSS без вмешательства в сам swf-файл.

Подключение визуального редактора TinyMCE с менеджером картинок к любой CMS

Опубликовано автором
4

TinyMCE — это очень распространенный и функциональный визуальный (WYSIWYG) редактор для CMS. Сделан редактор на JavaScript с использованием фреймворка jQuery. Хотя подключить его и не сложно, многие сталкиваются с проблемой отсутствия в стандартной поставке менеджера загрузки картинок. Конечно же без него работа с сайтом не будет полноценной. Одним из вариантов решения данной задачи — использование плагина TinyMCE Image Manager.
Предлагаю свой вариант сборки редактора с расширенными настройками и уже подключенным и настроенным плагином Image Manager. Скачать его можно здесь. Все что требуется для начала работы — это распаковать скачанный архив в корень сайта. А затем вставить вот эти 3 строчки кода в шапку сайта, отображаемую в CMS:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="/tiny_mce/tiny_mce_init.js"></script>

Для каталогов pic2 и upload2 необходимо назначить достаточные права (это можно сделать через FTP-клиент или через bash-консоль сервера командой chmod). Все настройки вынесены в отдельный файл (/tiny_mce/tiny_mce_init.js), чтобы в случае каких либо изменений не пришлось вновь редактировать шапку.
После установки все поля TEXTAREA будут редактироваться визуально, как показано на скриншоте.
tiny-mce
Если для какого-либо поля необходимо сделать исключение, то нужно назначить ему атрибут: class=’mceNoEditor’. Пример:

<textarea class="mceNoEditor" name="descr"><?php echo $descr; ?></textarea>

В этом случае поле будет редактироваться как обычно.

Что означает статус домена UNVERIFIED?

Опубликовано автором
Добавить комментарий

Во whois иногда можно увидеть статус домена UNVERIFIED. Он означает, что данные администратора домена документально не подтверждены (например сканированной копией паспорта).
Некоторое время назад к процедуре подтверждения регистраторы относились очень строго. Например с 1 октября 2009 года тех, кто регистрировал новые домены, обязывали подтверждать свои данные документально. Для остальных был назначен срок подтверждения до 1 апреля 2010 года. Иначе могло быть приостановлено делегирование и если ситуация не менялась, в дальнейшем права на домен могли быть утрачены.
Но с середины 2011 года это правило было отменено и статус UNVERIFIED практически ни на что не влияет. Например согласно заверению технической поддержки 2domains.ru, этот статус является пережитком прошлого. Главное чтобы данные были верные, так как в противном случае, при их проверке, права на домен будут потеряны. Выходит подтверждение права на домен с помощью копии паспорта или иных документов теперь добровольное, если уж очень хочется получить статус домена VERIFIED. Однако в случае передачи домена другому лицу или продажи, конечно же потребуется подтвердить свои права документально.

Народная карта Yandex на сайт или конструктор схем проезда

Опубликовано автором
Добавить комментарий

Хотите поставить на свой сайт карту Yandex и указать в ней схему проезда к вашей фирме? Как говориться «проще пареной репы». С помощью web-сервиса Yandex можно создать код карты для вставки, не имея навыков программирования.
конструктор схем проезда
Чтобы использовать народную карту Yandex, достаточно выбрать соответствующую закладку вверху справа на карте. Вид карты преобразится:
народная карта
Ссылка на сервис здесь — http://api.yandex.ru/maps/tools/constructor/

Убрать отступ от картинки в IE 9

Опубликовано автором
Добавить комментарий

Имеется код:

<table class='bn_table' cellpadding='0' cellspacing='0' border='0'>
<tr class='bn_0'>
  <td class='bn_0_0'><img src="/design/banner-0-0.png" border="0" width="49" height="2" /></td>
  <td class='bn_1_0'><img src="/design/banner-1-0.png" border="0" width="612" height="2" /></td>
  <td class='bn_2_0'><img src="/design/banner-2-0.png" border="0" width="47" height="2" /></td>
</tr>
<tr class='bn_1'>
  <td class='bn_0_1'><img src="/design/banner-0-1.png" border="0" width="49" height="284" /></td>
  <td class='bn_1_1'><img src="/design/banner.jpg" border="0" width="612" height="284" /></td>
  <td class='bn_2_1'><img src="/design/banner-2-1.png" border="0" width="47" height="284" /></td>
</tr>
<tr class='bn_2'>
  <td class='bn_0_2'><img src="/design/banner-0-2.png" border="0" width="49" height="51" /></td>
  <td class='bn_1_2'><img src="/design/banner-1-2.png" border="0" width="612" height="51" /></td>
  <td class='bn_2_2'><img src="/design/banner-2-2.png" border="0" width="47" height="51" /></td>
</tr>
</table>

При этом большинство браузеров отображает картинки в таблице без отступов. Однако новоиспеченный IE9 отображает отступы по вертикали. Пример ниже.
IE9 отображает отступы по вертикали после картинок
Решение простое — в CSS прописываем:

.bn_table tr td img {display:block;}

И вауля — отсупы исчезают!
убрали отступ после картинки в IE9