Привеееет Каатя я тоже Катя)) ну да ты знаешь хддд
Какой ты дизайн хочешь научиться дела?
со слитым фоном и шапкой,
с сайдбарами,
как у нас.
какие там ещё бывают? х)
Фоныч
Сообщений 1 страница 18 из 18
Поделиться12011-10-08 11:38:53
Поделиться22011-10-08 12:15:40
Mr.Space;
Вообще хотелось бы научится такого типа как ты сделала)
Поделиться32011-10-08 12:48:07
Фоныч
создавай тестовой форум.
сюда кидай пароль и ник админа.
Поделиться42011-10-08 12:50:41
http://onceincalifornia.rusff.me/
Daniel Foster
1111
Поделиться52011-10-08 14:19:42
Фоныч
создавай новый тестовой форум.
Поделиться62011-10-08 14:25:58
http://testmenow.mybb.ru/
Sam
1111
Поделиться72011-10-08 15:34:31
Фоныч
Раз уж ты решила научиться делать слитый фон и шапку, то поехали)
Для начала, в фотошопе создавай новый файл размером 1600*1200
Я обычно такой беру)
Затем нажимай ctrl+r и у тебя откроетсялинейка.
С зажимай на полоску линейки, и переноси её на середину нового файла. У тебя она сама ровно на середину встанет.
Далее нам нужно добиться вот такого -
Что бы линии были так.
Давай я расскажу о них.
Линия по середине - эта обозначивеешся уже линия, которая разделяет наш фон на 2 ровные части.
Линии по бокам - это границы нашей шапки. Хотя они и не так важны, потому что я делаю этот стиль по другому, что и далее ты так е будешь изучать)
Горизонтальная линия - эта линия, где кончается шапка.
Вот таким вот образом создавай фон.
Перетаскивай туда все.
Между боковыми линиями и горизонтальной будет расположен уже сам форум. т.е. категории, объявление, темы. Так что его залей одним цветом.
Жду шапки.
Если будет что то не понятно - пиши, объяснюю)
Поделиться82011-10-08 15:48:43
Непонятно)
Я сделала линейку, задала С и у меня выделился инструмент рамка...и что дальше?
Поделиться92011-10-08 18:00:45
Я сделала линейку, задала С и у меня выделился инструмент рамка...и что дальше?
Ну, открываешь линейку
и не отпуская ctrl перетаскиваешь линейку на фон и у тебя будет голубые линии
Поделиться112011-10-08 21:42:00
Фоныч
почему низ белый?
Поделиться122011-10-08 21:43:08
Mr.Space;
а какой он должен быть? это типо уже тело форума)
Поделиться132011-10-08 22:51:27
Фоныч
да вообще внизу.
Почему у тебя по бокам тоже белое (внизу)?
Поделиться152011-11-06 17:42:18
Фоныч
Хорошо
для начала сужаем форум до нужного
заходим в первое окошко и находим это:
/* 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-11-06 19:36:33
Сделала, но у меня получается что тело не прокручивается..
Поделиться172011-11-11 21:25:51
Фоныч
Ну так естественно! Зачем раньше времени спешить? Я пока не объясняла, как вставлять сам фон. =)
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: url(http://10pix.ru/img1/1821/6029898.png) fixed repeat-y top center;
}
Фон зафиксирован, ну естественно, как же ему двигаться х)))
Я тебе вернула исходную форму body. и даай договоримся, что ты не будешь спешить раньше времени))
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-color: #dbdbdb;
}
#dbdbdb; <<< заменяешь на цвет фона (оранжевого)
Теперь.
Цвета 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; << цвет заднего фона
Поделиться182011-12-15 23:07:53
в архив
Похожие темы
зебра и Фоныч :3 | АРХИВ ОБУЧЕНИЯ | 2011-10-01 |
Фонетика чувств|Фоныч | АРХИВ ОБУЧЕНИЯ | 2011-12-15 |
Гуляем по ночному городу вместе с Фоныч' | АРХИВ ОБУЧЕНИЯ | 2012-03-16 |
зебрушка :3 | ГЛАВНЫЙ АРХИВ | 2011-09-05 |
лучшие работы дня: хроника | BONUP ART | 2015-03-31 |