Слушать радио LIVE MUSIC

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

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

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


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


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

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

1

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

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

В этом уроке настроем дизайн анкет.
В итоге у меня получилась анкета вида:
http://s7.uploads.ru/t/7Akjn.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://s7.uploads.ru/t/k3IwL.png
Здесь мы грузим фоновое изображение и позиционируем его.
(если оно у вас есть).

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

http://s7.uploads.ru/t/2G4Vq.png

Ссылки.

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

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

http://s6.uploads.ru/t/eVODs.png

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

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

Поле ввода.

http://s6.uploads.ru/t/I6ntz.png

Кнопки.

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


Фотки.

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

http://s6.uploads.ru/t/y5ape.png

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

http://s6.uploads.ru/t/d7zqe.png

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

http://s6.uploads.ru/t/HozmN.png

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

http://s6.uploads.ru/t/OGX9d.png

Номер фотки.

http://s6.uploads.ru/t/yqXzf.png

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

http://s6.uploads.ru/t/T2Kay.png

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

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

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

Ожидание.

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

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

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

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

http://s6.uploads.ru/t/4PbyH.png

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

http://s6.uploads.ru/t/tNJde.png

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

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

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

http://s7.uploads.ru/t/2GbZN.png

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

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

Статистика.

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

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

http://s7.uploads.ru/t/75psk.png

Привилегии

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

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

http://s6.uploads.ru/t/zNqPY.png

Звания.

http://s7.uploads.ru/t/8XTJV.png

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

http://s6.uploads.ru/t/MXWuq.png

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

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

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

div.top

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

div.top a

http://s6.uploads.ru/t/UIK9f.png

hr

http://s6.uploads.ru/t/qBorT.png

.header th

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

percent

http://s6.uploads.ru/t/E7rUs.png

.stat_bg0

http://s6.uploads.ru/t/08j3p.png

.stat_bg1

http://s6.uploads.ru/t/EADFp.png

textarea.inp

http://s6.uploads.ru/t/wFej6.png

#comp_info td

http://s6.uploads.ru/t/d92Ar.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. Дизайн чата: "Дизайн анкеты".