FREAKSHOW

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

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


Вы здесь » FREAKSHOW » Обучение дизайну » дневники нашей памяти


дневники нашей памяти

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

1

Привет Юля ))  Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать.  Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.

0

2

ультраморин
привет :) приятно познакомиться http://prerogative.forum24.ru/gif/smk/sm25.gif

http://latina.f-rpg.ru/
Этот дизайн давно зацепил. Ярко и красочно, цепляет взгляд. Празднично, как-то ) И очень нравится такой эффект, всегда хотела научиться... ммм... когда каждая часть форума отделена, округлая, к примеру. не понимаю, как это можно сделать, хотя одна догадка есть)
http://academyvamp.rusff.ru/
тоже симпатичный. не совсем в моем вкусе, но очень нравится рамочка по краям и цветовая гамма зацепила.
http://hpwar.rolka.su/
просто любимый форум, где сама обитаю. дизайн тоже нравится, в частности оформление главного меню, да и всего прочего.

ну, это такая малая часть, вообще в новых тенденциях дизайнов много интересного, чему хотелось бы научиться :)

http://toffy.mybb.ru/ - пробник создан :)

0

3

.toffy написал(а):

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

Это сделано с помощью картинок категорий. Потом объясню как.

Прежде чем начнем изучение кодов предлагаю сделать графику. Я обычно делаю шапку слитную с фоном (размер 1450х500 пикселей) и фон (1450х700). А потом подробней расскажу о кодах.

Шаблоны

http://uploads.ru/t/J/m/8/Jm8Q2.png

http://uploads.ru/t/D/C/t/DCtnl.png

0

4

ультраморин написал(а):

Это сделано с помощью картинок категорий. Потом объясню как.

я так и думала )

ультраморин написал(а):

Шаблоны

мне сейчас попробовать на них сделать что-нибудь или ждать дальнейшего описания? :)

0

5

.toffy написал(а):

мне сейчас попробовать на них сделать что-нибудь или ждать дальнейшего описания?

Нужно сделать графику для дизайна.

0

6

ультраморин
так, например:

http://i1093.photobucket.com/albums/i424/emka346/designs/1.png

http://i1093.photobucket.com/albums/i424/emka346/designs/2.png

0

7

.toffy написал(а):

так, например:

Вижу, что поняла. В картинке шапки с левой стороны очень много свободного места. Заполни его чем-нибудь. Кисти, узоры - все что угодно. Например, можно сделать подложку если текст будет писаться на шапке. Если не совсем понятно о чем я, то например как у нас на форуме бежевый квадратик под табличкой со стрелочками. По краям можно еще добавить бордюр. Так дизайн будет смотреться красивей.

0

8

ультраморин написал(а):

Вижу, что поняла. В картинке шапки с левой стороны очень много свободного места. Заполни его чем-нибудь. Кисти, узоры - все что угодно. Например, можно сделать подложку если текст будет писаться на шапке. Если не совсем понятно о чем я, то например как у нас на форуме бежевый квадратик под табличкой со стрелочками. По краям можно еще добавить бордюр. Так дизайн будет смотреться красивей.

я как раз рассчитывала там в шапке место для такой вот таблички :) можно только там сделать подложечку, хотя я бы оставила и потом попробовала бы сверху табличку. если что, псд-шки у меня сохранены :)

вот с бордюрчиком:

http://i1093.photobucket.com/albums/i424/emka346/1-12.png

http://i1093.photobucket.com/albums/i424/emka346/2-11.png

0

9

.toffy написал(а):

я как раз рассчитывала там в шапке место для такой вот таблички  можно только там сделать подложечку, хотя я бы оставила и потом попробовала бы сверху табличку. если что, псд-шки у меня сохранены
вот с бордюрчиком:

Ну вот, с бордюрчиком смотрится уже намного лучше. Теперь будем ставить.

0

10

Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.

Шапка (ставим во втором окне стиля в самом конце  CS1 Background and text colours)

#pun_wrap {background-image: url("ссылка"); background-repeat: no-repeat; background-position: center top; }

Теперь ее нужно настроить. Ищем в первом окне стиля /* D1 Logo and description (отвечает за лого). Нам нужен пункт /* D1.4 */. Остальное не трогаем. Вставляем это:

#pun-title h1 span  {
   display: none;
  }

#pun-title TABLE {
  border: none;
  height: 500px;
  width: 800px;
  float: none;
  background-image: url(ссылка);
  background-position : top center; 
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

background-image : url(адрес); - адрес шапки
background-repeat : no-repeat; - шапка не дублируется ни по горизонтали, ни по вертикали, то есть изображается только один раз, а не так как бесшовный фон.
border: none; - нет рамок
height: 500px; - высота шапки
width: 800px; - ширина шапки

/* A5.1 */ - настраиваем ширину форума (в первом окне)

#pun {
  margin: auto;
width: 800px;
  position: relative; }

Фон

#pun-title table {
background-image : url("...");}

body {background-color: #eae3d1;
background-image : url("ссылка");
background-repeat: repeat;
background-position : top center;}

#pun { background-image : url("ссылка");
background-color : #;
background-position : center;}

background-color: #eae3d1; - цвет переадресации.

0

11

ультраморин
что-то у меня какая-то ерунда получилась.. вроде и поставилось, а вроде и нет...

0

12

.toffy написал(а):

что-то у меня какая-то ерунда получилась.. вроде и поставилось, а вроде и нет...

Дай мне права админа и я гляну коды

0

13

ультраморин написал(а):

Дай мне права админа и я гляну коды

все.

0

14

Я вообще не пойму почему так получается. Еще и шапка двоится. Есть еще пробник?

0

15

ультраморин
ооо я кажется поняла.
я где-то читала, что движки mybb и rusff отличаются кодами, может, в этом дело?
сейчас создам на rusff пробник и туда поставлю все это!

http://toffy.rusff.ru/ - вот новый пробник.

да елки-палки, вроде же точно так же поставила, но там уже полная трагедия. что ж такое то!!  http://s19.rimg.info/ac62875ddec33df7dcd8cf2a72b3cd35.gif

0

16

.toffy написал(а):

ооо я кажется поняла.
я где-то читала, что движки mybb и rusff отличаются кодами, может, в этом дело?

В принципе есть различие, но не настолько что бы была такая проблема с установкой фонна шапки. Хотя, чожет быть проблема именно в этом.

.toffy написал(а):

http://toffy.rusff.ru/ - вот новый пробник.

Админство поставь и гляну.

А вообще через что заливаешь картинки?

0

17

ультраморин написал(а):

Админство поставь и гляну.

поставила.

ультраморин написал(а):

А вообще через что заливаешь картинки?

в свою папку на photobucket, если нужно, чтобы они остались. или через tinypic)

0

18

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  width: 800px;
  margin: auto;
  }

я тебе тут немного подправила и форум встал по середине. Сейчас посмотрю что там с остальным.

Лучше заливай через http://ipicture.ru/

0

19

ультраморин написал(а):

я тебе тут немного подправила и форум встал по середине. Сейчас посмотрю что там с остальным.

хорошо.

ультраморин написал(а):

Лучше заливай через http://ipicture.ru/

а в чем будет разница? :)

0

20

Так перезалей картинки и посмотрю коды.

0

21

ультраморин
они как-то прямо больше стали...

http://uploads.ru/i/g/k/q/gkqbe.png
http://uploads.ru/i/K/b/Z/KbZ8S.png

0

22

.toffy написал(а):

а в чем будет разница?

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

0

23

.toffy написал(а):

они как-то прямо больше стали...
http://uploads.ru/i/g/k/q/gkqbe.png
http://uploads.ru/i/K/b/Z/KbZ8S.png

Потому что это их родной размер. Так и должно быть. Теперь ставь на форум.

0

24

ультраморин
все переставила, но фон почему-то не хочет отображаться..

0

25

http://toffy.mybb.ru/ - смотрииии, тут получилось :)

аахахах, везде получилось, на обеих форумах стоит, я разобралась, в чем проблема) просто на русфф не была закрыта одна такая скобка }, поэтому все и ломалось )

Отредактировано .toffy (2011-12-08 23:23:58)

0

26

.toffy написал(а):

аахахах, везде получилось, на обеих форумах стоит, я разобралась, в чем проблема) просто на русфф не была закрыта одна такая скобка }, поэтому все и ломалось )

Ну вот. Так что нужно быть осторожно с знаками в дизайне.

CS2 Border colours

Отвечает за бордюры на форуме. Они нам не очень то и нужны, так что будем их убирать. Внимание! Не удалять, а сделаем так что бы они не отображались.

Видим вот это:

border-color: #f5f5f5

Меняем на это:

border-color: transparent

И так в каждом пункте  Border colours.

Дальше избавимся от стандартного цвета форума.

CS1 Background and text colours

Там где написанно background-color: #f1f1f1;

убираем номер цвета. Должно получится  background-color: #;

Поскольку фоны мы прописали картинками, то прописывать цветом не будем. Он просто перекроет наши картинки. Конечно, при желание можно фон делать с помощью цвета. Но все-таки с помощью картинок больше возможностей.

Меняем иконки (Ставим в ХТМЛ ВЕРХ)

<style>
.punbb table Div.icon {float: right; display: block; width: 70px; height: 70px; border-style: none; background-image: url(ссылка старые сообщения);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(ссылка новые сообщения) no-repeat;}
TR.isticky Div.icon {background: url(ссылка важные сообщения) no-repeat;}
TR.iclosed Div.icon {background: url(ссылка закрытые сообщения) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 75px; }
</style>

width: 70px; height: 70px - размер наших иконок. Можно сделать и больше, но по мне 70 вполне достаточно.

Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.

0

27

ультраморин написал(а):

Задание: убрать лищнее в фоне, убрать бордюры

зачем бордюры убирать, если мы их ставили? :)
и всмысле, убрать лишнее?

остальное сейчас придумаю.

0

28

.toffy написал(а):

зачем бордюры убирать, если мы их ставили?
и всмысле, убрать лишнее?

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

0

29

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

0

30

.toffy написал(а):

и еще не хотят убираться бордюры. везде ставила прозрачность ведь!

я идиот, опять моя ошибка. теперь все ок :)

0


Вы здесь » FREAKSHOW » Обучение дизайну » дневники нашей памяти