Долго хотела написать, но незнала с чего начать...щас напишим)
Есть много вариантов стилей. Я научу легкому, а дальше как пойдет. Я училась сама, методом тыка. (как всегда)
1. Мы разбирем где что находиться.
Пока что Структура style.css мы разбирать не будем. Это позже.
Сейчас главное style_cs.css. Просто куда что вставлять, а в конце разберемся со цветом.
/* CS1 Background and text colours
-------------------------------------------------------------*/body {background: url(https://forumupload.ru/uploads/000b/84/0f/20-1.jpg) repeat; background-attachment: fixed; background-color: #dffdff;
}
Выделеным цветом у нас выделен фон. Сюда просто вставляем картинку.
repeat - если моими словами, то это повторение. Если написать: no-repeat, он повторять больше одного раза НЕ будет!
* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url("https://forumupload.ru/uploads/000b/84/0f/3-1-f.jpg");
background-position: center left;
background-color: #c2e2ff;
background-repeat: no-repeat;
color: #000000;
height: 20px;
font-style: normal;
text-align: center;
font-weight: normal;}
Эта ссылка на (опять моими словами) фигню1.
Люди моими словами все легче! Как это называется я без понятия!!
Фигня1 - это картинка, которая находиться под названием Категории. (Администрации или в создание темы) на нашем форуме вы можете ее везде найти.
Фигня2 - это место под шапкой (Форум, участники, поиск и т.д.) Она тоже идет картинкой. Такими же размерами как и Фигня1.
/* CS1.8 */
#pun-navlinks .container {
background-color: #dffdff;
color: #000000;
background: url(https://forumupload.ru/uploads/000b/84/0f/9-1-f.jpg);
text-align: center;
}
Это как раз Фигня2.Тут все аналогично.
#pun-about .container {
background: url(https://forumupload.ru/uploads/000b/84/0f/18-4-f.jpg) no-repeat center;
background-color: # 7be1f3;
#fcaed6;
height: 120px;
}/* CS2 Border colours
Это идет сразу после Фигни2. Это картинка, кто сделал стиль. Если вам это не нужно, можно свободно убрать.
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(ссылка на "Нет сообщений") no-repeat;
}tr.inew div.icon {
background: url(Ссылка на "Есть новое сообщение") no-repeat;
}tr.isticky div.icon {
background: url(ссылка на "важная тема") no-repeat;
}tr.iclosed div.icon {
background: url(Ссылка на "Закрытая тема") no-repeat;
}tr.iredirect div.icon {
background: url(Ссылка на "Переход из категории по ссылки") no-repeat;
}
Думаю по надписям понятно что куда вставлять.
/* CS5 Other
-------------------------------------------------------------*/#pun-title .title-logo {background-image : url("https://forumupload.ru/uploads/000b/5b/0e/3551-1-f.png");
background-repeat : no-repeat; height
Это шапка форума. Ее размеры зависят от Структура style.css.
Это просто что куда. Надеюсь разобрались. Вопросы в тему. Я пока пишу про цвета.
