Jquery Функции

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

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

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

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

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

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

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

Как увеличить безопасность wordpress за 10 минут?

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

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

Wordpress-Security

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

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

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

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

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

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

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

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

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

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

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

Как красиво показывать миниатюры с jQuery?

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

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

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

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

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 для начинающих

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

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

jquery logo

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

Для начала

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