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

Поделиться12012-08-25 15:35:38

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

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

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

Дневник:

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

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

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

0

Поделиться512012-09-13 07:34:18

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

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

<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

Поделиться522012-09-15 11:32:19

Автор: Ветвь
эльфёныш
Зарегистрирован: 2012-07-09
Приглашений: 0
Сообщений: 50
Уважение: +0
Позитив: +2
Пол: Женский
Возраст: 28 [1996-03-05]
Провел на форуме:
1 день 3 часа
Последний визит:
2012-09-28 18:02:34

Готово.

0

Поделиться532012-09-15 12:20:02

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

0

Поделиться542012-09-15 13:18:37

Автор: Ветвь
эльфёныш
Зарегистрирован: 2012-07-09
Приглашений: 0
Сообщений: 50
Уважение: +0
Позитив: +2
Пол: Женский
Возраст: 28 [1996-03-05]
Провел на форуме:
1 день 3 часа
Последний визит:
2012-09-28 18:02:34

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

0

Поделиться552012-09-15 13:36:35

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

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

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

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

0

Поделиться562012-09-15 16:25:08

Автор: Ветвь
эльфёныш
Зарегистрирован: 2012-07-09
Приглашений: 0
Сообщений: 50
Уважение: +0
Позитив: +2
Пол: Женский
Возраст: 28 [1996-03-05]
Провел на форуме:
1 день 3 часа
Последний визит:
2012-09-28 18:02:34

А можете немного помочь, не по теме уроков?

http://testvetka.mybb.ru/
Как тут сделать, чтобы категория на картинке была написана, а не над ней?

0

Поделиться572012-09-15 20:24:21

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

/* 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;
}

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