Мастерская

Горизонтальное меню по типу кнопок

Thu, 25 Feb 2010 08:11:37 GMT

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

Создаём свой Lightbox

Thu, 18 Feb 2010 16:24:06 GMT

Для этого скрипта есть уже куча библиотек (Lightbox, Greybox, Fancybox...) и плагинов для jQuery (и уверен не только для него). Давайте забудем про все эти библиотеки и создадим свой lightbox.

Светящийся текст

Mon, 01 Feb 2010 16:50:24 GMT

Очень простой урок по созданию очень красивого светящегося текста. Можно даже сделать без фотошопа, в ImageReady CS (все скрины сделаны в нём). Автор урока: Я!

CSS градиент текста

Thu, 28 Jan 2010 19:36:44 GMT

Хотите узнать, как делать красивый текст с эффектом градиента без применения Photoshop? Этот простой способ с использованием CSS позволяет создавать текст с эффектом градиента. Используется картинка в формате PNG (чистый CSS, никаких Javascript или Flash). Все, что нужно - это пустой тег и фоновая картинка с CSS параметром position:absolute. Этот способ работает со следующими браузерами: Firefox, Safari, Opera и Internet Explorer 6.

jQuery Corner - закругление углов

Thu, 28 Jan 2010 12:48:01 GMT

jQuery Corner отличный плагин для фреймвока Jquery, суть его в декорировании углов, то есть он может не только закруглять углы, но и обрезать, делать вогнутыми и т.д. Всего я нащитал 17 способов изощрения над углами. Конечно можно использовать закругление с помощью картинок или css 3 но в первом случае довольно трудно сделать динамичный блок, во во втором же не кроссобраузерно, то есть css 3 ещё не все броузеры воспринимаю.

BrowserMaker - сервис для создания баннеров.

Mon, 25 Jan 2010 12:52:03 GMT

Решил написать про онлайновый сервис BannerMaker... Уж больно я онлайн-сервисы люблю, особенно нормальные. Короче, в нём можно создать свой баннер. И что примечательно - он частично напиcан на JavaScript. Посмотрите на вот этот баннер, смастерённый специально для 7ucoz:

Согласитесь, назвать его плохим язык не поворачивается. Кстати, сделал я этот баннер за 1 минуту, представляете? Ну что, заинтересовал я вас?

Рисуем красивенькую кнопку онлайн

Mon, 25 Jan 2010 06:42:52 GMT

Я решил вот написать урок (специально для 7ucoz), как нарисовать красивенькую кнопку. Такие кнопки вроде используются в Mac OS... Не знаю, с Маком ни разу не общался). Но такие вот кнопки мне очень нравятся.
Рисовать мы будем не в фотошопе, как вы могли подумать. В фотошопе тоже можно, но у меня сейчас фотошоп не работает, я пользуюсь онлайн-программами типа фотошопа. Так вот, рисовать мы её будем в онлайне, в графическом редакторе Aviary Raven.

Как создать аудио интерфейс плеера в Фотошопе

Sat, 23 Jan 2010 19:28:55 GMT

Перевод урока с сайта www.tutorial9.net под названием "How To Create a Sleek Audio Player Interface in Photoshop" или "Как создать аудио интерфейс плеера в Фотошопе". Урок длинный, в 28 шагов, поэтому слаборвных прошу удалиться )
Автор перевода я (7ucoz.com)
Что нужно? Фотошоп и немного (ну как получиться) времени.

Стилизация форума на uCoz

Sat, 23 Jan 2010 19:02:38 GMT

Всем привет. Решил ~~написать~~ нарисовать небольшой мануальчик по стилизации форума на uCoz. Ниже будут описаны все классы, отвечающие за стиль нашего форума

Создание красивого поиска для сайтов на uCoz

Fri, 15 Jan 2010 13:26:54 GMT

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