Привет, Лена. Я Катя)
Какой ты дизайн хочешь научиться дела?
со слитым фоном и шапкой,
с сайдбарами,
как у нас.
какие там ещё бывают? х)
HelenLovato
Сообщений 1 страница 19 из 19
Поделиться12011-10-08 11:37:04
Поделиться22011-10-08 15:47:25
Mr.Space;
рада, что приняли)
со слитым фоном и шапкой,
с сайдбарами,
как у нас.
давай пока попробуем со слитым фоном и шапкой или как у вас)и что такое сайдбары? я тупая хд
Отредактировано HelenLovato (2011-10-08 16:28:42)
Поделиться32011-10-08 16:00:04
тестовик создать?
Поделиться42011-10-08 18:01:23
и что такое сайдбары? я тупая хд
боковые панели)
HelenLovato
да, пароль и ник админа мне сюда кидай)
Поделиться52011-10-08 21:57:22
боковые панели)
так и думала) точнее гугл подсказал х)
HelenLovato
да, пароль и ник админа мне сюда кидай)
Отредактировано HelenLovato (2011-10-08 22:00:42)
Поделиться62011-10-08 22:52:08
HelenLovato
Для начала, в фотошопе создавай новый файл размером 1600*1200
Я обычно такой беру)
Затем нажимай ctrl+r и у тебя откроетсялинейка.
С зажимай на полоску линейки, и переноси её на середину нового файла. У тебя она сама ровно на середину встанет.
Далее нам нужно добиться вот такого -
Что бы линии были так.
Давай я расскажу о них.
Линия по середине - эта обозначивеешся уже линия, которая разделяет наш фон на 2 ровные части.
Линии по бокам - это границы нашей шапки. Хотя они и не так важны, потому что я делаю этот стиль по другому, что и далее ты так е будешь изучать)
Горизонтальная линия - эта линия, где кончается шапка.
Вот таким вот образом создавай фон.
Перетаскивай туда все.
Между боковыми линиями и горизонтальной будет расположен уже сам форум. т.е. категории, объявление, темы. Так что его залей одним цветом.
Жду шапки.
Если будет что то не понятно - пиши, объяснюю)
Поделиться72011-10-09 18:58:37
у меня вечно получается какая-то фигня. и девушку вырезала плохо.
http://savepic.su/198585.png
Поделиться82011-10-16 12:24:08
напоминаю о себе)
Поделиться92011-10-16 13:16:28
HelenLovato
Я тут тебя учу н фотошопу, а ксс, так что без разницы (:
Далее - делай стиль в генераторе (ествественно под цвет шапки)
Поделиться102011-10-16 19:01:16
Mr.Space;
ну тогда уже лучше хд
ок, пойду искать где этот дурацкий генератор хд
Поделиться112011-10-16 19:42:35
я тупая, я всё сделала, но код не выдаётся. Раньше тыкала ENTER и всё было ок, сейчас ничего не выходит.
Поделиться122011-10-16 19:49:48
ололо, я дотыкала не знаю куда нажала, нои мне выдали код хд
на пробник вставлять?
Поделиться132011-10-17 18:29:30
всё, на пробнике стоит уже
Поделиться142011-10-30 13:05:46
продолжаем?)
Поделиться152011-10-31 14:55:00
извини, что я так долго не отвечала. не было времени..
Сейчас вновь готова обучать)
да, для начала сужаем форум до нужного
в твоём случае ширина форума - это сколько пикселей в шапке на красном фоне посередине
заходим в первое окошко и находим это:
/* A5.1 */
стираем все до пункта /* A5.2 */
вставляем вместо стертого этот код:
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 790px;
padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: none;
border-top: none;
float: center;
}
width : 790px; - ширина форума
margin: 0px высота шапки (что бы форум не перекрывал шапку)
Поделиться162011-10-31 16:19:30
Mr.Space;
конечно, понимаю)
сейчас всё будет
Поделиться172011-10-31 16:22:58
Mr.Space;
сделано
Поделиться182011-11-06 17:36:48
HelenLovato
Теперь.
Цвета style_cs.css
Находишь такой пункт - /* CS1.4 */
И всё, что под этим пунктом - стираешь до пункта /* CS1.5 */
И вместо того вставляешь
/* CS1.4 */
#pun-title TABLE {
background : transparent url(http://savepic.su/191088.png) no-repeat left top;
margin-left : 0px;
}body {background-color: #071379;
background-image : url("http://savepic.net/2137132.jpg");
background-repeat: no-repeat;
background-position : top center;}
#pun {
background-image : url("");
background-color: #ffffff;
background-position : center;
background-attachment : fixed;}
.punbb .modmenu .container {
color: #75606e;
}
#pun-title TABLE {
background : transparent url(http://savepic.su/191088.png) no-repeat left top;
margin-left : 0px;
} -это цвет внутреннего фона (если хочешь - картинкой)
body {background-color: #071379;
background-image : url("http://savepic.net/2137132.jpg");
background-repeat: no-repeat;
background-position : top center;
} фон и шапка #071379; << цвет заднего фона
Поделиться192011-12-15 23:06:26
в архив
Похожие темы
предупреждения об отсутствиях | INFORMATION | 2015-04-02 |
4.09.11 - МЫ ОТКРЫЛИСЬ!! :) | ГЛАВНЫЙ АРХИВ | 2011-10-01 |
новости Бона ^_^ | BONUP ART | 2023-06-28 |
Заявка | ПАРТНЕРЫ | 2015-11-04 |
навигация | ГЛАВНЫЙ АРХИВ | 2012-12-18 |