Создание скинов ipb для чайников (меняем css) Все вопросы по css для версий 2.x
#61
Отправлено 29 Ноябрь 2007 - 22:52
Сверху и снизу ясно почему центральная картинка вылезает.
body - весь экран
А в классе ipbwrapper прописан верхний и нижний отступ от края экрана (margin), равный 20px. Можете их обнулить. Кроме того, можно прописать ширину 100%, а в ipbwrapper2 увеличить padding, чтобы таблицы не липли к краям экрана, по дефолту там padding:0;.
background:url(img/inforum_back.jpg) center repeat-y; - и что, она не центрируется посередине?
Таблицы соскочить могли только в том случае, если неправильно прописали свойства классов или забыли закрыть тег </div>.
Просто в классах submenu и .ipb-top-left-link,.ipb-top-right-link задайте
background: transparent;
В них же обнулите/уберите контур.
border: 0;
Все станет прозрачным.
#62
Отправлено 29 Ноябрь 2007 - 23:01
#64
Отправлено 30 Ноябрь 2007 - 10:19
так разобрался потихоньку, добавил класс ipbwrapper2, вписал его в HTML. в свойствах класса первого ширину поставил 100 а второго 92 - получилось)))
прем дальше
Сообщение изменено: KEFIROFFU4 (30 Ноябрь 2007 - 10:32)
#65
Отправлено 30 Ноябрь 2007 - 11:38
добавил ipbwrapper3 (после закрытия двух первых div) и вставил третью картинку - нижнюю, но почему то она вставляется не целиком а только нижний ее край.
вот что получилось
форум, CSS, HTML
это надо как то исправить)))
пока пойду дальше
#66
Отправлено 30 Ноябрь 2007 - 12:17
Картинку огромной по высоте сделали, а про то, что шапка короткая, забыли.
В css увеличьте высоту в классе #logostrip. Она по дефолту 68px, а фоновая картинка явно больше...
#68
Отправлено 30 Ноябрь 2007 - 16:11
submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?
в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним
#69
Отправлено 30 Ноябрь 2007 - 21:52
andaril Nov 30 2007, 03:21 PM сказал(а):
я туда хочу снег сверху добавить)
Если снег в полосу заголовка всех вкладок, это:
.pp-tabclear, .pp-maintitle
А выше расположены кнопки.
Достаточно править
.pp-tabon
А также
Цитата
.pp-tabshaded
KEFIROFFU4 Nov 30 2007, 05:12 PM сказал(а):
submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?
в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним
Ссылки в юзерлинках задаются общим классом со всеми ссылками форума практически
a:link, a:visited, a:active
Вначале сделайте скин, возможно, цвет ссылок править и не придется, когда поправите их все.
А иначе надо будет создавать дополнения к классу юзерлинков.
#71
Отправлено 03 Декабрь 2007 - 09:27
Fisana Nov 30 2007, 10:53 PM сказал(а):
раскажите как привильно синтаксически создать дополнение к классу 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. Большое спасибо за своевременные ответы)) они очень помогают в освоении форумстроительства.
#73
Отправлено 03 Декабрь 2007 - 11:17
#74
Отправлено 03 Декабрь 2007 - 14:24
Это не относится, кстати, к вопросам по css.
О сабменю. Как добавить новые ссылки форума - читайте.
Чтобы слова меню заменить кнопками, достаточно вместо Названий меню прописать картинки (кнопки) в тегах <img scr=""..../>
Про css:
Обычная линия: solid; Двойная линия: double (yтолстить ее надо при этом минимум до 3px); прерывистая: dashed; точечная: dotted;
C цветами линий разберетесь сами.
Многие видимые линии в таблицах по дефолту задаются не контуром, а промежутком в таблицах - это тоже вопрос не по css, а html: cellspacing="1".
- ← IPB и Sape.ru - как и куда удобно вставить код
- Скины IPB 2.x
- Правка отображения инфо пользователя →









