Плагин SI Captcha

Защита достаточно банальна – просит ввести в форму символы с картинки. Имеется функция прослушивания символов с картинки, активируется в настройках плагина (админка блога). Есть несколько уровней трудности капчи: легкий, средний, высокий. Так выглядят картинки в зависимости от уровня трудности


Достаточно много настроек. Все их вы найдете в настройках.
Качать плагин здесь.

Плагин CheckBot

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

Чтобы перевести описание, зайдите в настройки сайта (админка – Параметры – CheckBot) и выберите Русский язык. Если хотите изменить задание: вместо человека поставить кружок, то в выпадающем меню Набор картинок измените Default на Circles. Так же можно убрать ссылку на автора плагина, параметр Метод вывода копирайта.
Качать плагин здесь, а скайп скачать можно на сайте halyavka.com.

Плагин WP-NOTCAPTCHA

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

Теперь немного о настройках. Данную форму можно использовать и для защиты при регистрации. Это можно задать в настройках (админка – Плагины – Настройки Not-Captcha). Чтобы повысить трудность, поставьте галочку Добавить искажения в картинке.
О проблемах. В настройках, сам разработчик сообщает, что плагин выводит картинки после кнопки Отправить. Для решения проблемы он (разработчик) предлагает зайти comments.php, найти тег

 <?php do_action('comment_form', $post--->ID); ?>

и переместить его до блока textarea.
Качать плагин здесь.

Итак, зачем же я его установил? Согласитесь, когда читаешь статью и нужно просмотреть картинку, вы нажимаете на нее, полная картинка открывает в новом окне, это очень не удобно. Потом придется возвращаться назад, искать то место, на котором вы остановились читать. Данный плагин открывает полную картинку на этой же странице и делает это очень красиво. Как все это происходит, вы можете увидеть, например, в статье перелинковка на WordPress. Просто кликните по картинке. Давайте теперь осуществим это. Но, немного отвлечемся и вникнем в пример сео текста. Оптимизация текста — неотъемлемая часть продвижения. Так что читайте, обучайтесь.

Установка

Качаем плагин отсюда. Устанавливаем и активируем.

Настройка

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

Настройки доступны в меню Внешний вид – Lightbox Plus. Буквально все настройки я рассматривать не буду, ибо долго, да и не нужны большинство.

Lightbox Plus General Settings

Lightbox Plus Style: — выбираем цветовую схему. Ваш вкус плюс сочетания с дизайном вашего блога.

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

Дальнейшие настройки: Primary Lightbox – Base Settings

Transition Type – тип перехода от оной картинке к другой. Есть 3 типа: плавный (elastic), пропадание картинки (fade) и без перехода (none). Чтобы определиться, какой выбрать, попробуйте каждый из них.

Resize Speed – скорость перехода картинок. Опять же, ваш выбор. Измеряется в миллисекундах. У меня остались дефолтные настройки (350 мсек)
Далее проматываем к крайним настройкам, которые видите на картинке

Overlay Opacity – прозрачность фона за картинкой или, простыми словами, как хорошо будет видно все, находится за картинкой.

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

Привет друзья! В данной статье я расскажу вам про новое свойство css, при помощи которого можно изменять цвет выделения текста. По-сути, свойство не особо нужное, но смотрится красиво. В самом конце статьи выкладываю пример. Можете посмотреть, как все будет выглядеть.

Немного слов о свойстве. Как говорил выше, свойство новое, и относится к 3 версии css.  Кстати, я уже писал про еще одно свойство css3 — градиент css. Не все браузеры смогут с ним корректно работать или вообще работать. Но уж я не знаю, насколько древний должен быть браузер, чтобы он не поддерживал css3. Хотя, как показывает статистика и моего блога, и многих других, есть такие персонажи, которые с настырным упорством не хотят обновляться. Ну и да ладно.

Итак, приступим к реализации. Первым делом найдем файл style.css. Находится он папке вашего шаблона. Открываем и смотрим, какой код нужно вставить в файл.

 ::selection {
background: # 00b72f;
}
::-moz-selection {
background: # 00b72f;
}

Можете сохранить и посмотреть результат. Кстати, обязательно вставляем эти два свойства. Префикт –moz- — для отображения в мозилле.
В принципе, все готово. Но мы рассмотрим еще несколько дополнений. Например, изменим цвет шрифта при выделении. Нужно к вышеуказанным свойствам добавить color. Пусть цвет будет красный, тогда добавляем color:red; так

 ::selection {
background: # 00b72f;
color:red;
}
::-moz-selection {
background: # 00b72f;
color:red;
}

Смотрим, радуемся.

Идем далее. Изменим цвет выделения для заголовка h2 с классом orange. Пишем

 h2.orange::selection {
background: # f29e1a;
color:# 0012ff;
}
h2.orange::-moz-selection {
background: # f29e1a;
color:# 0012ff;
}

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

Пример

Магазин готовых бизнес планов — http://www.bi-plan.ru. Вопросы: Как создать бизнес? Что самое важное в бизнесе? сразу отпадут.

Установка

Качаем плагин, пройдя по ссылке — Yet Another Related Posts. Устанавливаем его к себе на блог и активируем и пробуем пройти тест на креативность.

Настройка

Данный плагин я установил и к себе на блог. Поэтому настройку рассмотрим на примере моего блога. По сути, плагин очень схож с плагином Related Post, который выводит после каждой статьи похожие статьи. У него, кстати, тоже есть данная функция. О ней позже.

После процесса установки и активации идем в настройки плагина (Параметры – Связанные посты (YARPP)). Плагин полностью русифицирован, поэтому все настройки вы поймете сами. Я же расскажу, как делать с помощью Yet Another Related Posts перелинкову.

Идем в редактирование записи. Здесь у нас появилось новое окно, которое называется Связанные посты.

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

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

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

Теперь о похожих записях.

Вернемся опять в настройки. Самая первая функция Автоматически показывать связанные посты? должна быть активирована. Теперь редактируем заголовок: До / после связанных постов.
На этом все. Вот, так вот, с помощью одного плагина, мы облегчили процедуру перелинковки сайта и добавили блок Похожие записи на свой блог.

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

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

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

На странице можно также размещать ссылки по заданной теме, пользователь может заинтересоваться ими. Не используйте в тексте такие ссылки, как «Жми сюда» или «Здесь». Лучше вставить ключевое слово, которое поможет перейти на другую статью. Также можно в статье привести ссылки на другие темы, это также часто интересует пользователей.

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

Установка

Заходим на сайт wordpress.org и скачиваем последнюю версию плагина. Устанавливаем его на блог, активируем и идем в настройку.

Настройка

После установки, в разделе Настройки (админка сайта) появится новый пункт WP- NoExternalLinks.
В принципе, все настройки сугубо по вашему усмотрению. Да и плагин на русском языке, поэтому что-то комментировать будет излишне. Кстати, промотав в конец страницы, в настройках, можете увидеть очень интересные функции, например: Полностью удалить ссылки из постов. Кому-то было нужно… Превратить все ссылки в текст. Опция для извращенцев.

Можете проиграться с ними.
У меня все. Теперь на вашем не будет лишних внешних ссылок. А если наоборот, хотите сделать блог dofollow, то читайте мою статью.

Популярные и актуальные новости в мире технологий

Настройка

Класс div постового – добавьте имя класса, для которого в style.css вы будете прописывать свойства оформления.
Положение постового в записе – где будет располагаться постовой на странице. Выберите нужное.
Выводить постовой на главную – показывать ли постовой на главной странице. Уберите галочку, если не хотите видеть постовые на главной странице сайта.
Высота поля редактирования – высота поля, которое будет отображать при добавлении нового поста и постового. Какая высота – не принципиально.
Язык плагина – no comments.

Теперь давайте оформим постовой. Для начала все-таки добавьте класс div в настройки и сохраните их. Теперь идем style.css вашего шаблона.
Допустим, мы задали класс link_post.
Пишем

 .link_post{
font-size:11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#FFFFFF;
border:1px solid #000000;
width:600px;
margin:5px;
padding:3px;
}

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

Съемка портрета со скидкой от 50% на сайте скидок — Купонатор.

<a href=""></a>

Адресом этой ссылки будет следующий код

 https://plusone.google.com/_/+1/confirm?hl=ru&url=_URL_&title=_TITLE_

3. Готово. Сохраняйте и смотрите результат. Кстати, к тегу a можно добавить

rel="nofollow"

Вот такой короткий, но познавательный получился пост.

Собираетесь посетить Киев? Для начала позаботьтесь о том, где будете проживать. аренда квартир в Киеве — реальное решение.

1. Первым шагом к осуществлению данного эффекта будет подключение библиотеки jQuery. Скачать вы ее можете отсюда Создаем в корне сайта папку js и кидаем в нее этот файл. Далее открываем файл header.php вашего шаблона (для WordPress) и между тегами

<head></head>

прописываем следующее

 <script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/fadeLinks.js"></script>

2. Создаем файл fadeLinks.js, который будет отвечать за изменение цвета ссылок. Содержимое файла будет таким

 this.fadeLinks = function() {	

	var selector = "a"; //modify this line to set the selectors
	var speed = "normal" // adjust the fading speed ("slow", "normal", "fast")

	var bgcolor = "#fff"; 	// unfortunately we have to set bg color because of that freakin' IE *!$%#!!?!?%$!
							//please use the same background color in your links as it is in your document. 

	$(selector).each(function(){
		$(this).css("position","relative");
		var html = $(this).html();
		$(this).html("<span class=\"one\">"+ html +"</span>");
		$(this).append("<span class=\"two\">"+ html +"</span>");
		if($.browser.msie){
			$("span.one",$(this)).css("background",bgcolor);
			$("span.two",$(this)).css("background",bgcolor);
		$("span.one",$(this)).css("opacity",1);
		};
		$("span.two",$(this)).css("opacity",0);
		$("span.two",$(this)).css("position","absolute");
		$("span.two",$(this)).css("top","0");
		$("span.two",$(this)).css("left","0");
		$(this).hover(
			function(){
				$("span.one",this).fadeTo(speed, 0);
				$("span.two",this).fadeTo(speed, 1);
			},
			function(){
				$("span.one",this).fadeTo(speed, 1);
				$("span.two",this).fadeTo(speed, 0);
			}
		)
	});
};

$(document).ready(function(){
	fadeLinks();
}); 

Закидываем данный файл в созданную ранее папку js.
3. Задаем стили для ссылок

 a{
   color:# #F00;
   text-decoration:none;
   font-weight:bold;
}
   a span.two{
   color:#00F;

}

Так как вы используете уже готовый шаблон для сайта, то обязательно для ссылок у вас будет прописано оформление, а значит вам нужно его подредактировать и добавить новый класс a span.two. Редактируете и добавляете все в файле style.css вашей темы.
Сохраняйте и можно смотреть результат.

Источник: jQueryList.ru

Учеба не удалась? Единственный выход -трудовые дипломы. Диплом — визитная карточка специалиста.

Первым делом определитесь, какие кнопки вы будете ставить. Для этой статьи я выбрал стандартный набор: Вконтакте, Facebook, Твиттер, Google Plus.
Выбор сделан! Теперь идем по-порядку.
1. Создаем общий контейнер для всех кнопок. В дальнейшем пропишем для него высоту.

Выбирайте все кнопки одинаковые в высоту. Это и смотрится красиво и их легче в один ряд расположить.

 <div class="social_button">Здесь мы будем помещать коды кнопок </div>

2. Добавим внутри контейнера слои для каждой кнопки. Если их 4, добавляйте четыре слоя, если кнопок 5, то, соответственно, и слоев должно быть пять. Получится так

 <div class="social_button">
<div class="twitter"></div>
<div class="vk"></div>
<div class="facebook"></div>
<div class="googleplus"></div>
</div>

3. Вставляем между дивами коды кнопок. Где взять коды я писал в статье панель с кнопками Google+, Вконтакте и Twitter.

 <div class="social_button">
<div class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-via="sesc_sanek" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
<div class="vk"><script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script></div>
<div class="facebook"><div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div></div>
<div class="googleplus"><g:plusone size="medium"></g:plusone></div>
</div>

Все тонкости установок данных кнопок, я надеюсь, вы знаете.
4. Добавляем стили к кнопкам. В style.css прописываем такие свойства:

.twitter{
float: left;
}
.vk{
float: left;
}
.facebook{
float: left;
}
.googleplus{
float: left;
}

Здесь мы добавили каждой кнопке обтекание слева. Другими словами, каждая кнопка будет располагаться по порядку в одну строку со всеми.
5. Немного стилей для контейнера. В style.css добавьте строки

.social_button{
height:35px;
padding:15px;
margin:15px;
}

и добавьте к ней дополнительные свойства для красоты. Например, можно поставить рамку (border) или фон контейнера (background).
Проделав все шаги правильно, ваши кнопки выстроятся в горизонтальный ряд.

Керамическая фабрика Gres de Aragon предлагает большой выбор красивых решений для вашего дома и дачи.