Кот

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

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


Вы здесь » Кот » Архивы » `tsunami | БеС


`tsunami | БеС

Сообщений 41 страница 50 из 86

41

БеС (БП, БС, В, LH) написал(а):

у тебя там же везде ШИРИНА написано

/* D1.2 */
#pun-title h1 {
  display : block;
  height: ширина;
margin-bottom: -1px;
}
/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }
/* D1.4 */
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  height: ширина;
  width: 100%; margin-bottom: 0px; margin-top: 0px;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%; height: ширина;
}
#pun-title TD.title-logo-tdr {
  border: none;
  width: высота;
  vertical-align: top;
  padding-right: 0px;
  padding-top: 0px;
}

В самый низ смотри))

БеС (БП, БС, В, LH) написал(а):

а что такое бордер?

Рамка, граница.

0

42

`tsunami написал(а):

В самый низ смотри))

О! угу)

`tsunami написал(а):

Рамка, граница.

угум...

0

43

БеС (БП, БС, В, LH)
Как сделаешь, напиши.

0

44

`tsunami
ну, вроде как....
http://testbybes.mybb.ru/

0

45

БеС (БП, БС, В, LH)
Отлично. Новый урок завтра или попозже, я сейчас уже не могу...

0

46

`tsunami написал(а):

БеС (БП, БС, В, LH)
Отлично. Новый урок завтра или попозже, я сейчас уже не могу...

нет проблем!)

0

47

Разные виды дизайнов
Часть 1. Объединенный дизайн.
На основе статьи by `tsunami.
Этот вид дизайнов сейчас довольно популярен, но слишком многие считают, что это трудно, они не справятся и прочее. На самом деле, делается это довольно легко, но работа может казаться сначала трудоемкой (если ты вдруг накосячила где-то). А вот то, что у нас должно получиться: http://obdiz.mybb.ru/

1. Итак, заходим в фотошоп и создаем новый файл (думаю, скрин тут не нужен). Размер можно взять 1900 х 1080 для широкоформатных мониторов, но я обычно беру где-то 1500 х 1080, чтобы дизайн отображался полностью или почти полностью на ноутбуках, планшетах или нетбуках. Тут уже зависит от твоей цели, но мне работу будет удобнее смотреть, если ты возьмешь 1500 (или 1400)х1080.
2. Заливаем этот файл тем цветом, который ты бы хотела видеть фоном форума. Картинку использовать не советую, с этим будет дольше и сложнее, во всяком случае, для начинающих дизайнеров.
3. Создаем еще один файл. Высота его должна быть как и у предыдущего документа (1080 в моем случае), а ширина файла - это ширина нашего форума. Думаю, логичнее будет взять 850 х 1080.
4. Этот файл (который мы создали в пункте 3) заливаете тоже цветом, но другим, чтобы не путаться.
5. Затем этот файл №2 (назовем его так) выделяем (Ctrl + A), копируем (Ctrl + C) и вставляем в файл №1 (Ctrl + V). Если файл №2 встал по центру файла №1, то ты все сделала правильно.
6. Создаем еще один файл (файл №3). Ничем его не заливаем, оставляем белым. Высота файла - это высота твоей шапки. Я беру 500, стандарт - 400. Ширина та же, что и у предыдущего файла (850). В нашем случае надо брать файл (шапку) той велечины, что ты выставила в предыдущем уроке, когда мы первое окно стиля разбирали.
7. Выделяем его (Ctrl + A), копируем (Ctrl + C) и вставляем в два предыдущих совмещенных файла (Ctrl + V).
8. Будущая шапка тоже должна встать по центру. Берем инструмент перемещения и двигаем ее наверх, туда, где и располагается обычно всякая нормальная шапка. Только двигай ее не за пределы второго слоя, можешь взять инструмент масштаб, увеличить и проверить.

Получаем нечто такое

http://s3.uploads.ru/t/4bNsR.jpg

9. А дальше делаем все так, как тебе нужно - коллаж, текст и т.д. Сейчас можно ограничиться просто большой картинкой или несколькими, скромным коллажиком. Если хочешь, можешь делать глобально.

У меня вышло вот так

http://s2.uploads.ru/t/lstJQ.jpg

10. Дальше первые два слоя (у меня голубенький и бежевый) объединяем друг с другом и со всем, что сделали. Белый слой остается необъединенным. Его мы перемещаем на самый верх.

Вот так

http://s3.uploads.ru/t/ICjfh.jpg

11. Берем инструмен выделение и аккуратненько выделяем белую область белого слоя, который у нас сверху. Вот здесь обычно и начинаются ошибки, так как выделить надо постараться очень ровно, чтобы не было потом швов.
12. Выделила? Теперь идем в слои и делаем белый слой невидимым (нужно нажать на глазик около этого слоя).
13. Дальше копируем выделенную область (Ctrl + C). Главное, смотри, чтобы у тебя был активным не белый слой, который мы сделали невидимым, а фон - объединенный слой. Иначе ничего не получится.
14. Создаем новый документ (фотошоп сам подгонит его под размер той области, которую ты скопировала).
15. Вставляем в этот новый документ выделенную область (Ctrl + V). Если документ так и остался белым, значит, это сигнал к тому, что ты не объединила слои или белый слой все-таки был активным, а не фон.
16. Сохраняем все отдельно - шапку и фон. Готово.

Шапка

http://s3.uploads.ru/t/jQpDB.jpg

Когда-то давно я сама училась по похожей статье.
Сейчас даже автора не вспомню, прошу извинить. Эту статью писала сама так, как делаю это я.

Задание
1. Можешь создать новый тестовик, можешь переделывать этот - тебе нужно попробовать сделать объединенный дизайн.

0

48

Я пока только сделала в ФШ
Вот что у меня получилось:

Воть)

http://s3.uploads.ru/t/VvqOm.jpg
http://s3.uploads.ru/t/NxOFV.jpg

Сейчас буду вставлять на форум

0

49

Чорт! Что у меня не получается?
У меня почему-то фон никак не зхочет вставляться нормально((
Вот код:

Вот он. Что не так?

/* CS1.1
----тело форума---- */
#pun { background-color: #558380;
background-repeat: repeat;
background-position : center;}

/* CS1.2
-----фон----*/
body {background-color: #646c6c;
background-image : url("http://savepic.ru/4051554.jpg");
background-repeat: no-repeat;
background-position : top center;
overflow-x: hidden;
}

0

50

БеС (БП, БС, В, LH)
Вроде, все так... А что именно у тебя не получается? Кинь ссылку на исходник мне.

0


Вы здесь » Кот » Архивы » `tsunami | БеС


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