Новый проект - poli-art.com

Взялся продвигать еще один сайт poli-art.com. Сайт принадлежит компании ПОЛИАРТ, которая занимается производством наружной рекламы в Ярославле, и, кроме того, является собственником нашего единственного скалодрома, так что отказать им было практически невозможно.
Практически полностью переделан контент сайта, который был сделан разработчиком в стиле тяп-ляп маляры, как будто, специально, чтобы сайт никогда не продвинулся в первую сотню поисковых систем :-)
Теперь посмотрим, что из всего этого выйдет. Как будет идти продвижение Вы узнаете в следующих постах.
Продвижение идет по схеме, которая использовалась ранее.
Для начала, регистрируем сайт в Каталоге мамонт
http://www.mmnt.org/cat/rp/poli-art.com
Купил ссылку за 15 рублей в каталоге povezlo.su

Как создать симметричную абстракцию Photoshop

Шаг 1

Создаем новый документ с размерами 1000×1000рх и белым фоном. Это очень важно для данного урока, чтобы документ был с одинаковыми высотой и шириной.

Шаг 2

Затем берем инструмент Gradient Tool, выбираем линейный градиент от черного цвета к белому (вы также можете использовать другие виды градиентов, это не имеет значения) и устанавливаем режим Difference, заливаем наш холст этим градиентом несколько раз.

Шаг 3

Теперь давайте применим трансформационную технику для получения абстрактной формы.  Дублируем этот слой с помощью Ctrl+J, после этого отражаем его по горизонтали, используя Edit > Transform > Flip Horizontal, и меняем режим отображения слоя на Lighten.

Шаг 4

Переходим в меню Layer > Merge Layers (Ctrl+E), чтобы произвести слияние обоих слоев в один. Когда произведено слияние, дублируем слой снова с помощью Ctrl+J. Устанавливаем режим отображения слоя для скопированного слоя на Lighten и отражаем его по вертикали с помощью Edit > Transform > Flip vertical.

Шаг 5

Ещё раз производим слияние обоих слоев в один (Ctrl+E) и дублируем скопированный слой ещё раз. Теперь поворачиваем его на 90 градусов по часовой стрелке с помощью Edit > Transform > Rotate 90 CW, меняем режим отображения слоя на Lighten для скопированного слоя.

Шаг 6

Производим снова слияние обоих слоев в один (Ctrl+E) и дублируем скопированный слой ещё раз. Теперь поворачиваем его на 90 градусов по часовой стрелке с помощью Edit > Transform > Rotate 90 CW, меняем режим отображения слоя на Lighten для скопированного слоя. И наконец, производим слияние обоих слоев в один.

Шаг 7

Я бы хотел добавить цвета абстракции. Выбираем Layer > New Fill Layer > Gradient и затем нажимаем Ok. Используем такие же цвета, как на моей картинке ниже и не забудьте изменить Gradient Style на Radial.

Шаг 8

Меняем режим смешения слоя на Linear Burn для слоя с градиентом.

Окончательное изображение

Выделение активного пункта меню с помощью jQuery

• Подключаем jQuery
• HTML код меню



<nav>
  <ul class="menu">
    <li><a href="/">Главная</a></li>
    <li><a href="/portfolio">Портфолио</a></li>
    <li><a href="/blog">Мой блог</a></li>
    <li><a href="/contacts">Контакты</a></li>
  </ul>
</nav>



• Стиль для выделения активного пункта меню



.menu li.current a{
 color:#F7941E;
 text-decoration:none;
}



• Каждой активной ссылке будем присваиваем класс "current".



<script type="text/javascript">
  $(document).ready(function(){
    var link = window.location.pathname;
    $('.menu li a[href="'+link+'"]').parent().addClass('current');
  });
</script>

Проект ART-NOTES.RU

Медленно, но верно идет продвижение прекрасного творческого проекта ART-NOTES.RU Удалось выйти на 4 место в Яндексе по фразе лучшие стихи Иосифа Бродского
Аналогично буду пытаться продвинуть сайт по фразе лучшие стихи Николая Рубцова
Готов меняться ссылками с сайтами аналогичной тематики.

Wordpress - добавить картинку к the_excerpt

Однажды посетило меня желание чтобы к анонсу постов в wordpress, выводимому с помощью функции the_excerpt добавлялась картинка из этого поста. Чудесный код который отображает картинки из постов wordpress был найден мною на wphelp.ru Сохраняю его себе, как особо ценный.

function cim_the_thumb($size="thumbnail"){
    global $post;
    preg_match('/<img(.*?)src=["'."']".'(.*?)["'."']".'(.*?)\/\>/i', $post->post_content, $matches);  //get all the images
 
    if (!$matches)  //if no images
        return null;
 
    ereg('wp-image-([0-9]+)',$matches[0],$regs);  //find the string "wp-image-nnn" in the image, where nnn is the image id
 
    if (!$regs){
        echo "<!-- there was an error getting an image for this post -->\n";
        return null;
    }
    if (is_numeric($regs[1])){  //check to make sure the ID we got is numeric (it should be!)
 
        //add classes specifically for the CIM sites
        if ($size =="medium"){
            $imgClass="img-holder";
        } elseif ($size == "thumbnail"){
            $imgClass = "smallthumb";
        }
        $image = wp_get_attachment_image_src($regs[1], $size, false);  //get image sizes
        if ( $image ) {
            list($src, $width, $height) = $image;
            echo '<a href="'.get_permalink($post->ID).'" title="'.get_the_title($post->ID).'">';
            echo '<img src="'.attribute_escape($src).'" class="'.$imgClass.' attachment-'.attribute_escape($size).'" alt="'.single_cat_title("", false).'" />';
            echo "</a>\n";
        }
    } else {
        echo "<!-- there was an error getting an image for this post -->\n";
        return null;
    }
    
}

Чтобы добавить картинку среднего размера в цикле The Loop, вызываем функцию <?php if ( function_exists( 'cim_the_thumb' ) ) { cim_the_thumb('medium'); } ?> В моем случае, нужно было добавить картинку миниатюру <div class="postimg"> <?php if ( function_exists( 'cim_the_thumb' ) ) { cim_the_thumb('thumbnail'); } ?> </div> В стили добавляем .postimg {float:left;margin-right:10px;}

полученные результат добавления картинки в комбинации с the_excerpt можно видеть на скришоте ниже  

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

Новый проект - личный блог о ментальном и физическом здоровье и поиске пути.
DRCROC.RU
Здоровое питание, гимнастика, походы, восхождения в горах.

Photoshop: как нарисовать прямоугольник без заливки

Нарисовать прямоугольник без заливки в Photoshop можно следующим образом.
1. Выделение (rectangular marque tool)
2. Меню Edit - Stroke
3. Задаешь толщину и цвет