Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » Заострённые уши.


Заострённые уши.

Сообщений 51 страница 59 из 59

1

http://uploads.ru/i/k/s/p/kspng.png

Привет Лиза, очень приятно с тобой познакомиться. И надеюсь, что научу тебя многому. Я Тая, рада, что ты выбрала именно меня в учителя.

Твой тестовик - http://in.9bb.ru
Связь с тобой - скайп - lizziespring

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

Дневник:


Урок №1 - 5-
Урок №2 - 5+
Урок №3 -


Был забыт сменен фон шапки и меню форума.
Работа выполнена идеально.

Отредактировано slastnicova (2012-08-29 16:08:08)

0

51

Ветвь
Хорошо.

Теперь давай попробуем сделать боковую таблицу.
Это будет вверх.

<div class="sidbar">
Срдержимое таблицы
</div>

а это в стиль:

/* боковая панель */
#sidbar {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {background: #d2cdb9 url(); width: 200px; height: auto; border: 3px solid #cdc9a5; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 840px; box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000; }
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  #d2cdb9  url(); height: 17px; text-align: center; color: #333333; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}

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

Отредактировано slastnicova (2012-09-13 07:53:23)

0

52

Готово.

0

53

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

0

54

А что должно входить в дизайн?

0

55

Ветвь
а это уже на твой выбор, но если хочешь можем попробовать два варианта.

1. Задний фон, шапка на ширину форума, категории текстом, тело цветом с границами и тенью, иконки сообщений соответственно. Дополнительно: боковая панель справа.

2. Задний фон, большая шапка, категории картинка и текст, иконки сообщений.
Дополнительно: боковая панель правая + левая.

сначала делаем один, разбираем его, потом второй, разбираем его и потом могу более подробно объяснить то, что не понимаешь.

0

56

А можете немного помочь, не по теме уроков?
http://uploads.ru/i/J/I/W/JIW1b.png
http://testvetka.mybb.ru/
Как тут сделать, чтобы категория на картинке была написана, а не над ней?

0

57

попробуй сюда:

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {

  background-color: transperent;
  color: #990000;
  text-align: center;
  font-weight: lighter;
  min-height: 100px;
    background-image: url(http://s1.uploads.ru/i/DtUh2.jpg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top center;
  v-align: center;
  }

добавить это:

vertical-align: middle или bottom;

выравнивание текста по вертикали.

Отредактировано slastnicova (2012-09-15 20:24:53)

0

58

Извините. Думаю, я не смогу продолжать учиться из-за подготовки к ЕГЭ.

0

59

Ветвь
ничего страшного. все понимаю.

0


Вы здесь » Кот » Архив обучения от 03.12 » Заострённые уши.


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