Reparo

Поделиться412012-02-11 11:27:05

Автор: Obliviate
карамель'
Зарегистрирован: 2011-12-27
Приглашений: 0
Сообщений: 354
Уважение: +32
Позитив: +14
Провел на форуме:
2 дня 3 часа
Последний визит:
2012-08-23 19:50:21

blood&milk
Хорошо, теперь займемся фоном форума. За это отвечает вот этот пункт:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {background-color: #000000;
background-repeat: repeat;
background-position : top center;

}

body {
background-color: #000000;
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;
}
#pun {background-image: url(http://uploads.ru/i/J/H/e/JHeEA.png);
}

}

Итак, то что выделено красным, это ссылка на картинку фона. Ты можешь задавать фон либо картинкой, либо просто заливать цветом. Если эта картинка, код будет такой:

#pun {background-image: url(http://uploads.ru/i/J/H/e/JHeEA.png);

Картинку создаешь в фотошопе, размерами такими же, как ширина форума (у нас 860 пикс.), длина не важна, сколько тебе потребуется, но лучше сократить значение до минимального.

Если ты хочешь залить фон только цветом, то это место принимает такой вид:

#pun {background-color: #000000;

С таким кодом, наш фон будет залит в черный цвет.

Итак, твое задание:
Создать в фотошопе картинку фона и вставить ее в код.

0

Поделиться422012-02-11 21:42:56

Автор: blood&milk
В некоторые головы мысли приходят умирать.
Зарегистрирован: 2011-10-09
Приглашений: 0
Сообщений: 173
Уважение: +37
Позитив: +11
Провел на форуме:
1 день 12 часов
Последний визит:
2012-04-07 22:22:07

http://dnakiller.rusff.me/
симпатишно вышло))))) я поменяла на картинку.

0

Поделиться432012-02-12 10:53:07

Автор: Obliviate
карамель'
Зарегистрирован: 2011-12-27
Приглашений: 0
Сообщений: 354
Уважение: +32
Позитив: +14
Провел на форуме:
2 дня 3 часа
Последний визит:
2012-08-23 19:50:21

blood&milk
Хорошо) Пусть пока будет так.
Теперь обсудим иконки, их нам нужно 4 вида:
-Старое
-Новое
-Закрыто
-Важно
За это отвечает Структура style_cs.css, вот это место:

/* CS4 Post status icons
-------------------------------------------------------------*/
.punbb table Div.icon {float: right; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 100px;
height: 100px;
background-image : url(http://uploads.ru/i/6/W/8/6W8K3.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://uploads.ru/i/x/Q/2/xQ295.png);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}

TR.isticky Div.icon {
background-image : url(http://uploads.ru/i/R/C/b/RCb9B.png);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}

TR.iclosed Div.icon {
background-image : url(http://uploads.ru/i/I/8/p/I8prv.png);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}