|
Создание сайдбара
|
|
| Small_vampire | Дата: Вторник, 06.12.2011, 17:17 | Сообщение # 1 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:  | Создание сайдбара
По просьюе многих, сегодня я решила написать урок по изготовлению одного из основных элементов дизайна сайта - сайдбара.
Шаг 1. Открываем фотошоп. Теперь мы создаем новый файл (Файл - Новый). Далее вводим размеры, обычно я использую 300*400, но вы можете вписать более удобные вам размеры. Выбираем инструмент "Прямоугольник со скругленными углами". В строке "Радиус" выбираем насколько пикселей закруглить края - возьмем к примеру 50. И зальем цветом (Ctrl+Del)
P.S. Чтобы избавится от контура, выбирите инструмент "Перемещение" и правой кнопкой щелкните по нашему блоку, нажимаем "Фигура 1" - и контур исчезнет.
Шаг 2. Добавим эффектов нашему блоку.
Шаг 3. последний шаг - это офрмление. Здесь я не буду говорить, что и как именно использовать - пусть работает ваша фантазия. Я взяла кисточки и добавила не много узоров. Далее я взяла модель (в данном случае Аманда Сэйвред) немного колора добавила изменила размер и присоединили к своему блоку. Добавила бликов и вот что у меня вышло:
Автор урока: Small_vampire
При полном или частичном копировании материала указывать автора и ссылка на сайт обязательно!
|
| |
| |
| Алина | Дата: Среда, 07.12.2011, 21:16 | Сообщение # 2 |
 Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Quote последний шаг - это офрмление. Здесь я не буду говорить, что и как именно использовать - пусть работает ваша фантазия.
это и самое главное.я не понимаю как его украшать.один раз покажи пожалуйста дальше сама
|
| |
| |
| Small_vampire | Дата: Четверг, 08.12.2011, 05:07 | Сообщение # 3 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, скачай здесь psd этого блока - может так поймешь.
   
|
| |
| |
| Алина | Дата: Четверг, 08.12.2011, 20:39 | Сообщение # 4 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Small_vampire, у меня что-то не открывает Добавлено (08.12.2011, 20:38)
---------------------------------------------
Вот мой результат!
Спасибо за отличный урок,давно искала
 Добавлено (08.12.2011, 20:39)
---------------------------------------------
только вот как его делить?или как там устанавливать?желательно на каком дизе устанавливать этот блок?
Сообщение отредактировал Алина - Четверг, 08.12.2011, 19:46 |
| |
| |
| Lollipop | Дата: Пятница, 09.12.2011, 15:14 | Сообщение # 5 |
|
Талантище
Группа: Мастер
Сообщений: 103
Награды: 6
Репутация: 11
Статус: | Quote (Алина) только вот как его делить?или как там устанавливать?желательно на каком дизе устанавливать этот блок?
просто разрезаешь его на части и вуаля) В каждом шаблон можно установить такой блок, за исключением некоторых (если ты про юкоз)
|
| |
| |
| Small_vampire | Дата: Пятница, 09.12.2011, 16:41 | Сообщение # 6 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, да, просто разрезать на части. верх, середка и низ. Я помню, ты вроде говорила что умеешь разрезать. Потом по частям устанавливаешь в дизайн. В принципе блок можно установить абсолютно в любой дизайн.
|
| |
| |
| Алина | Дата: Воскресенье, 11.12.2011, 18:27 | Сообщение # 7 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Lollipop, спасибо я уже про разрезание уже в курсе и сделала
Small_vampire, я попробовала установить,не получилось.странно
|
| |
| |
| Small_vampire | Дата: Воскресенье, 11.12.2011, 20:17 | Сообщение # 8 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, значит код неправильный. попробуй еще.
|
| |
| |
| Алина | Дата: Понедельник, 12.12.2011, 19:48 | Сообщение # 9 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Small_vampire, не получается..........
вот блок:
|
| |
| |
| Small_vampire | Дата: Вторник, 13.12.2011, 04:50 | Сообщение # 10 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, да блок я уже видела. А почему у тебя фиби такого качества плохого?
Попробуй такой код:
Code <!-- <block> --> <table cellSpacing="0" cellPadding="0" border="0"> <tr> <td width="335" height="178" background="/images/block_01.png"><div style="margin-left:130px; margin-right:3px"><H2>TITLE</H2></div></td> </tr> <tr> <td width="335" background="/images/block_02.png"><div style="margin-left:30px; margin-right:30px">CONTENT</div></td> </tr> <tr> <td width="335" height="150" background="/images/block_03.png"> </td> </tr></table> <!-- </block> -->
Тебе нужно только изменить размеры, картинку и отступы. вставляемв каркас и все.
|
| |
| |
| Алина | Дата: Четверг, 15.12.2011, 15:56 | Сообщение # 11 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Small_vampire,Quote А почему у тебя фиби такого качества плохого?
хмммм......незнаю...Наверное плохой исходник нашла
Small_vampire, а этот код с какого шаблона?
|
| |
| |
| Small_vampire | Дата: Четверг, 15.12.2011, 16:07 | Сообщение # 12 |
|
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус: | Алина, ни с какого. Это обычная таблица. Такой может любой написать, кто проходил минимальные знания html
|
| |
| |
| Алина | Дата: Четверг, 15.12.2011, 22:43 | Сообщение # 13 |
|
Моя версия-быть счастливой!
Группа: Друзья
Сообщений: 250
| Small_vampire, Хммм.....тогда я просто ноль.
|
| |
| |
| Perepiska99 | Дата: Пятница, 16.12.2011, 21:11 | Сообщение # 14 |
 Талант
Группа: Пользователи
Сообщений: 72
Награды: 0
Репутация: 0
Статус: | Хм...Хороший урок.Потом пришлю результат.)
|
| |
| |
| Saionara | Дата: Вторник, 13.03.2012, 19:35 | Сообщение # 15 |
|
Ученик
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: | У меня опять вопрос, вот решила дизайн поменять на сайте, вот этот код вставляешь за место стандартного и его надо прописывать для каждого или его вставляешь и он множится автоматически, на главной 13 блоков. Или как?=) Я чайник прсото 
|
| |
| |
