Ответы на часто задаваемые вопросы.
Тайна №1. Большая шапка
Работа в цвета_css.cs
#pun {
background: url(http://i063.radikal.ru/1101/bc/846a8bd5f890.jpg) #fff no-repeat top center;
color: #0d1149;
}
Вместо того, что выделено, пихаете ссылку на свою шапку, которая будет обрезана под ширину форума.
html, body {
background: url(http://s016.radikal.ru/i334/1101/fe/986b5cac5526.jpg) #516c92 repeat-x top;
}
А вот теперь вы должны вместо того, что выделено, заменить на ссылку со своей большой, не обрезанной, шапкой.
Конечно, при таком раскладе у вас не будет возможности вставить ещё какую-нибудь фигнюшку на фон.
Тайна №2. Меню навигации, пользовательское меню - цвет, шрифт и другие манипуляции - как?!
Работа, опять-таки, в цвета_css.cs
Там мы ищем такую странную надпись, как /* CS3 Links-------------------------------------------------------------*/, ниже которой будут предоставлены нам коды, которые отвечают за наши менюшки и манипуляции с ними.
Меню навигации (форум, участники, поиск и т.д.) - это, как обычно, /* CS3.3 */ и /* CS3.4 */ (при наведении)
Пользовательское меню (активные темы, мои сообщения и т.д.) - это /* CS3.1 */ и /* CS3.2 */ (при наведении). Кстати, поправочка - этих кодах ещё пишут и элементы, отвечающие за цвет и обычных ссылок.
Так вот, в эти коды вставляете все другие атрибуты, которые изменяют начальное значение. Вот немножко вам в помощь:
font-size: npx - этот тег известен очень многим, он отвечает за размер шрифта. n - размер шрифта в пикселах.
font-style: x - вместо x italic - курсивный, и bold - выделенный
font-weight: bold, bolder, lighter, normal - делает текст полужирным, жирным, светлым, и оставляет обычным соответственно
text-align: left, center, right - расположение текста. значения - по левому краю, по центру, по правому краю
font-family: x - вместо x любое название шрифта
text-shadow: 1px 1px 1px #цвет - тень текста* (см. ниже)
line-height: xpx - отступ между строчками. т.е. размер (в пикселях) между строками.
text-transform: lowercase/uppercase - задает трансформацию текста. lowercase - весь текст написан маленькими буквами (т.е. нет заглавных букв), uppercase - весь текст заглавными буквами
font:x bold; - Параметры вместе, пример: font:bold center xx-small 1px 0px 0px #000;
Тайна №3. Тень текста - никакой не мрак!
Работа в цвета_css.cs и в тех кодах, которые отвечают за нужный вам элемент. Ну, короче, надеюсь, вы знаете, куда пихать очередной атрибут манипуляции с текстом. Кстати, некоторые браузеры упорно не хотят поддерживать эту функцию. ^ ^
text-shadow: 1px 0px 0px #000;
Первый параметр — смещение по оси X;
Второй — смещение по оси Y;
Третий — радиус размытия;
Четвертый — цвет тени.
Тайна №4. Цельный форум - это же не только с помощью фона?!
Нет, далеко нет. Работа в цвета_css.cs или, если хотите, в структура_css в коде /* A5.1 */.
Вариант 1 - цвета_css.cs
Сначала поищите там подлый и малозаметный кодик с названием #pun без всяких других слов. Не нашли? Значит вставляем его в любое место окошка css.cs и пишем:
#pun {background-color: #ваш цвет;}
Вариант 2 - в А5.1 уже есть пресловутый punТак что мы просто дописываем ниже к кучке его кодов атрибут background-color: #ваш цвет;
Тайна №5. Шапка не влезает - SOS!
Работа в цвета_css.cs, а также, возможно, в структура_css. Итак, если ваша шапке не влезает по высоте, то спешу сообщить, что высота ограничивается значениями в кодах D1.2 и #pun-title TABLE, что обычно идёт после кода D1.4. Но легче всего, конечно, в коде с шапкой хитроумненько так подписать атрибут height: высота_шапкиpx.
Если всё дело в ширине, то ширина шапки ограничивается шириной форума и его отступами.
padding: 0px отступ слеваpx 0px отступ справаpx;
Но лучше, избегая излишней мороки, вернитесь к тайне №1.
Тайна №6. Профиль по середине
Вставляем в цвета_css.cs данный код:
pa-adnote , .pa-from , .pa-reg , .pa-posts, .pa-respect , .pa-positive, .pa-sex, .pa-icq , .pa-ip , .pa-online , .pa-age , .pa-mailagent, .pa-avatar, .pa-title, .pa-author , .pa-time-visit , .pa-fld1 , .pa-fld3 , .pa-fld2, .pa-last-visit{ text-align: center;}
То, что выделено, можно менять на свое: left, center, right.
Тайна №7. Как провести манипуляции с текстом в категориях?
Ищем /* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #цвет_фона;
color: #цвет_шрифта;
background-image: url("картинка");
background-repeat: no-repeat;
background-position: center;
font-weight: bold;
font-family: Book Antiqua;
font-size: 1.2em;
font-style: oblique;
text-align: center; }
font-weight - насыщенность шрифта.
font-family - шрифт.
font-size - размер шрифта. Значения: em, ex, pt, px, % и др.
font-style - начертание шрифта — обычное, курсивное или наклонное. Значения: normal, italic, oblique
text-align - расположение текста. Значения: left, right, center
Ненужные атрибуты просто удалить.
Тайна №8. Рамки для цитаты, кода
За все параметры кода отвечает элемент .punbb .code-box. Обычно в стилях о стоит вместе с цитатой .punbb .quote-box под номером CS1.7
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #цвет_фона;
color: #цвет_текста
}
Параметры для рамок коды и цитат ищутся по тем же элементам, но уже в окне Структура style.css в группе кодов B. В основном они ошиваются по номером B1.8
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border: none;
border-left: 3px dashed #3e1b18;
border-right: 1px solid #3e1b18;
border-top: 1px solid #3e1b18;
border-bottom: 1px solid #3e1b18;
}
Как можете видеть, здесь для каждой стороны рамки задаётся отдельное свойство. Вот например левая рамка border-left будет иметь пунктир в 3 пикселя и цветом #3e1b18.
О видах оформления рамок можете взять в пример:
