Дизаин-студия "Тайна"

Объявление

White PR Twilight: you're my heroine now Фантом Рады вам »The Hunger Games. Action. Тайный Университет Красная зона

Добро пожаловать в дизайн-студию "Тайна"!

Здесь можно заказать дизайн для borda, ucoz, quadro.boards. Рисуем карты для авторских миров. Проходите, и осматривайтесь, заказывайте графику/дизайн/пиар.
HPˋ1996
TVD: We Are Mystery
За облаками сны
No One Lives Forever




Купить

Новости

Ура! Мы только что открылись, но уже готовы функционировать в полную силу. У нас новый дизайн! Светлый, с яркими акцентами. Надеемся он несет в массы море позитива!

Акции и лотереи

В ближайшее время не планируются...

Администрация

Тайна - Главный администратор
fistashka - прекрасный пиарщик

Контакты

Дизайнер - icq: 678203859
Пиарщик/текстовая помощь - icq: 404504060

Лучший форум месяца

тут будет баннер форума-победителя

КОНКУРС

...

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

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


Вы здесь » Дизаин-студия "Тайна" » Записаться на обучение » взрываем мозг с Коска


взрываем мозг с Коска

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

1

Нам надо так, чтоб ну вот так, а потом так и чтоб вон там тоже.
Или как суметь понять что от тебя хотели и собрать рабочий макет.

Немного правил:
1. Самое важное и главное, создание/наличие своего тестовика.
2. Базовое знание английского языка или способность запоминать буковки важных значений.
3. Ко мне обращаться можно как угодно, хоть "эй, ты, как там тебя, иди сюда".
4. Желательна сторонняя связь для быстроты и удобства поправки моментов и на случай пропажи.

Вопросы или ты кто?
1. Как мне обращаться к вам.
2. Есть ли опыт работы с CSS, HTML, BB, GQ, JQ скриптами и прочими страшными вещами.
3. Имеются ли примеры работ.
4. Что конкретно хочется научиться делать.

Отредактировано Диос (2016-02-11 12:18:58)

0

2

привет! спасибо, что взяли меня)

Диос написал(а):

1. Самое важное и главное, создание/наличие своего тестовика.

вот http://blahblahprobnik.rusff.ru/

Диос написал(а):

. Желательна сторонняя связь для быстроты и удобства поправки моментов и на случай пропажи

что удобнее? скайп, аська, вк? везде доступна почти постоянно

Диос написал(а):

1. Как мне обращаться к вам.

на ты, можно по нику, можно по имени Настя

Диос написал(а):

2. Есть ли опыт работы с CSS, HTML, BB, GQ, JQ скриптами и прочими страшными вещами.

BB на форумах, HTML  в общих чертах тоже знаю с форумов и пар по информатике в универе, css - знаю, что он есть, но не работала, с остальными вообще не знакома.
Скрипты... Нууу... могу поставить какой-нибудь на форум, если там не слишком мудро всё, то могу что-то подправить

Диос написал(а):

3. Имеются ли примеры работ.

именно дизайнов нет, могу только показать примеры графических работ

Диос написал(а):

4. Что конкретно хочется научиться делать.

всё. Я только в общих чертах представляю, как делается макет, но у самой сделать как-то... не выходит. Ну а если конкретно, то макет, разрезка макета, установка на коды, написание таблиц
если говорить о стилях, то в графике я стараюсь работать в разных стилях, хотя больше тяготею к более глянцевому стилю, исходя из этого я бы хотела научиться делать дизайны и в веб-стиле, как здесь http://jumpstreet.rusff.ru/
и в более классическом, здесь http://deliriumtvd.rusff.ru/

0

3

коска написал(а):

что удобнее? скайп, аська, вк? везде доступна почти постоянно

проще ВК, скайп со мной не дружит.
коска, отлично. Значит, самое первое что мы творим, идем в темку Учебник по CSS, читаем, составляем вопросы, задаем. К хтмл и прочим моментам прийдем в процессе.
Если вопросов нет, то мы делаем следуешь: открываем пэинт, либо ручка и тетрадка нам в помощь, и чертим макет дизайна, который мы хотим сделать.

0

4

Диос написал(а):

проще ВК, скайп со мной не дружит.

вот https://vk.com/candycola95

Диос написал(а):

коска, отлично. Значит, самое первое что мы творим, идем в темку Учебник по CSS, читаем, составляем вопросы, задаем. К хтмл и прочим моментам прийдем в процессе.
Если вопросов нет, то мы делаем следуешь: открываем пэинт, либо ручка и тетрадка нам в помощь, и чертим макет дизайна, который мы хотим сделать.

я прочитала, вопросов вроде не возникло, но я уверена, но, возможно, они возникнут походу действий
у меня вопрос по поводу следующего этапа: я в этом случае предпочту блокнот и ручку, так вот, мне надо будет макет сфотографировать для тебя и показать?

0

5

коска, да, иначе я не смогу объяснить как создать ту или иную желаемую часть.

0

6

Диос написал(а):

коска, да, иначе я не смогу объяснить как создать ту или иную желаемую часть.

ок, вот, я там подписала, где что, надеюсь, что мои заборы понятны)

+

http://funkyimg.com/i/27XSE.jpg

0

7

коска, чтож. Ладно.
Первое, что мы делаем, задаем ширину и положение самого тела форума. Отправляемся в блок А5.1.

На будущие, старайся продумывать все составляющие своего дизайна, а то будешь путаться.
http://s6.uploads.ru/t/WSrKV.png
Важны не только рамки, шапка и таблицы с меню. Важно также положение иконок, наличие или отсутствие тем и сообщений, размер категорий, футер, ссылки пользовательской навигации(активные темы, новые сообщения и т.п). Рамки это же графическая часть, они нам не нужны когда мы работаем с макетом, если мы не собираемся обводить весь форум цветом.

0

8

Диос написал(а):

На будущие, старайся продумывать все составляющие своего дизайна, а то будешь путаться

хорошо, я попробовала доделать

+

http://s3.uploads.ru/6xOkw.jpg

просто ведь изначальный макет может далеко не совпадать с тем, что получится в итоге...

Диос написал(а):

Первое, что мы делаем, задаем ширину и положение самого тела форума. Отправляемся в блок А5.1.

там проставлять те же данные, что и в учебнике?

0

9

коска, изменить размер элемента или забыть его прописать вообще. Что легче сделать?

Да, мы выбираем фиксацию, оно же положение.
Затем задаем размер нашего форума.

0

10

Диос написал(а):

коска, изменить размер элемента или забыть его прописать вообще. Что легче сделать?

да, я поняла, почему ошибалась, в нашем случае надо рисовать всё

Диос написал(а):

Да, мы выбираем фиксацию, оно же положение.
Затем задаем размер нашего форума.

всё, сделала

0

11

коска, если честно, не вижу никаких изменений на тестовике.
По этому, усложняю задачу.
http://mybb.bbcorp.ru/generator/
Генерируем любую цветовую гамму, ставим себе на тестовик и пользуясь учебником цсс, задаем ширину 950 и положение по центру.

0

12

Диос
на этот раз вроде сделалось
http://blahblahprobnik.rusff.ru/

0

13

коска, отлично. Следующий этап, это создание необходимых контейнеров. шапка, иконки, категории, футер.
Размеры шапки можно задать в блоке Д1.
Категории А5.10
Иконки С2.14

0

14

Диос
я поставила, но всё немного съехало...
http://blahblahprobnik.rusff.ru/

0

15

коска, во первых, позиционирование.  position: relative; в А5, где задавали ширину форума

Наши иконки обитают вот тут, эти коды делают их не графическими, а цветовыми. Если оставляем цвета, то просто меняем выделенный отступ. 

/* C2.14 */
.punbb td div.tclcon {
     margin-left: 1px;
    }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
margin-left: -2.2em;
  }


С названием форума не паримся, мы его позже удалим вообще.
А так, если принципиально наличие текстового названия в шапке родного, то:

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

Развлекаемся вставляя любые параметры для текста.

Если нужно убрать, просто пишем нолик возле em.

Иконки графикой:
Удаляем все от С2.14 и заменяем на вот это

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
display:block;
float: положение право-лево-центр;
height: ширинаpx;
margin: 0 5px 0 20px; /*отступы от остальных элементов*/
width: высотаpx;}

Отредактировано Диос (2016-02-26 15:10:11)

0

16

Диос написал(а):

С названием форума не паримся, мы его позже удалим вообще.
А так, если принципиально наличие текстового названия в шапке родного, то:

с этим поиграла, но ничего не именилось

Диос написал(а):

Иконки графикой:
Удаляем все от С2.14 и заменяем на вот это

в этом случае пункт С2.16 удалять вообще?
и так они у меня сосвсем пропали,

Диос написал(а):

Наши иконки обитают вот тут, эти коды делают их не графическими, а цветовыми. Если оставляем цвета, то просто меняем выделенный отступ.

а вот так всё было хорошо, нашла нужное значение

0

17

коска, извиняюсь за пропажу, работа. -_-

коска написал(а):

в этом случае пункт С2.16 удалять вообще?
и так они у меня сосвсем пропали,

естественно, мы же не ставили на их место картинки)

Следующее, чего мы делаем, так это решаем, какие границы нам нужны, а от каких мы и вовсе избавимся. будем ли мы сливать весь форум в одно целое, или оставим пробелы между категориями и следующим форумом.

коска написал(а):

с этим поиграла, но ничего не именилось

А здесь, включаем внимательность и находим волшебное отличие)

/* D1.4 */
#pun-title h5 span  {
  font-size: 0em;
  }
/* D1.4 */
#pun-title h1 span  {
  font-size: 0em;
  }

Каждый элемент имеет свое имя, и если его имя прописать не правильно, в лучшем случае, ничего не произойдет. В худшем, наш макет перекоситься и сожрет половину форума.)

0

18

Диос написал(а):

коска, извиняюсь за пропажу, работа. -_-

да ничего, у самой, диплом, госы и новая работа -___-

Диос написал(а):

Следующее, чего мы делаем, так это решаем, какие границы нам нужны, а от каких мы и вовсе избавимся. будем ли мы сливать весь форум в одно целое, или оставим пробелы между категориями и следующим форумом.

мне больше нравится, когда форум - это одно целое

Диос написал(а):

А здесь, включаем внимательность и находим волшебное отличие)

Диос написал(а):

h5

вот здесь вот отличается хд

0

19

коска написал(а):

мне больше нравится, когда форум - это одно целое

сливаем цветовой гаммой или же графикой?

Дабы избавиться от всех границ, открываем нашу структуру, нажимаем на F3, в поиске в появившемся окошке пишем border, и везде задаем значение размера 0.
ВНИМАНИЕ!
  Пункт А5.8 – отвечает за обводку  элементов и непосредственно сообщений.
  Пункт А5.9 – отвечает за обводку элементов форума. Сами «контейнера», где и располагается всё остальное. Крайне важный пункт.
  Пункт А5.10 – отвечает за обводку полос с названием локации на странице со списком тем, полосы статистики, категорий, полос профиля.
  Пункт А5.11 – отвечает за обводку полос категорий.
  Пункт B1.2 - отвечает за полоску разделяющую пост и подпись
  Блок С2 - отвечает за обводку столбцов на главной странице(тем, сообщений и т.п.)

0

20

Диос написал(а):

сливаем цветовой гаммой или же графикой?

ммм... а в чём различие?

Диос написал(а):

абы избавиться от всех границ, открываем нашу структуру, нажимаем на F3, в поиске в появившемся окошке пишем border, и везде задаем значение размера 0.

везде-везде? или только числовые значения?
и в цветах тоже?

0

21

коска написал(а):

ммм... а в чём различие?

цветом значит сделать слитие кодами, графикой, меньше мороки.)

коска написал(а):

везде-везде? или только числовые значения?
и в цветах тоже?

числовые. В цветах можно прописать прозрачность, но значения нести не будет. Размер же 0.)

0

22

Диос написал(а):

цветом значит сделать слитие кодами, графикой, меньше мороки.)

давай графикой тогда хд

Диос написал(а):

числовые. В цветах можно прописать прозрачность, но значения нести не будет. Размер же 0.)

тогда всё)

0

23

коска, тогда начинается самое веселье. Графический макет.
У нас есть шаблончик на бумажке, теперь мы собираем большой шаблончик в фотошопе.
Первое что мы делаем, создаем большую и длинную пустую фигню.
Ширина примерно 1300, высота около 1000
И начинаем собирать наш макет, основа(офн, подложка форума, границы.
Затем уже собираем там же шапку и прочие куски.

0

24

Диос написал(а):

Первое что мы делаем, создаем большую и длинную пустую фигню.
Ширина примерно 1300, высота около 1000

создала)

0

25

коска, дальше проще ВК.
По мере создания графики буду корректировать и подсказывать.
https://vk.com/shamanashar
Пинаем, показываем, орем о том что я ленивый учитель )

0

26

Диос
добавилась)

0


Вы здесь » Дизаин-студия "Тайна" » Записаться на обучение » взрываем мозг с Коска


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC