1. Сделай меня админнистратором, пожалуйста.
2. Лучше навремя код с помощью в CSS убери в блокнот, мы со структурой будем разбираться, а он, как я знаю, будет мешать.
3. Какие элементы дизайна ты знаешь?
Обучение
Сообщений 1 страница 23 из 23
Поделиться12011-03-15 16:01:55
Поделиться22011-03-15 18:38:02
привет.)
1. делаю
2. ээ... как?
3. никакие (
Поделиться32011-03-15 19:11:50
.лина
Есть блокнот? Ладно, тут сохраним, на всякий случай.
***
Элементы дизайна я делю на два вида:
Структурный и графический.
Структурный - ширина, размер иконок, шапки.
Графический - шапка, фон, иконки, копирайт, картинка в поле сообщения.
Поделиться42011-03-15 19:19:37
Зайди-ка сюда и создай себе стиль, цветами. Вставляй это во второе окошко.
Поделиться52011-03-16 11:43:09
вставила
Поделиться62011-03-16 11:52:07
о.о капец
Поделиться72011-03-16 11:53:05
тут спойлера нет(
Поделиться82011-03-16 19:19:36
.лина
Исправь немного цвет текста.
Второе окошко - CS.1.2 - находишь цвет и поменяй его, а то не очень удобно...
Сохрани этот код второго окошка куда-нибудь сюда и создай стиль с вот такими цветами, как? На твой выбор, хочу проверить в тебе дизайнера.
66FF66, 003300, 99FF99.
Поделиться92011-03-16 19:28:06
Ой, перепутала, это заголовки. Я сама немного изменю, ок?
Поделиться112011-03-17 13:13:29
.лина
Так легче писать. А ты сделала тот стиль с цветами?
Пост 8.
Поделиться122011-03-17 14:53:48
нет. тыж потом написала:
Ой, перепутала, это заголовки. Я сама немного изменю, ок?
Поделиться132011-03-17 18:18:34
.лина
Это я написала про:
...Сохрани этот код второго окошка куда-нибудь сюда и создай стиль с вот такими цветами, как? На твой выбор, хочу проверить в тебе дизайнера.
66FF66, 003300, 99FF99.
Поделиться142011-03-17 23:02:16
Да я вообще лучше другой сделаю.. брр.
Поделиться152011-03-17 23:06:52
от так.)
Поделиться162011-03-18 13:26:19
.лина
Ты же те цвета использовала?
Поделиться172011-03-18 15:08:00
я ничего не понимаю.. то то, то это, то не надо, то цвета .(
Поделиться182011-03-19 12:16:32
.лина
Ладно, начнём изучать структуру. Начнём с ширины.
ОСНОВНАЯ СТРУКТУРА СТРАНИЦЫ И ГРАНИЦЫ
Так это переводится.
Вот, A5.1. Это ширина форума. Видишь 800? Это и есть ширина. Самое главное, что нужно знать.
A5.2.
With - переводится как ширина. Значит 100% это проценты ширины. Я никогда не пробовала изменять, но знать надо.
height: auto - высота-авто.
background-color: #opacity - фоновой цвет непрозрачный, можно так же изменить на любой. Но лучше оставить так.
И самое главное:
float: center - можно изменять на лево, право, где должен быть центер.
Продолжим в следующем посте.
/* A5 Basic page layout and borders
-------------------------------------------------------------*//* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 100%;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
border-style: none;
background-color: #opacity;
width: 800px;
border-width: 0px;
}/* A5.2 */
.punbb {
float: center;
width: 100%;
height: auto;
background-color: #opacity
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}/* A5.8 */
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: dotted dotted dotted dotted;
border-width: 0px 0px 0px 0px
}/* A5.9 */
.punbb .container {
border-style: dotted;
border-width: 0px;
}/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 0.3em 1em;
border-style: dotted dotted dotted dotted ;
border-width: 0px 0px 0px 0px;
}#pun-main h2 {
padding: 0.3em 1em;
border-style: dotted dotted dotted dotted ;
border-width: 0px 0px 0px 0px;
}
Поделиться192011-03-19 12:19:46
.лина
А, пропустила кое что. Извини.
Попробуй изменить свою ширину. У тебя написанно что-то другое, измени на, например, 800. Как и на обрасце.
Поделиться202011-03-19 13:37:00
изменила на 850px
Поделиться212011-03-19 13:37:17
о. увидела как изменился форум...
Поделиться222011-03-20 17:02:09
.лина
Видишь. Это полезно. А теперь измени center(ищи там, пост 18) на, например, right.
Поделиться232011-03-21 23:07:27
изменила..