Graf-Art форум графики

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Graf-Art форум графики » Уроки по дизайнам для чатов. » 6. Дизайн чата: "Дизайн анкеты".


6. Дизайн чата: "Дизайн анкеты".

Сообщений 1 страница 8 из 8

1

Урок "Дизайн чата" разделён на 6 частей.
1. Дизайн чата: "Рисуем и разрезаем".
2. Дизайн чата: "Устанавливаем".
3. Дизайн чата: "Записная книжка".
4. Дизайн чата: "Дизайн страниц раздела".
5. Дизайн чата: "Дизайн формы регистрации".
6. Дизайн чата: "Дизайн анкеты".

----------------------------------------------
!!Все изображения урока размещены в превью - при клике увеличатся.

В этом уроке настроем дизайн анкет.
В итоге у меня получилась анкета вида:
http://s7.uploads.ru/t/rRAxB.png

Приготовим фоновое изображение.
(вес не более 10к)
http://s6.uploads.ru/t/a0tTN.png

Открываем админку, переходим в пункт "Люди".
http://s6.uploads.ru/t/Bnlug.png

Далее "Дизайн".
http://s6.uploads.ru/t/I7m9l.png
Выбираем нужный дизайн и "Дизайн анкеты".
http://s7.uploads.ru/t/oYORD.png

Основные.

Окно.

http://sd.uploads.ru/t/DGpgl.png
Здесь мы грузим фоновое изображение и позиционируем его.
(если оно у вас есть).

Заголовок анкеты.

http://sh.uploads.ru/t/qYNBA.png

Ссылки.

http://s8.uploads.ru/t/9DSdM.png

Активные ссылки.

http://s7.uploads.ru/t/nLPFU.png

Текст пометки.

http://s9.uploads.ru/t/1kzN0.png

Поле ввода.

http://s5.uploads.ru/t/XVtov.png

Кнопки.

http://s8.uploads.ru/t/HJgza.png


Фотки.

Панель выбора фотки.

http://sh.uploads.ru/t/YiZLa.png

Ссылка "следующая/предыдущая".

http://s9.uploads.ru/t/0vd62.png

Активная ссылка.

http://sh.uploads.ru/t/BvRJE.png

Линейка просмотра фоток.

http://s8.uploads.ru/t/5BTPm.png

Номер фотки.

http://sh.uploads.ru/t/6cHvZ.png

Ожидание загрузки фотки.

http://s3.uploads.ru/t/2BwVx.png

Дополнительные окошки.

Общие стили для всех окошек.

http://s7.uploads.ru/t/pRsrA.png
Если последующие пункты оставить незаполненными, то этот стиль применится ко всем окошкам.

Ожидание.

http://s7.uploads.ru/t/x0vqQ.png

Спосок ников.

http://sd.uploads.ru/t/7PwhU.png

Список рефералов.

http://sh.uploads.ru/t/7Vghd.png

Последние просмотры.

http://s9.uploads.ru/t/yRqYr.png

Неудачные авторизации.

http://sh.uploads.ru/t/a72Jc.png

Доступ к анкете.

http://sh.uploads.ru/t/495sk.png

Пометка к анкете.

http://s9.uploads.ru/t/iLnxg.png

Статистика.

http://s3.uploads.ru/t/E7zik.png

Статистика по дням.

http://sh.uploads.ru/t/aiyYp.png

Привилегии

http://s7.uploads.ru/t/M8qs6.png

Запрещённые привилегии.

http://sg.uploads.ru/t/XJzkQ.png

Звания.

http://sg.uploads.ru/t/oYiHs.png

Блокировка анкеты.

http://s8.uploads.ru/t/XjgdD.png

Информация о компе.

http://sh.uploads.ru/t/Jf0wI.png

Пользовательские стили 1.

div.top

http://sd.uploads.ru/t/9Sn3P.png

div.top a

http://sg.uploads.ru/t/hAuLi.png

hr

http://s8.uploads.ru/t/3l26P.png

.header th

http://sg.uploads.ru/t/vRH72.png

percent

http://s3.uploads.ru/t/cVy8t.png

.stat_bg0

http://s5.uploads.ru/t/6saWP.png

.stat_bg1

http://s8.uploads.ru/t/ng2Lw.png

textarea.inp

http://s5.uploads.ru/t/Mtlba.png

#comp_info td

http://sd.uploads.ru/t/Zfbm6.png

После всех настроек жмём на кнопку "Сохранить".
http://s7.uploads.ru/t/lKyjE.png

+2

2

Подскажите пожалуйста размер дизайна для анкет.
За ранее большое спасибо

0

3

Волчица Я
Конкретных размеров нет. Какие установишь..такие и будут)

0

4

а я бы хотела узнать как их вообще рисовать? , пробовала но до меня не доходит(

0

5

Леська
Тут больше настройка, чем рисование)
Из рисованного в уроке только фон (уголок).
Что именно не доходит? Что не получается?

0

6

Хэйтли
да все даже как цвет правельно наложить)) да ладно цвет мне б показали я бы поняла а так дуб дубом http://uploads.ru/i/h/P/V/hPVuM.gif

0

7

Леська
Как определить цвет..что бы не видно было границы фоновой картинки:
1. Открываю фон в фш
2. Нажимаю на "Основной цвет"
http://s7.uploads.ru/t/ydEja.png
3. Открывается окошко с палитрой
http://s3.uploads.ru/t/hW7Bq.png
4. Навожу мышкой на открытое изображение..курсор меняет форму на инструмент "Пипетка"..нажимаю правой кнопку мыши, на то место, какой цвет необходим.  В окошке с палитрой меняется цвет на выбранный. Копирую код выбранного цвета и вставляю его в админку чата.
http://s6.uploads.ru/t/mphrc.png
Вот и все) Вроде понятно)))

0

8

Хэйтли
Спасибо )

0


Вы здесь » Graf-Art форум графики » Уроки по дизайнам для чатов. » 6. Дизайн чата: "Дизайн анкеты".