FREAKSHOW

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

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


Вы здесь » FREAKSHOW » Обучение дизайну » плачь незабудки


плачь незабудки

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

1

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

0

2

ультраморин
привет)я Инна, приятно познакомиться))
http://hcw.f-rpg.ru/
очень гармоничный, по-моему))но не нравится таблица в правом верхнем игру, мм
http://queensland.rolbb.ru/
яркий и смотрится хорошо))
http://wind.rusff.ru/
по-моему просто интересный)))

___
форум создала
http://decemberunderground.rusff.ru/

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

3

райли написал(а):

я Инна, приятно познакомиться))

И мне тоже очень приятно познакомится )))

райли написал(а):

http://hcw.f-rpg.ru/
очень гармоничный, по-моему))но не нравится таблица в правом верхнем игру, мм

Да, красивый дизайн и приятные цвета. Табличка слегка мозолит глаза, но задумка хорошая.

райли написал(а):

http://queensland.rolbb.ru/
яркий и смотрится хорошо))

Тут не поспоришь, дизайн хорош )))

райли написал(а):

http://wind.rusff.ru/
по-моему просто интересный)))

Мне очень шапка понравилась.

Предлагаю начать изучение дизайнов не с кодов и их расшифровки, а с изготовления графики. Сделай фон и шапку.
Размеры: Шапка 1450х500 пикселей, фон 1450х700 пикселей. Если нужны шаблоны, то могу сделать.

0

4

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

Если нужны шаблоны, то могу сделать.

даа, желательно))не совсем понимаю, что мне вообще нужно делать*)

0

5

райли написал(а):

даа, желательно))не совсем понимаю, что мне вообще нужно делать*)

Хорошо, тогда сделаю.

0

6

Шапка + задний фон (т.е. шапка находится на заднем фоне)

http://uploads.ru/t/G/z/f/GzfvH.png

Фон

http://uploads.ru/t/o/L/6/oL6SG.png

0

7

так, я чего-то не понимаю...фон я нашкрябала, а шапку ну просто не представляю, как делать.
создать документ 1450*500, скопировать на него фон и поверх делать шапку?
http://s8.postimage.org/cwzdwluv5/image.jpg

0

8

Фон у тебя получился. Так и должно быть. А с шапкой сейчас приведу пример. Вот смотри я делала для дизайна. Получается, что на заднем фоне расположена сама шапка. Там где у меня картинка с Сейфрид ширина 800 пикселей. Ну, а место в низу предназначено для навигации.

http://uploads.ru/t/M/G/t/MGt85.png

0

9

ультраморин
мм, а размеры самой шапки?
или её сразу с фоном делать?

0

10

Делай сразу с фоном.

0

11

http://s11.postimage.org/l62j2v8rz/ray.jpg
надеюсь, правильно поняла)))

0

12

Да, поняла правильно. Но мне кажется, что серидина форума у тебя не совпадает с серединой на фоне. А вообще они должны быть одинаковыми по размеру что бы в дизайне слелись в одно целое. А вообще молодец. Объяснять как ставить смогу только вечером.

0

13

хм, отлично))
да вроде совпадают..
http://www.10pix.ru/img1/2755/6283899.th.png
http://www.10pix.ru/img1/2772/6283906.th.png

0

14

Да, теперь вижу что совпадают. Будем все это ставить.

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

Шапка (ставим во втором окне стиля в самом конце  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

15

ультраморин
так. шапку я поставила, а куда фон вставлять?)

+1

16

мм, стоп, фон тоже вроде поставила**

0

17

Ну вот и отлично. Завтра скажу как убрать границы и то что налазит на фон. Пока можешь делать иконки. Размер 70х70 пикселей. А я пошла сериал смотреть.

0

18

ультраморин
ок, отлично))пошла пробовать))

0

19

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

http://s8.postimage.org/918snna1d/old_1.png

http://s8.postimage.org/ruulkn89d/imp_1.png

http://s8.postimage.org/vfqh3vcsx/new_1.png

0

20

райли написал(а):

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

О, почему не получилось. Если хочешь могу скинуть листочки.

0

21

ультраморин
скинь, была бы рада)))

0

22

Вот листочки.

http://uploads.ru/i/X/c/9/Xc93b.png
http://uploads.ru/i/t/z/o/tzo8O.png

0

23

ультраморин
я сейчас попробую))а в крайнем случае можно и те оставить..

0

24

райли написал(а):

я сейчас попробую))а в крайнем случае можно и те оставить..

Попробуй. С девушкой тоже симпатичные иконки. Если что-то еще нужно, спрашивай.

0

25

что-то как-то ><
http://s7.postimage.org/ny11vz7iv/old_2.png

http://s7.postimage.org/h8uifym6v/imp_2.png

http://s7.postimage.org/4vho91wif/new_2.png

0

26

Сделай лучше цвет текста темно коричневым. Черный смотрится грубовато.

0

27

ммм, а так и правда лучше стали смотреться))
http://s11.postimage.org/7mr7dnxhr/old_2.png

http://s11.postimage.org/f40esvn0v/imp_2.png

http://s11.postimage.org/lvqtvqc0f/new_2.png

0

28

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

29

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

Отредактировано райли (2011-12-08 17:48:24)

0

30

райли написал(а):

хм, по-моему у меня что-то не то..
с бордюрами и фоном**
с иконками вроде все ок

Да, с иконками все нормально.

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

Дальше избавимся от стандартного цвета форума.
CS1 Background and text colours
Там где написанно background-color: #f1f1f1;
убираем номер цвета. Должно получится  background-color: #;

Убери номера цвета в этом пункте, ты не убрала и по этому весь фон перекрывается.

А в бордюрах потеряла знак ;. Я тебе его доставила.

0


Вы здесь » FREAKSHOW » Обучение дизайну » плачь незабудки