Потеряло актуальность

Отредактировано god of bromance (09.03.2014 15:42:39)

sadhaka, все уже встало на свои места) Но код почищу, спасибо - этот косяк я точно знаю хотя бы откуда))) *даже странно, что он никак не проявил себя*
И отдельное спасибо за оперативность

sadhaka

Эта проблема решилась (нашла где-то на просторах интернета юзер-панель), но появилась другой вопрос:
Как создать в контейнерах стрелочки влево-вправо, чтобы информация менялась при нажатии на них?

Отредактировано Alexis Wilson (09.03.2014 17:27:44)

Alexis Wilson
а со стрелочками разобрались? это надо слайдер ставить:
Слайдер контента и картинок

можно, я в прошлый раз начал делать, пока вы не переписали вопрос, по-моему надо pun-crumbs поднимать через margin... точно не помню, что у вас осталось верхним) Ссылку дайте еще раз, пожалуйста)

Heigo
Шапку отдельно от пана можно прописать через боди:
body { 
         background: url(http://s9.uploads.ru/B9NL2.jpg) top center no-repeat,
url(http://s9.uploads.ru/dOXHD.jpg) center top repeat-y;
}
Пример можно у меня посмотреть. Первая картинка - верхняя, смотрится как шапка, ширину можно делать любую, потому что это боди, оно не ограничено паном.
Но тогда нельзя задавать пан ни картинкой, ни цветом (он будет перекрывать, потому что идет "верхним слоем"), поэтому задаем его там же, в боди второй картинкой. У меня есть еще третья картинка, выглядит как футер. Чтобы она была поверх середины, ее надо задавать второй по очереди в боди.
В общем, проблема в том, что придется много переписывать (убирать цвета контейнеров, пана), поэтому, если нужно только лого широкое, а не обрезанное, то самое простое - это добавить к лого position: absolute; и настроить по центру через сдвиг в процентах или пикселях, обычно около 30%
left: 30%; (не margin-left!)

Третий вариант, где-то кто-то из наших писал, что он более "правильный", задать ширину пана столько, сколько по ширине будет шапка, например 1000px, а punbb  - сделать Уже, чтобы текст не выступал за ширину фоновой картинки посередине. Ну или отступ написать по бокам для него
padding: 0; 100px;

В любом случае, когда начнете перекраивать, все поедет и надо будет подправлять отступы.

Добавьте:
#pun-navlinks a {
    position: relative;
    top: 25%;
}
(если надо опустить именно строку со ссылками, а не фон под ними)

Разве /* CS3.3 */ редактирует меню? а не D3.3??

Да помогло спасибо и +1 :3

Отредактировано Heigo (20.03.2014 14:33:55)

В общем так. Картинка шапки должна выглядеть так:

Красным - твои собаки или волки.
Синим - закрывающая часть ПАНА - это будет рамка с березкой, как для ссылок, но только верхняя часть.  и надо будет подогнать так, чтобы соединялось ровно с повторяющейся картинкой пана. (для этого в фотошопе сначала сделай свою березку посередине ОТ ВЕРХА, а потом к ней подгоняй закрывающую рамку. А на форуме для картинки пана пропиши top center. Тогда стыка не будет видно.

Черным - границы картинки, т.е. она должна быть шире пана, а края такого же цвета, как фон коричневый. Так как у тебя там картинка, а не цвет, то придется делать в пнг, края размыть, чтобы был мягкий переход.
Другого варианта я не вижу.

Ichimaru Gin

Сия хрень должна не обрезаться а прозрачно растворяться на фоне(ладно гимп справится) рамку под юзер панель тоже можно подогнать. Но как налепить менюху которая на форуме на собственно эту шапку что бы наполовину панель меню была на шапке?

Отредактировано Heigo (20.03.2014 14:59:20)

эээээ.... пол меню в пане рисовать пол меню в шапке и подгонять что ли?

Отредактировано Heigo (20.03.2014 14:59:07)

Можно:
а) нарисовать все меню в шапке, а ссылки подвинуть вверх через маргин-топ, без position: relative;  или через top c позишеном. Значение для отступа будет отрицательным: -50px
б) ничего не рисовать в шапке, а подвинуть вверх сам контейнер, точно так же, он перекроет шапку.