FREAKSHOW

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

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


Вы здесь » FREAKSHOW » Обучение дизайну » замерли стрелки часов


замерли стрелки часов

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

1

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

0

2

Привет) Очень приятно познакомиться. Я, как человек, который ну очень хочет научиться делать дизайны, обещаю всё делать, прислушиваться и стараться)
http://bybooi.mybb.ru/ - пробник.

http://thisway.rusff.ru/ - нравится фон и фоновая картинка "тела" форума. Такая какая-то домашняя и уютная)
http://godapple.rusff.ru/ - нравится спокойное оформление, без элементов аля "вырви-глаз", хотя шапка нравится меньше всего остального
http://blackbridge.rusff.ru/ - шапка и те штучки, на которых "Home" и тд
http://bennington.mybb.ru/ - простота привлекает) И рамочка вокруг форума нравится. Рамочки мне вообще почему-то нравятся сильно.
http://1977.potterforum.ru/ - иконки сообщений нравятся.
http://tintagel.rusff.ru/ - шапка, фон, да и весь дизайн привлекает, хотя он и несколько темноват.
Вот вроде бы все, что попались в момент поиска. Обобщая, могу сказать, что нравятся рамки вокруг форума, спокойные тона и отсутствие огромных элементов)

Отредактировано бу (2011-12-11 22:29:38)

0

3

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

Шаблоны

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

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

0

4

вот как то так?
http://i5.pixs.ru/thumbs/4/9/1/Untitled1p_1623973_3539491.jpg
http://i5.pixs.ru/thumbs/4/9/4/Untitled2p_2883433_3539494.jpg

0

5

Скучновато немного получилось. Можешь сделать рамочку?

0

6

http://i5.pixs.ru/thumbs/0/9/2/Untitled3p_7513698_3540092.jpg
http://i5.pixs.ru/thumbs/0/9/9/Untitled4p_8153617_3540099.jpg

0

7

Так уже лучше.

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

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

8

http://bybooi.mybb.ru/ - смотри. Только видимо когда графику делала, у меня не ровно по середине что ли было. Потому что сам форум стоит криво.

0

9

бу написал(а):

http://bybooi.mybb.ru/ - смотри. Только видимо когда графику делала, у меня не ровно по середине что ли было. Потому что сам форум стоит криво.

Дай мне права админа и посмотрю коды.

0

10

ультраморин
готово

0

11

Я тебе там убрала фон который накладывался на то, что ты поставила. Я заменила прописанный цвет на это: background-color:transparent;

Теперь объясню как убрать бордюры и ставить иконки

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

12

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

0

13

Это наверное заразно, у меня у самой на прошлой неделе сгорел. Буду ждать ))

0


Вы здесь » FREAKSHOW » Обучение дизайну » замерли стрелки часов