Для выравнивания сайта по центру часто используется следующий код:
.site {margin: 0 auto;}
Идентификатор .site указывает на div-обертку шаблона сайта. У большинства браузеров вопросов не возникает, но Internet Explorer прижимает шаблон к левому краю окна. Один из простых вариантов решения этой задачи — добавить в CSS-файл, предназначенный для IE, код указанный ниже:
body {text-align: center;}
Теперь выравнивание по центру Internet Explorer должно работать нормально.
Иногда возникает необходимость модифицировать какой либо элемент дизайна сайта, сделанный на Flash. Допустим fla-исходников нет и в помине, и/или среда разработки Flash недоступна. Если вся требуемая модификация сводится к обрезке имеющегося swf-файла, то это проще сделать средствами HTML и CSS. Например это может потребоваться когда шапка сайта сделана во Flash заодно с меню. Если надо поменять только меню, то его можно отрезать от Flash и сделать альтернативное на JavaScript. Рассмотрим два варианта обрезки.
<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 пикселей.
<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 — это очень распространенный и функциональный визуальный (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 будут редактироваться визуально, как показано на скриншоте.
Если для какого-либо поля необходимо сделать исключение, то нужно назначить ему атрибут: class=’mceNoEditor’. Пример:
<textarea class="mceNoEditor" name="descr"><?php echo $descr; ?></textarea>
В этом случае поле будет редактироваться как обычно.
Все-таки это случилось. Мой блог через чуть более полутора лет после создания и через 3 месяца после покупки домена, получил Яндекс тИЦ 10 и Google PR2. Гугл правда оценку поставил пораньше. А на Яндекс я как-то пока и не рассчитывал. Я думал, что просто так, без платного продвижения, покупки ссылок и так далее этому не бывать. Конечно, кому-то это покажется долго, но надо учесть, что целенаправленных усилий для этого не прилагалось. Все что было — это неспешное написание постов, да и ссылки с нескольких созданных сайтов. Контент — исключительно свой копирайт. Посты создавались после того, как что-то происходило — решалась какая-то проблема, находился полезный ресурс и тому подобное. Первоначально планировалось вести записи для себя, чтоб не забыть. Ну и конечно предполагалось, что если кто-то ищет решение вопроса и найдет ответ в моем блоге — всегда пожалуйста.
Да, кстати, сейчас блог все еще на бесплатном хостинге без рекламы. Нагрузка пока не та для полноценного хостинга, да и в 99% доступности всегда и везде в данный момент нет необходимости.
Блоггер довольно практичная платформа, для начала. Удобная статистика, бесплатный и быстрый хостинг. Но наступает момент, когда уже не хватает встроенных функций. Так же хочется чтобы все файлы, в том числе картинки, были на одном домене. Конечно же свой хостинг и платформа дают большую гибкость. Итак, решение принято — переезжаем на WordPress — очень популярную платформу для блога с массой доступных плагинов и надстроек.
Хочу поделиться своим опытом переезда, может кому пригодится. Стоит заметить что способов переноса постов несколько, но я упомяну тот, которым сам воспользовался. К моменту переезда у блога уже был свой домен. О том как сделать этот шаг, смотрите пост о подключении персонального домена к Blogger. Так что в этой инструкции подразумевается, что этот вопрос решен.
Приступим:
Redirect 301 /2011_08_01_archive.html http://www.ваш_домен.ru/2011/08/
Redirect 301 [старая ссылка без домена] [новая ссылка с http и именем домена]
Вот пожалуй и все! Да, кстати, если кто-то зайдет на страницу старого блога — того что был на блоггере без домена — увитит такую страницу:
