6 бесплатных Wordpress-шаблонов (PSD/(X)HTML) |
В этой подборке представлены 6 впечатляющих бесплатных шаблонов. Темы могут быть использованы и отредактированы без каких-либо ограничений. Не стесняйтесь изменять шаблоны для частных или коммерческих проектов - шаблоны являются абсолютно бесплатными для использования.
Этот шаблон Wordpress имеет термоядерный дизайн. В нем прекрасно сочетаются ретро и современные тенденции дизайна. Это магия 70-х годов с использованием современного вида. В дизайне использовано много зелени в разных оттенках.
|
Этот шаблон представляет из себя искусство граффити. Здесь вы увидите заголовок раздела в стене, как фон. Использованы яркие оттенки зеленого, что придает шаблону определенную свежесть. Для колонтитула использовались более темные цвета чтобы сделать его заметней.
|
В этом шаблоне Wordpress использованы изображения шахмат, мощных и таинственных.
|
Природа всегда очаровывала своими привлекательными и яркими цветами. Естественный цвет фруктов и овощей, основные цвета этого шаблона. В теме использованы помидоры и киви, что дает ему естественный вид.
|
Этот шаблон названием Dusky Template является иллюстрацией того, что происходит в сумерках. Это время, когда небо показывает разные оттенки цвета в мирной и спокойной обстановке. В шаблоне использованны легкие оттенки синего, зеленого и желтого и фотографии птиц и неба.
|
Этот шаблон, под названием Solitude Template описывает одинокую реальность жизни. Одиночество часто рассматривается как благословение, как время, когда мы думаем.
|
|
|
Акварель в дизайне для вдохновения |
В этой подборке представлены некоторые работы, выполненные акварелью, которые наполнят вас идеями в собственном творчестве. В посте 35 работ, которые используют эффект акварель. Некоторые из них являются реальными акварельными рисунками, а другие сделаны в Photoshop кистями.
|
|
Работы Leonardo Dentico |
Leonardo Dentico является уникальным художником, с сильной страстью к своей работе. В своих работах он показывает свой неповторимый набор навыков. Leonardo Dentico, более известный под ником leox912 в Интернете, родом из Рима, Италия. Сейчас ему 17 лет. Начал работать в графическом дизайне на некоторых итальянских форумах, создавая аватары и подписи. После этого, он начал продвигать свои работы на некоторых международных сайтах, где все говорили, что автор оригинал, но с бедными техническими навыками. Поэтому, Leonardo Dentico решил узнать все функции Photoshop и старался, чтобы каждая последующая работа была лучше предыдущей. Сейчас он учится в SlashTHREE и его творения поражают.
|
|
40 бесплатных бейджев, иконок и кнопок Twitter |
Это бесплатный набор уникальной Twitter графики. Просто используйте различные бейджи, иконки, значки и кнопки на своих проектах. Действительно нет предела тому, что вы можете сделать с этой блестящей коллекцией от .
Набор включает в себя 40 файлов в прозрачном PNG формате. Кнопки и т.д. вместе с исходниками, так что вы можете редактировать и менять их размер по мере необходимости. Также в набор включили много вариантов размера. Комплект скачивается в виде файла ZIP.
| 5.5 MB | .ZIP
|
|
30 художественных и творческих резюме |
В эти жесткие экономические времена, многие дизайнеры находят себе применение для работы внештатно на регулярной основе. Итак, как можно выделяться среди остальных и захватить внимание дизайн агентств, когда они, как правило, обстреляны с сотнями приложений? Лучший способ сделать это состоит в дизайне вашего резюме. Если предположить, что у вас есть навыки, которые они ищут, яркое и визуально привлекательное резюме будет иметь большое значение при поручении вам творческой работы. В этой статье взглянем на 30 творческих резюме, которые могут вдохновить вас думать более масштабно и креативно.
|
|
15 полезных Twitter хаков и плагинов для WordPress |
С момента своего запуска в 2006 году, Twitter вырос, создав то, что большинство людей называют социальной медиа революцией. Своими короткими сообщениями он является прекрасным маркетинговым и продвиженческим инструментом. В этой статье составлен список из 15 наиболее полезных Twitter плагинов, хаков и советов для WordPress, чтобы помочь вам получить максимальную отдачу от Twitter в вашем блоге WordPress.
WordPress плагины хороши, но если у вас установлено 50 различных плагинов на блоге, очевидно, что загрузка идет гораздо дольше. Сначала заглянем вглубь WordPress и посмотрим, какие хаки можно сделать для того, чтобы расширить блог. Во второй части этой статьи, будут представлены несколько полезных Twitter плагинjd для WordPress.
Автоматически создавать TinyUrls для вашего блога
Из-за ограничений на число символов в Twitter, вы должны использовать короткие ссылки. Вот как можно автоматизировать выполнение этой задачи на блоге WordPress. Откройте файл functions.php и вставьте следующий код:
function getTinyUrl($url) {
$tinyurl = file_get_contents( http://tinyurl.com/api-create.php?url= .$url);
return $tinyurl;
}
После того, как сделаете, вставьте этот код в файл single.php:
Показать последние Twitter записи без подключаемых модулей
Выводя последние tweets на вашем WordPress блоге, вы получаете хороший способ получить новых подписчиков. Есть много плагинов, которые сделают это. Но такаю простую задачу легче выполнить, взломав WordPress. Это готовый к использованию код может быть вставлен в любой месте вашей темы. Только не забудьте изменить необходимые значения.
Показать последние Twitter записи в виде картинок
Из-за успеха Twitter, третьи стороны начали предоставлять дополнительные услуги для него. TwitSig является одной из них. Этот веб-сайт позволяет получить автоматическое обновление изображения, которое отображает последние записи Twitter. Хотя использование этого изображения в качестве подписи на форумах, было бы достаточно.
1. Перейти к . Вам не нужно регистрироваться: Очень приятно!
2. Просто введите ваше имя пользователя Twitter в текстовое поле.
3. И Twitter изображение готово. Изображение будет автоматически обновляться при обновлении Twitter статуса.
4. Вставьте следующий код в тему.
Создать “Tweet this” кнопку
Twitter, безусловно, отличный способ взаимодействия на веб-сайте. Вот почему стоит создать кнопку “Tweet this”.
1. Откройте файл single.php в вашей теме.
2. Вставьте следующий код, где вы хотели бы разместить Twitter кнопку:
title= Click to send this page to Twitter! target= _blank >
Определить посетителя из Twitter
Чтобы сделать это, откройте файл single.php и вставьте эти строки, где бы вы хотели бы разместить сообщение Добро пожаловать Twitter пользователь .
Этот код будет обнаруживать читателей из Twitter и отображать сообщение только для них.
Создать Twitter страницу вашего блога WordPress
Другой хороший способ представить читателям ваши Twitter обновления - создать специальную страницу для отображения ваших tweets. Для выполнения этого хака, вам необходимо знать, как создавать и использовать шаблоны страниц. Вот код для создания:
Этот код использует wp_rss () функцию из WordPress, которая представляет собой RSS Reader.
Использование Twitter аватар в комментариях без плагинов
Следуйте этим простым инструкциям по использованию Twitter аватар в вашем блоге:
1. Во-первых, скачайте файл.
2. После того, как вы распакуете архив и откроете файл twittar.php, выделите все его содержимое и вставьте его в файл functions.php в вашей теме.
3. Теперь откройте файл comments.php. Затем, просто вставьте следующую строку, где вы хотите отображать Twitter аватары:
Плагин автоматически посылает обновление статуса Twitter, когда вы создаете или изменяете сообщения. Текст можно настроить.
Этот подключаемый модуль облегчает читателям добавление постов в Twitter. Когда пользователь нажимает на кнопку, ссылка с вашего блога автоматически отправляется в Twitter.
Twit it up это простой AJAX-Powered WordPress плагин, позволяет читателям отправить одно из ваших сообщений прямо с вашего блога в Twitter.
Twit-Twoo является очень полезным для блоггеров, так как он позволяет сообщать друзьям прямо с вашего WordPress Dashboard. Особенно пригодится, если вы проводите много времени в WordPress Dashboard!
Twitter Tools является одним из самых популярных Twitter плагинов для WordPress. Он полностью интегрирует Twitter в вашем блоге WordPress, что позволяет архивировать ваши tweets и многое другое.
Этот подключаемый модуль интегрирует Twitter аватары в комментарии вашего блога WordPress.
Очень полезный плагин для Wordpress.
|
|
Стиль Vintage - все необходимое для вдохновения |
Как свидетельствуют последние тенденции в дизайне, стиль Vintage по прежнему является востребованным. Что важно знать о том, как создать атмосферу Vintage. Иногда вам нужно сосредоточиться на определенных периодах (например, 1930, 1950 или другие). В данной статье представлены основные элементы Vintage-дизайна, а также материалы, которые смогут вдохновить вас на создание своих работ.
|
|
36 умных и креативных логотипов |
Чем лучше логотип, тем больше вероятность, что ваши клиенты будут помнить вас и вернутся к вам. Дизайнеры должны уметь разрабатывать красивые, уникальные логотипы. И, иногда, результаты их напряженной работы выглядят впечатляюще. Посмотрите на 36 умных и творческих логотипов, которые придадут вам вдохновения.
1. Food Writers
2. Pencil
3. Moo Sleep
4. ED’s Electric
5. Mouse Universe
6. Horror Films
7. Foot
8. Shelter
9. One Construction
10. Eight
11. E.C. Engineering
12. Message
13. Mavericks Trousers
14. Look
15. Negative Reality
16. Wine Searcher
17. Wine Kingdom
18. Twins
19. 5 Locks
20. Time Watch
21. City Direct
22. SYNC
23. Burnett Electrical
24. Diane Ingarten
25. Bird Love
26. Veriation Music
27. Shift Creative
28. Peter Ryan
29. CentarR
30. Eight
31. Logotype Against Nazism and Racism
32. Business Secret
33. FlipSide
34. Elefont
35. Web Ankor
36. Eighteen
|
|
Бесплатные текстуры - Grunge-музыка |
Отличные текстуры в стиле Grunge. Песня, ноты которой написаны в текстурах - Claude Debussy’s “La Mer”. Автор - Caleb Kimbrough, который ведет свой о текстурах.
Скачать текстуры можно .
|
|
50 отличных круглых логотипов |
Логотип - это графическое обозначение, используемое в дизайне и, передающее идею, концепцию и образ. Формы для этих графических символов используются абсолютно разные, но одна из популярнейших - окружность. Круглые логотипы были когдато наиболее популярной тенденцией в области дизайна логотипов. В этой статье представлены 50 отличных круглых логотипов.
|
|
17 фотоманипуляций с людьми в Photoshop |
Если вы пользуетесь фотошопом, вы, вероятно, создавали фотоманипуляции, которые как раз и являются тем, для чего предназначен Photoshop. За прошедший год было создано огромное количество таких фотоманипуляций. Они появляются выходит каждый день. Основными отличиями большинства этих конструкций является единый элемент в центре и множество красивых дизайнерских элементов вокруг. Это, пожалуй, самые популярная тенденция фотоманипуляций сейчас.
|
|
Мастер векторной графики - Jared Nickerson, ака J3Concepts |
Знакомьтесь внештатный иллюстратор из Сиэтла, штат Вашингтон. Многие слышали о нем и, возможно, видели его блестящие векторные работы, которые являются постоянным источником вдохновения. В этой статье представлены самый ентересные его произведения.
|
|
Twitter аватары в комментариях - Wordpress плагин |
За последние месяцы Twitter стал чрезвычайно популярен в Интернете. Блоги, интернет-журналы и компании используют его для общения со своей аудиторией и клиентами. Twitter определенно изменил способ общения владельцев сайтов со своими посетителями, а мы, дизайнеры, должны знать, как использовать соответствующие инструменты для удовлетворения ожидания наших клиентов. К сожалению, есть не так много плагинов и расширений для Twitter. В этой статье представлен отличный плагин для вставки аватар из Twitter в свой блог на WordPress.
Особенности плагина:
* Загрузка аватара пользователя при совпадении адреса электронной почты.
* Если пользователь не имеет аккаунта Twitter пытается загрузить пользовательский gravatar. Если пользователь не имеет gravatar, загружается изображение по умолчанию.
* Вы можете установить 2-пиксельную границу изображения (можно выбрать цвет).
* Вы можете выбрать размер: 24, 48 или 72 пикселей.
* Вы можете настроить изображение по умолчанию.
* Позволяет добавить стиль для изображения.
Инструкции по установке:
1. Скопируйте twitter папку вашего плагина в папку wp_root/wp-content/plugins.
2. Войдите в панель администратора WordPress и включите этот плагин (кнопка Плагины и затем Activate рядом с названием плагина).
3. Теперь вам нужно будет изменить шаблон в comments.php для отображения аватаров пользователей.
3.1. Нажмите Вид , затем редактор в вашем WordPress.
3.2. Выбрите comments.php или comment.php или PHP файл, который управляет комментариями пользователей.
3.3. Найдите строки, где шаблон управляет комментариями и добавьте следующие строки, где вы хотите показывать пользователю аватар:
Примечание: Возможно, потребуется изменить шаблон. Если шаблон уже поддерживает gravatars в комментариях, вам необходимо удалить gravatar тег и добавить twittar. Может быть, потребуется внести некоторые коррективы, с тем чтобы показать аватара правильно.
Вы должны изменить значение внутри twittar();. Вот как:
size
Размер аватара (в пикселях). Просто вставьте цифру (например, 45), без пикселей . Это размер для ширины и высоты.
placeholderimg
Ссылка на аватар, который вы хотите использовать, если пользователь не имеет ни Twitter аккаунта, ни gravatar. Должно быть внутри кавычек ( ").
border
Цвет для 2px границы. Вставьте шестнадцатеричное значение кода цвета (например, #FFFFFF с кавычками).
class
CSS класс, который вы хотите использовать для аватар.
usegravatar
Просто вставьте 1, если вы хотите использовать gravatars, и 0, если нет.
rating
Параметр только для gravatars.
Пример конфигурации:
Рекомендуемый размер изображения: 24, 48 или 72 пикселей.
4. Сохраните файл и наслаждайтесь Twitter аватарами.
|
|
Презентация с использованием мыши во Flash |
Этот урок расскажет, как шаг за шагом создать модную презентацию, используя мышь и action script. Вы можете использовать эту презентацию для любого flash-баннер или для некоторых adobe flash анимаций. В этом уроке, вы также узнаете, как конвертировать любое изображение в Movie Clip Symbol, как оживить его, создать невидимую кнопку и многое многое другое! Вот конечный результат:
Переместите курсор мыши на картинку, чтобы увидеть презентацию!
Во-первых, загрузите изображения для этого урока!
Создать новый документ Flash. Нажмите Ctrl + J на клавиатуре (Свойства документа) и установите ширину вашего документа на 410 пикселей и высоту в 256 пикселей. Выберите белый цвет в качестве фона. Установите своей Flashпрезентации 30 кадров в секунду и нажмите кнопку ОК.
Назовите текущий слой изображения. Дважды щелкните на его название (Уровень 1), чтобы изменить его. Нажмите клавишу Enter после того, как вы ввели новое имя.
Выберите Файл> Импорт> Импорт в библиотеку. В открывшемся окне найдите два изображения (фото 1 и фото 2) и нажмите Shift-клик, чтобы выбрать их. Затем нажмите кнопку Открыть . Если вы сейчас откройте свою macromedia flash библиотеку (Ctrl + L), вы увидите два изображения, которые вы только что импортировали.
Выберите Selection Tool (V) и с помощью техники перетаскивания, перемещайте первое изображение из библиотеки на сцену.
Несмотря на то, что образ все еще выбран, нажмите клавишу F8 (Преобразовать в символ) для преобразования его в Movie Clip Symbol.
Сделав новый Movie Clip, нажмите Ctrl + K и выполните следующие действия:
1. Убедитесь в том, что Align/Distribute to Stage включен.
2. Нажмите Align horizontal для центрирования.
3. Нажмите Align vertical для центрирования.
Дважды щелкните на фильм клип на сцене инструментом Selection tool (V). Теперь вы вошли во внутрь видеоклипа.
Нажмите теперь на 15 кадр и нажмите F5.
Назовите текущий слой изображения 1. Дважды щелкните на его название (Уровень 1), чтобы изменить его. Нажмите клавишу Enter после того, как вы ввели новое имя.
Создайте новый слой выше слоя изображения 1 и назовите его изображение 2. После этого, переместите второе изображение из adobe flash-библиотеки на флэш-сцену.
Несмотря на то, что второе изображение по-прежнему выбрано, нажмите клавишу F8 (Преобразовать в символ) для преобразования его в Movie Clip Symbol.
Нажмите теперь на 15 кадр и нажмите F6.
Вернитесь теперь на первый кадр, выберите Selection Tool (V) и нажмите один раз на изображение, чтобы выбрать его. Затем, перейдите в Свойства (Ctrl + F3). Слева вы увидите меню цвета. Выберите в нем Альфа и поставьте его на 0%.
Щелкните правой кнопкой мыши в любом месте на серую область между двумя ключевыми кадрами на временной шкале и выберите Create Motion Tween из меню.
Создайте новый слой выше слоя с изображением 2 и назовите его действие .
Выберите первый кадр слоя действий и перейти к Action Script Panel (F9). После этого, введите этот код:
stop ();
this.onEnterFrame = function(){
if(rewind == true){
prevFrame();
}
}
this.onRollOver = function(){
rewind = false;
play();
}
this.onRollOut = function(){
rewind = true;
}
Нажмите теперь на 15 кадр и нажмите F6. Находясь на 15 кадре, введите этот код в Action Script Panel:
stop();
Вот и все!
(.FLA)
|
|
Color Paper: бесплатная WordPress тема |
Отличная тема Color Paper для Wordpress, созданная в DreamTemplate. Эта тема объединяет чистую типографию и яркие элементы дизайна. Вы можете использовать тему бесплатно для любых проектов без каких-либо ограничений. Также, вы можете изменить тему, как хотите.
Вот некоторые скриншоты Color Paper:
Блок в верхней части макета
Список статей на главной странице
Комментарии
Боковая панель (верхняя часть)
Боковая панель (нижняя часть)
Скачать . Посмотреть .
|
|
15 свежих высококачественных бесплатных шрифтов |
Краткий обзор свежих шрифтов доступных для бесплатного скачивания. Сейчас выбор шрифтов огромен, поэтому нужно время, чтобы найти их. Теперь вам этого делать не придется - все уже найдено! В этом обзоре представленны Junction, Nadia Serif, Nilland, CartoGothic Std, Bergamo Std, Comic Serif, Birra Stout, Vegur и несколько других высококачественных бесплатных шрифтов.
Дизайн шрифта Caroline Hadilaksono. Junction является простым шрифтом без засечек. Он элегантный и красивый, имеет очень острые углы, но содержит лишь 100 наиболее распространенных символов.
Это шрифт с засечками доступный для свободного скачивания.
Прекрасный шрифт с засечками от Manfred Klein. Семейство состоит из 6 разных вариантов.
Шрифт предствавлен в следующих вариантах: обычный, курсив, полужирный и полужирный курсив.
Бесплатный шрифт с засечками, в формате OpenType 4; представлены: обычный, курсив, полужирный и полужирный курсив.
Многие дизайнеры ненавидят Comic Sans. И, несколько лет назад, дизайнер Hannes von D
|
|
Retro Toys: бесплатный набор иконок от Smashing Magazine |
Бесплатный бор иконок от Smashing Magazine, созданных Helen Gkizi. Набор содержит 9 иконок-игрушек (PNG, 128
|
|
Как создать иконку планеты в Photoshop |
В этом уроке простой способ создания простой иконки планеты с помощью бесплатной текстуры и некоторых простых эффектов освещения и затенения. Перед тем как начать работу, необходимо скачать . Вот что получится в итоге:
Начнем с создания приятного фона для значки. Даже если он не будет включен в окончательный значок, это добавит приятного восприятия во время работы. OSX поддерживает иконки размером 512 х 512px, возьмем это за базовый размер. После того, как значек будет завершен, его можно будет легко сделать разных размеров.
Создайте новый файл Photoshop с шириной и высотой 512px. Заполните фоновый слой черным цветом. Теперь создайте новый слой и заполните его белым. Мы будем использовать световые эффекты фильтров (Filters> Render> световые эффекты) на этом слое для создания приятного мягкого градиента. Выберите любой цвет, который нравится. В разделе Свойства установите черный цвет.
Теперь давайте начнем создание нашей планеты. Откройте текстуру файла по вашему выбору, загруженную ранее. Для этого урока использованна nebulae_3.jpg. Используя прямоугольное выделение, выберите квадратную часть текстуры. Затем кадрируйте (Изображение> Обрезать) ее.
Теперь, чтобы дать текстуре сферической облик, используйте Spherize фильтр (фильтр> исказить> Spherize). Оставьте настройки по умолчанию.
Измените размер текстуры до 400 х 400 пикселей. Затем, используйте инструмент сферические выделение. Таким образом, вы выберете часть текстуры. Копируйте и вставьте выделение на новый слой выше фона.
Даже несмотря на то, что планета начинает формироваться, она по-прежнему выглядит скучно и плоско. Используйте Оттенок/Насыщенность (Image> Корректировки>Оттенок/Насыщенность) и увеличьте насыщенность до 36.
Дважды щелкните по слою планеты. Сделайте настройки, как на изображении ниже. Измените режим смешения на умножение. Цвет будет изменяться в зависимости от текстуры, но для этой мы будем использовать оранжевый.
Теперь мы должны добавить глубину нашей планете. Выделите содержимое слоя с планетой и создайте новый слой над ним. С помощью инструмента Градиент заполните выделение из левого верхнего в правый нижний угол, как показано ниже.
Теперь добавим планете атмосферы. Мы собираемся использовать внутреннее сияние, чтобы уменьшить объем текстур вокруг краев планеты. Соедените верхий слой и слой с планетой. Сделайте настройки, как на рисунке ниже.
Чтобы добавить дополнительные атмосферные эффекты, используйте мягкую кисть для создания различных размеров клубов облаков и формирования мелкой дуги вокруг планеты. Установите прозрачность кисти на 40.
Используйте дополнительные инструменты для добавления случайных вихревых структур в облаках.
И, вот конечный результат:
Всего за шесть простых шагов мы создали довольно реалистичную планету. Чтобы создать различные значки для комплекта, просто повторите этот процесс, используя различные фактуры, и, не бойтесь экспериментировать!
|
|
Потрясающие творческие граффити-произведения |
Граффити - это форма искусства, которая ничем не ограничена. Граффити постоянно переплеталось с историей человечества, начиная с римской империи, где рисовали на штукатуренных стенах, чтобы высмеивать политические заявления и текущие события. В этой коллекции, для вашего вдохновения, представленны самые замечательные шедевры уличного искусства.
|
|
