Создание скинов ipb для чайников (меняем css)

[Fisana 700]

Смотреть архив не буду.

Сверху и снизу ясно почему центральная картинка вылезает.

body - весь экран

А в классе ipbwrapper прописан верхний и нижний отступ от края экрана (margin), равный 20px. Можете их обнулить. Кроме того, можно прописать ширину 100%, а в ipbwrapper2 увеличить padding, чтобы таблицы не липли к краям экрана, по дефолту там padding:0;.

 

background:url(img/inforum_back.jpg) center repeat-y; - и что, она не центрируется посередине?

Таблицы соскочить могли только в том случае, если неправильно прописали свойства классов или забыли закрыть тег .

 

Просто в классах submenu и .ipb-top-left-link,.ipb-top-right-link задайте

background: transparent;

В них же обнулите/уберите контур.

border: 0;

 

Все станет прозрачным.

[andaril 4]

какие классы отвечают за вкладки в профайле? и можно ли туда вставить картинки?

[Fisana 700]

какие классы отвечают за вкладки в профайле? и можно ли туда вставить картинки?

А точнее?

Какие именно вкладки?

Если можно, приведите пример из профиля с url хотя бы на этом форуме.

[KEFIROFFU4 0]

все понятно что ничего не понятно))) вернулся к нулевому варианту и решил начать с верхней картинки. если я использую ее как фон и пишу в классе ipbwrapper, то она не раздвигается на весь экран, а занимает установленный width. (у меня он 92%) а если вставлять картинку через тег в HTML шаблон, то вставляется нормально и занимает всю площадь, но сразу же и таблицы раздвигаются на полную, хотя я width в классах не трогаю...

 

так разобрался потихоньку, добавил класс ipbwrapper2, вписал его в HTML. в свойствах класса первого ширину поставил 100 а второго 92 - получилось)))

 

прем дальше

Изменено 30 ноября 2007 пользователем KEFIROFFU4

[KEFIROFFU4 0]

подогнал центральную картинку, но она все равно вылезает из \-за сабменю и активюзерс - поставлю черный фон.

добавил ipbwrapper3 (после закрытия двух первых div) и вставил третью картинку - нижнюю, но почему то она вставляется не целиком а только нижний ее край.

вот что получилось

форум, CSS, HTML

 

это надо как то исправить)))

пока пойду дальше

[Fisana 700]

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

Картинку огромной по высоте сделали, а про то, что шапка короткая, забыли.

В css увеличьте высоту в классе #logostrip. Она по дефолту 68px, а фоновая картинка явно больше...

[andaril 4]

А точнее?

Какие именно вкладки?

Если можно, приведите пример из профиля с url хотя бы на этом форуме.

ну по середине вкладке при просмотре профиля. "Темы", "сообещния" "блог" и тд...

 

я туда хочу снег сверху добавить)

[KEFIROFFU4 0]

порезал margin у всех ipbwrapper и все стало на свои места.

submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?

в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним

[Fisana 700]

ну по середине вкладке при просмотре профиля. "Темы", "сообещния" "блог" и тд...

 

я туда хочу снег сверху добавить)

Если снег в полосу заголовка всех вкладок, это:

.pp-tabclear,
.pp-maintitle

А выше расположены кнопки.

Достаточно править

.pp-tabon

А также

.pp-taboff,

.pp-tabshaded

 

порезал margin у всех ipbwrapper и все стало на свои места.

submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?

в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним

Ссылки в юзерлинках задаются общим классом со всеми ссылками форума практически

a:link,
a:visited,
a:active

Вначале сделайте скин, возможно, цвет ссылок править и не придется, когда поправите их все.

А иначе надо будет создавать дополнения к классу юзерлинков.

[andaril 4]

спасибо

[KEFIROFFU4 0]

А иначе надо будет создавать дополнения к классу юзерлинков.

раскажите как привильно синтаксически создать дополнение к классу userlinks?

Сейчас код выглядит так

#userlinks,
#userlinksguest{ 
margin: 0px 0 0px 0;
padding: 0 40px 0 40px;
clear: both;
	 background: #FFF;
	 color: #FFFF99;
}

#userlinksguest{ 

}

и еще

1. как использовать вместо стандартных ссылок в userlinks картинки, например готовые кнопки?

2. как редактировать ссылки submenu, userlinks - ну чтоб помимо обычных стандартных добавить какие нибудь свои? или удалить несколько ненужных стандартных.

3. какие еще параметры кроме border может иметь граница блоков? (ну например типы линии - двойная или прерывистая, или цвет линии)

 

P.S. Большое спасибо за своевременные ответы)) они очень помогают в освоении форумстроительства.

[KEFIROFFU4 0]

как изменить фон основных полей форума?

в maintitle получилось, а вот с subtitle не выходит, пишу transparent - 0 реакции, класы row1, row2 вообще не могу найти)

сейчас код выглядит так

а сам ворум так

[KEFIROFFU4 0]

с цветом ссылок в юзерлинкс разобрался сам) создал дополнительный класс

[Fisana 700]

По порядку вопросы бы задавали...

Это не относится, кстати, к вопросам по css.

О сабменю. Как добавить новые ссылки форума - читайте.

 

Чтобы слова меню заменить кнопками, достаточно вместо Названий меню прописать картинки (кнопки) в тегах

 

Про css:

Обычная линия: solid; Двойная линия: double (yтолстить ее надо при этом минимум до 3px); прерывистая: dashed; точечная: dotted;

C цветами линий разберетесь сами.

Многие видимые линии в таблицах по дефолту задаются не контуром, а промежутком в таблицах - это тоже вопрос не по css, а html: cellspacing="1".

[KEFIROFFU4 0]

скрин

в каких HTML шаблонах настраиваются строка быстрого поиска, навигация внизу и выбор скина юзером? Можно ли настраивать их цветовую гамму в CSS? Можно ли их убрать совсем и как?