Этот пост будет как маленькая шпаргалка по jQ. Тут будут опубликованы jquery функции. Просто как справочник. Ну а также свойства и все такое. Все, что может пригодиться вам, пока вы будете использовать библиотеку jquery.

All Selector ('*')
Выбирает все элементы

Class Selector ('.class')
Находит все элементы по заданному имени класса

Element Selector ('element')
Находит все элементы по заданному имени тега

ID Selector ('#ID')
Находит все элементы по заданному ID

Multiple Selector ('selector1, selectorN')
Находит скомбинированные результаты по заданным селекторам
Далее добавлю еще.

Twitter заговорил по русски!

Приветствую своих читателей. В прошлый раз я писал пост с такой темой, Как повысить безопасность wordpress?. Там речь шла о том, чтобы сменить префикс у таблиц.

Все уроки, которые я тут пишу, я сам лично проверяю на своих сайтах. Начнем.

Не используйте аккаунт admin

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

Работаем так:

• Создайте нового пользователя. Постарайтесь выбрать уникальный логин, чтобы нелегко было догадаться.
• Не забудьте дать ему права администратора:
  
• Выйдите из текущего admin аккаунта. Зайдите под новым.
• Удалите admin аккаунт.Но не забудьте!связать старые записи и ссылки с новым аккаунтом:

Уникальные ключи для аутентификации.

В самом файле wp-config.php (лично у меня) находятся подобные рекомендации. Поэтому стоит их выполнить, перейдите по этой ссылке, там получите уникальные значения и замените их в файле конфигурации.

Установка специальных плагинов

Есть также плагины для таких целей. Я их лично не тестировал, просто подборка:

• WP Security Scan - Сканирует вашу wordpress установку на предмет уязвимостей.
• Exploit Scanner - сканирует все на предмет подозрительных файлов, включая плагины, для поиска в списке их файлов необычные названия. Ничего не удаляет, дает возможность пользователю сделать это.
• WordPress File Monitor - мониторит файлы на предмет изменений, и если что отсылает вам уведомление по почте.
• Login LockDown - если кто-то слишком много раз вводил неверные данные для входа в админ-панель, плагин блокирует ему доступ.

На этом все. Можете дополнить в комментариях -).

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

Что понадобится для начала?

Постройте списки, к примеру, вот так:

1
2
3
4
5
6
7
8
9
10
11

<ul class="thumb">
	<li><a href="#"><img src="/examples/images/thumb100.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb200.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb300.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb400.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb500.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb600.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb700.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb800.jpg" alt="" /></a></li>
	<li><a href="#"><img src="/examples/images/thumb900.jpg" alt="" /></a></li>
</ul>

Оформите это с помощью CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:none;
	border-style: none; /* Get rid of border on hover */
}

Заставим это работать с jQuery

jQuery еще надо подключить, поэтому если не знаете, что да как, то можете ознакомиться с первой частью jQuery для начинающих.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Поставь картинку выше остальных*/ 
	$(this).find('img').addClass("hover").stop() /* Добавить класс "hover"*/
		.animate({
			marginTop: '-110px', /* Добавь отступ сверху -110[x */ 
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '174px', /* Установить новую ширину*/
			height: '174px', /* Установить новую высоту */
			padding: '20px'
		}, 200); /* Это значение скорость анимации */
 
	} , function() { /*После ухода курсора с картинки*/
	$(this).css({'z-index' : '0'}); /* Вернуть значение z-index на место */
	$(this).find('img').removeClass("hover").stop()  /* Убрать класс ховер */
		.animate({
			marginTop: '0', /* Вернуть отступы на место */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '100px', /* Установить ширину по умолчанию назад */
			height: '100px', /* Установить ширину по умолчанию назад */
			padding: '5px'
		}, 400);
});

Собственно говоря, если вам интересно, что именно этот код делает так, то вкратце так:
К ячейке li класса thumb при наведении добавляется отступ z-index, потом там же в этой же ячейке ищется тег img и к нему добавляется класс .hover (смотрите часть с css).

Затем используется функция animate. Добавляется новая ширина и высота, новые отступы и т.д.

Данный скрипт и css, разумеется, можно редактировать под себя. Потому, если есть вопросы, можете задавать их в комментариях.

До вчерашнего дня (24 апреля 2011) хостился у beget.ru. Вообще по отзывам, это вроде как классный хостинг. Но все же в совокупности некоторых причин, я решил уйти оттуда.

Плюсы

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

Минусы

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

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

Дальше где-то около часа сайты были недоступны в один день, или временами доступны но плохо грузились. Было объяснено как ddos-атака. После этой атаки, у меня пропали все рубрики, попросил сделать бэкап.

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

Новый хостер

На данный момент, я расположился у хостера domishko. Цены несколько дорогие, но отзывов действительно много. Причем хороших больше чем плохих. Рассматривал еще вариант reg.ru, но кроме плохих отзывов о нем ничего не нашел.
Далее »

Приветствую своих читателей, сегодняшний пост будет на тему Jquery. jQ не единственная библиотека Javascript, но одна из самых популярных.

Этот будет цикл постов на эту тему. Что-то вроде jquery для начинающих. Один пост у меня уже был посвящен на эту тему, там вы можете немного ознакомиться с jQ - Эффекты jQuery.

Для начала

Как самый первый шаг для работы с этой библиотекой (подчеркиваю библиотекой, это не какой-то отдельный язык, все тот же javascript), нужно будет скачать jquery.
Далее на самом официальном сайте jquery.com можете смотреть свежие версии библиотеки.
Далее »