Акина написал(а):rpsЭ... ну, предположим, знаю. Дизайны пишу
Ну раз знаете, тогда вот инструкция.
/* A5.1 */
#pun {
margin: 360px auto auto 287px;
width: 791px;
padding: 0 0 1px 0;
}
Здесь нам нужно указать отступ форума сверху, чтобы в получившийся промежуток поместить логотип и две панели ссылок. Выделенное число складывается из нескольких составляющих: высота логотипа + высота главного меню + высота пользовательских ссылок + высота промежутков между блоками. В данном случае форум является "сплошным", поэтому величиной промежутков пренебрегаем. Обращаю внимание, что позиция #pun должна быть строго статической, иначе, если указана относительная позиция, не возможным окажется в дальнейшем зафиксировать нужные элементы сверху.
/* D1.1 */
#pun-title {
margin: 0;
border: none;
position: fixed;
top: 0;
left: auto;
z-index: 1000;
width: 791px;
}
Здесь необходимо указать фиксированное положение логотипа, указать z-координату, желатьльно больше, чтобы при скорллинге отдельные элементы форума не оказались над логотипом или меню. Далее, указываем положение логотипа на экране.: верхняя координата равна нулю, левая должна быть со значением auto, чтобы логотип остался в центре. И ещё необходимо указать размер (ширину). В нашем случае она равна ширине форума из предыдущего пункта.
Аналогичное проделываем с главным меню
и пользовательскими ссылками
с разницей в том, что для верхней координаты нужно прибавить высоту логотипа (для меню) и высоту главного меню (для пользовательских ссылок), чтобы они шли друг за гругом.
Наконец нужно сделать фон для пользовательских ссылок, добавить его можно здесь:
/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
background-color: #67c272;
color: #004208;
}
Отредактировано rps (Чт, 10 Мар 2011 18:32:12)