Сайтостроение

 Все то, благодаря чему вы сейчас смотрите и то, что видите, скрывает в себе не столь явное и визуально пригодное для восприятия. Ведь за страницами любого сайта в интернете скрыто множеств кода, тегов, описаний... В общем всего того, что делает сайт наглядным не только вам, но и электронным машинам и роботам, которые с ним работают.
 Если вы по долгу своей профессии, а может по увлечению все-таки каким-о образом связаны с процессом создания сайтов, то мы думаем вам будет полезна данная категория. Ведь в ней мы как раз и расскажем о том, как можно сделать визуализацию, оптимизацию, всевозможные улучшения и изменения для сайтов и их страниц...

 Вместе с защитой сайтов совершенствуются и те и то, что пытается эту самую защиту взломать. Так можно сказать о капче для JComments движка Джумла. В свое время эта штатная капча удовлетворяла всем и вся, дабы чувствовать себя вполне защищенным от спама и не беспокоиться о постоянных нападках последнего на вашу почту. Такую защиту можно было бы сравнить с нападками от варваров на богатый город, который ой как им хочется разграбить и раздербанить по камушкам. Ведь спам-боты как и варвары не знают ни чувств жалости, ни меры, ни что более важно, целесообразности своего поведения. А порой, это даже не на благо тому, кто их выпустил на свободу, но разве нам от этого легче!?…

Чтобы большие изображения вписались в окно форума, их конечно же нужно уменьшить. Не каждый продвинутый, а уж тем более обыкновенный пользователь форума умеет самостоятельно уменьшать картинки, поэтому хотелось бы, чтобы при загрузке они уменьшались до нужного размера автоматически. Решением данной задачи и займемся.

Как убрать ссылку копирайт JComments

JComments - бесплатный плагин для joomla, и единственное, чем вы должны отблагодарить его создателей - это оставить в неизменном виде их копирайт - ссылку на оффсайт. Так что статья представлена лишь для самообразования, потому как решение по защите этого самого копирайта у JComments неординарное и в прямом смысле этого слова зашифрованное.

Запрет индексации https версии сайта посредством .htaccess

В один прекрасный день вы заметили, что проиндексированных Яндексом (реже гуглом) страниц вашего сайта стало вдвое больше, чем существующих, причем в индексе помимо http теперь и https версия вашего сайта, которая совершенно не предназначена для пользователей и является копией основного сайта? Это вы вовремя спохватились. Еще немного, и Яндекс может принять https за основную версию сайта, а http сделает зеркалом или просто может начать выбрасывать дубли страниц сайта по http. Сайт станет хуже ранжироваться со всеми вытекающими последствиями. Уже? Ну, это тоже не беда и один из моих сайтов прошел через это.

При создании дизайна сайта или личной странички в сети одной из задач является правильная передача цветов изображений, текста, да и любых элементов web-странички на разных типах мониторов и в разных браузерах. Когда браузер не в состоянии правильным образом отобразить тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов, в итоге пользователь на своем экране может увидеть совсем не те цвета, которые использовал автор. Но есть так называемые «безопасные» цвета, которые одинаково выглядят при просмотре в различных браузерах.

Дабы сайт выглядел привлекательно для глаза пользователя, цвета необходимо подбирать обдуманно. Вы можете воспользоваться приведенной ниже таблицей цветов и подобрать удачные сочетания. В таблице указаны наименования цветов для верстки в HTML-редакторе или для таблиц стилей. Приведенные ниже 216 цветов считаются "безопасными" (browser-safe), то есть одинаково отображаются во всех браузерах.

Очень удобно иметь в поле зрения таблицу со всеми RGB цветами при создании дизайна сайта. В таблице указаны название цвета и его код в RGB и HTML.

Safetynut

Началось все с того, что мой компьютер начинал виснуть через несколько минут после запуска системы: не открывались страницы в браузере, открытые браузры разрывали соединение с интернетом, не открывался диспетчер задач, не запускались никакие программы. При этом папки в проводнике открывались без проблем. В скайпе, если успеть его открыть, соединение с интернетом не пропадало. Система windows 8.

Частенько нужно вставить в текст на сайте какой-либо специальный символ, которого нет на клавиатуре. Как это сделать? Все просто: смотрим по таблице, какой html код соответствует спецсимволу и вставляем его в html страницы. Символьными объектами можно отображать в браузере буквы, математические знаки, знаки денежных единиц и многое другое.

При работе связки nginx+apache, HTTP запросы сначала обрабатываются с помощью nginx, а потом передаются apache. В этом случае HTTP запрос происходит с IP адреса, на котором расположен nginx, а не с IP, с которого на самом деле пришёл запрос. Из-за этого невозможно узнать, с какого IP пришел пользователь, что создаёт некоторые неудобства: в скриптах форумов/блогов/комментариев/гостевых книг/etc IP пользователей указываются как IP сервера, к тому же труднее бороться со спамом из-за невозможности бана спамера по его IP. Для того, чтобы восстановить настоящий IP после обработки запроса nginx'ом, нужен mod_rpaf.

Значки форумов phpbb3

Решение для версии phpbb 3.0.9, в более ранних версиях возможен баг, из-за которого не задать значки тем без исправления кода. Подробности исправления бага мне были не нужны, поэтому здесь их не будет.

Как добавить картинку из первого поста к названию темы phpbb3

Требовалось добавить на форуме фото из первого поста к названию темы. Движок phpBB 3.0.9., шаблон prosilver.

Единственным полуготовым решением на тот момент оказался мод Topic images from attachments v0.2, готовых вообще не нашлось. А полуготовое потому, что требуется "доработать напильником".

Что дает модификация:

Возможность использования изображений тем настраивается для каждого форума
Группам/пользователям можно назначать права на установку изображений тем
В админке можно задать максимальный размер миниатюры для изображения тем (Общие -> Конфигурация -> Размещение сообщений -> Максимальная ширина/высота изображения темы) и отключать этот функционал совсем, установив 0
Стандартная структура работы с миниатюрами не нарушена, миниатюры тем не имеют отношения и обычным миниатюрам изображений
При использовании изображений небольших размеров (меньше максимального для миниатюр тем) само изображение выводится из оригинального файла, следовательно можно использовать небольшое анимированное gif-изображение

Как работает:

Пользователь пишет первый пост в теме, загружает изображение (вложения для работы мода должны быть разрешены), жмет "назначить изображение теме", по заданным в админке размерам генерируется превьюшка, которая пишется в папку с вложениями (iles/) с префиксом topic_image_ .Перед названиями в списке тем появляется загруженное изображение.

Как защитить форум от спама

Рано или поздно перед каждым администратором форума особо остро встает проблема СПАМА. Спам этот разносится по форуму пользователями как вручную, так и автоматически и если распространение первого можно легко остановить силами самих движков форумов, то со вторым немного сложнее. Современные программы для постинга (автоматической рассылки сообщений) по форумам позволяют регистрироваться даже с возможностью активации по электронной почте, спамеру нужно лишь вводить вручную выводимую ему на монитор капчу с разных форумов в том случае, если программе не удалось самой распознать ее. А если ваш форум попал в базу рассылок одной из популярных программ, количество спам регистраций за сутки может достигать пятисот. Приведу некоторые принципы борьбы со спамом и готовое решение (на мой взгляд самое шикарное) для форума SMF.

После установки форума phpBB оказалось, что заголовки конференций и тем у него мягко говоря не оптимизированы. До названия, например, темы идет сначала название сайта, далее текст "Просмотр темы", а уже только после - название темы. Аналогично на страницах с конференциями со словами "Просмотр форума". Так и просится все поменять местами в обратном порядке, а "Просмотр..." вообще убрать. Как? Разбираемся на версии phpBB 3.0.9:

Коды ошибок посылаются WEB-сервером агенту пользователя для определения его дальнейшего поведения. Ответы веб-сервера делятся на диапазоны:

100-199 Информационный. Сообщает агенту что, запрос агента принят и обрабатывается
200-299 Запрос агента обработан успешно, сервер отправил клиенту запрашиваемый документ
300-399 Запрос агента изменен и агенту нужно предпринять некоторые действия для удовлетворения измененного запроса.
400-499 Проблемы при попытке выполнить запрос.
500-599 Ошибки сервера
В диапазоне определены лишь несколько кодов, хотя для сервера при необходимости могут определяться собственные коды. При получении кода, который не может распознать, агент интерпретирует его в соответствии с диапазоном, к которому этот код принадлежит. Коды в диапазонах 100-199, 200-299 и 300-399 большинство Web-броузеров обрабатывают без извещения пользователя, а некоторые коды ошибок из диапазонов 400-499, 500-599 отображаются для пользователя.

Стили можно добавить тремя способами.

Форма выпадающего меню  кодируется следующим образом:

Ошибка 413 Request Entity Too Large появляется в окне браузера при загрузке файлов больше 1 мегабайта. Одна из причин — это дефолтные настройки nginx, а точнее параметра client_max_body_size, который по умолчанию равен 1m.  php.ini тут вовсе не при чем.

Для того, чтобы интегрировать сценарий в html страницу, существует тег: <script> код сценария</script>. Этот тег является контейнером и его можно помещать в любую часть кода html страницы. Обычно его помещают в заглавную часть html страниц, т.е. между тегами <head> </head> . В них вставляем теги <script language=”JavaScript” type=”text/javascript”> </script> , между которыми и помещаем нужный код javascript.

Сам javascript желательно помещать в следующую конструкцию:

<script language=”JavaScript” type=”text/javascript”>
<!--
Сценарий;
//-->
</script>
Тогда все браузеры, которые по каким-то причинам не понимают этот сценарий, будут считать, что это обычный комментарий.

Установка друпал 7

Установка Drupal 7 мало отличается от установки шестой версии. Ставим:

 Часто случалась такая оказия, что на сайте с движком Джумла все вроде бы было хорошо, но вот проходит какое-то время и бац – не приходят комментарии для модерации. Вполне возможно, что такое было после обновления версии Джумлы или отдельных дополнений, не в этом суть. И, конечно, начинался «разбор полетов» где и что.

Проблемы с отправкой почты частенько возникают при переносе сайта с localhost  (локального компьютера) или хостинга на хостинг. Причин этих проблем несколько и скрыты они могут быть как в настройках сервера, так и настройках самой joomla. Отсюда и вариантов решения тоже несколько и на вскидку нельзя сказать, какой подойдет именно вам. Я после установки сайта на хостинг сразу проверяю работоспособность отправки почты.

Бывает так, что что к своему серверу вы даже не притрагивались, а некоторые сайты на нем стали выдавать ошибку 502 Bad Gateway. В чем может быть дело?

Ошибка при обновлении joomla или установке плагинов, модулей

При обновлении >joomla 1.5, 1.6, 1.7, 2.5  или при установке каких-либо модулей или плагинов на нее же установщик может ругаться следующими фразами:

JFolder::files: Путь не указывает на правильную папку или папка была удалена
JFolder::folder: Путь не указывает на правильную папку или папка была удалена
JFolder::files: Путь не указывает на правильную папку или папка была удалена
Ошибка! Не найден XML-файл установки Joomla!

или, как вариант:

JFolder: :files: Путь ведёт не к каталогу. Путь: /***/tmp/install_4f31baa4cf881
JFolder: :folder: Путь ведёт не к каталогу. Путь: ***/tmp/install_4f31baa4cf881
JFolder: :files: Путь ведёт не к каталогу. Путь: ***/tmp/install_4f31baa4cf881
JInstaller: :Install: Не найден установочный XML-файл Joomla

Итог - ничего не устанавливается.

Ссылки, как уже говорилось в статье как сделать ссылку, бывают прямыми (к примеру http: //сайт.ру ) и через редирект (перенаправление), например: http: //сайт.ру/goto/http://yandex.ru/ или http: //сайт.ру/go.php?site=yandex.ru . Если без дополнительных действий прописать такие ссылки, работать должным образом они не будут, и в лучшем случае покажут ошибку 404 (страница не существует). Нужен скрипт, который именно внутри html ищет и заменяет ссылки на редирект. Для разных движков, да практически для всех, существуют плагины, автоматически заменяющие внешние ссылки на редиректные, но смысл их один и заключается примерно в следующем.

Safetynut

Прежде, чем задаваться вопросом, как убрать рекламу в браузере, нужно выяснить характер ее происхождения. А происхождение может быть либо вирусным, и этот вирус или троян у вас на компьютере, либо довольно цивилизованным и установленным на сайт его же владельцем.

Суть в том, что русская локализация движка, и уж тем более дополнительных модулей, не всегда переведена в оригинале корректно, а иногда просто хочется выразиться иначе. Как исправить перевод на рабочем сайте? Следующим образом:

Не секрет, что, используя CMS phpBB, рано или поздно сталкиваешься с проблемой множества проиндексированных поисковиками ссылок различного вида, но ведущих на одну и ту же страницу. В глазах Яндекса и Google это выглядит, как множество копий одной и той же страницы на вашем сайте, а это залог пессимизации в выдаче. Нужно, чтобы на 1 страницу вел только 1 url. Добиться этого можно несколькими способами: либо редактированием robots.txt, либо установкой на форум модификаций. На мой взгляд самая достойная - phpBB SEO Ultimate SEO URL.

Base64 - это специальный метод кодирования информации в 64-разрядный код (6 бит), широко используемый в приложениях электронной почты для кодирования бинарных данных. Весь диапазон закодированных символов укладывается в английский алфавит, цифры и ряд специальных символов. Алгоритм base64 и по сей день применяется там, где нет возможности гарантировать бережного обращения с вашей информацией — например при кодировании вложений электронной почты или паролей пользователей в системе. Еще base64 используют для «вшивания» картинок напрямую в htm. В статье представлен онлайн генератор и декодер функции base64.

Дублируем папку с шаблоном и переименоввываем ее.

По умолчанию, в пагинаторе (пейджер, постраничный навигатор) друпала показывается 9 ссылок на страницы, из-за этого он, бывает, выстраивается в 2 строки, что не очень красиво.

Такая фича как фоновый звук на html странице на сайте нужна довольно редко, но все же, было дело мне понадобилась. Реализуется очень просто.

Как сделать трассировку сайта или IP

Бывают случаи, когда, заходя на хорошо знакомый сайт (ваш собственный, например), браузер выдает ошибку типа "Данные не получены" (Хром), "Соединение закрыто удаленным сервером" (Опера), или сайт этот грузится до неприличия медленно. Первая мысль, конечно, что проблемы у сайта, у сервера, на котором от располагается. Это вполне вероятно, и убедиться или опровергнуть это можно, попытавшись открыть сайт через anonymouse.org: если через него заработал - с сервером, на котором находится сайт все в порядке. Если сайт открывается с другого компьютера или с модема другого провайдера - с ним тоже все в порядке. Так в чем же тогда проблема? Узнать это можно, проведя трассировку маршрута к сайту или IP.

Показать описание термина на views Taxonomy term в друпал 7

При организации нод по категориям с помощью терминов таксономии посредством views пропадают описания терминов, они не выводятся на экран. Чтобы вернуть описания и вывести их в своем законном месте, проделаем нехитрые манипуляции с вьюс. Пошагово:

Программы видеозахвата позволяют снимать видеоролики (скринкаст) с экрана вашего компьютера. А уж что будет в этом видео, видеоурок или прохождение онлайн игры, это вам решать. Ниже представлена десятка абсолютно бесплатных программ, которые могут быть использованы для записи таких видео:

Задача вывода блока похожих материалов в общем-то довольно простая, и решить ее можно разными путями, но все они будут завязаны на терминах таксономии. Соответственно, все ноды к терминам нужно изначально привязать.
Далее, реализовывать вывод блока будем через неподражаемый views. Даже если воспользуемся доп модулями, все равно views необходимо будет включить, да и вообще без него друпал не друпал. Скачиваем с друпал орг www.drupal.org/project/views , устанавливаем, включаем.

Дублируем папку с шаблоном и переименоввываем ее.

Модуль с главным меню в protostar по умолчанию помещается в Position-7 . Он настроен для меню.  Вы увидите это меню в правой колонке страницы. Для изменения меню на горизонтальное необходимо сделать некоторые настройки.

Случилось так, что однажды при редактировании объемной статьи на joomla сервер выдал мне ошибку 500 со следующим уведомлением: Произошла ошибка DB function reports no errors.

1. Включаем плагин Содержимое - Загрузка модуля в Материал

2. Создаем модуль. При создании модуля вписываем выдуманное название позиции, которого нет в нашем шаблоне.

3. Вставляем в статью { loadposition modul } без пробелов между скобками и словами. Между loadposition и modul пробел есть. Вставку делаем в том месте, где хотите вызвать модуль.

modul - название позиции, в которой у вас стоит нужный модуль (то, которое вы выдумали).

Если нужно обтекание модуля текстом, обрамляем фигурные скобки дивами

<div style="float:left;margin:2px;">{ loadposition modul }</div>

Нет ничего плохого в joomla 1.5, в особенности если она с умом доработана, установлены все необходимые плагины и модули. Но  Google все равно делает замечания: "На сайте Joomla нужно обновить ПО. Мы обнаружили, что на Вашем сайте используется Joomla 1.5 – старая версия Joomla. Устаревшее или неисправное ПО может стать причиной взлома или установки вредоносного кода. Поэтому мы рекомендуем Вам обновить ПО." Так что будем обновлять.

Если вы задумались о создании своего сайта, но пока не определились, насколько вам это нужно и сможете ли вы, или же вы просто не намерены тратить деньги на создание и поддержание своего сайта, вам просто необходим бесплатный хостинг. Бесплатный хостинг - это тот, который предоставляет личное пространство и доменное имя 3 уровня под создание сайта абсолютно (или почти) бесплатно. 

На самом деле, не такой уж большой выбор удобных редакторов для сайта на drupal, визуальные сразу отметаю, потому как они нещадно засоряют код, хотя они очень удобны для полных чайников новичков. Мой выбор - bueditor. Легкий редактор для кодеров с возможностью создания своих кнопок (если нужно быстро кое-что дивами обрамить или класс присвоить - это делается в bueditor за 1 клик). Приступаем к установке.

Начнем с того, что скачиваем новую версию drupal 7 (http://drupal.org/project/drupal), распаковываем и читаем UPGRADE.txt. Собственно, там и написано, как обновить Drupal в рамках одной мажорной версии, правда на английском языке. А написано вкратце следущее:

После установки и настройки ПО выделенного сервера или виртуального сервера не обходится без недоработок, результатом которых являются ошибки. Рассмотрим некоторые ошибки, которые могут возникнуть при работе с базами данных MySQL.

Как сделать горизонтальное меню в HTML

Горизонтальное меню сделать достаточно легко, нужно лишь немного воображения и знания html и css.

Для начала попробуем сделать простое горизонтальное меню. Вот пример как оно будет выглядеть: