Создание скинов ipb для чайников (меняем css) - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила форума

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

background css logostrip
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Создание скинов ipb для чайников (меняем css) Все вопросы по css для версий 2.x

#61 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 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;

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

#62 Пользователь не на сайте   andaril »

 
 
  • -_-'
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 2 638
  • Регистрация: 24-Март 07
  • Репутация: 1
  • Откуда:Тат, Наб. Челны
  • IPB version:I have no IPB
 

Отправлено 29 Ноябрь 2007 - 23:01

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

#63 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 30 Ноябрь 2007 - 02:58

Просмотреть сообщениеandaril Nov 30 2007, 12:02 AM сказал(а):

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

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

#64 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 30 Ноябрь 2007 - 10:19

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

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

прем дальше

Сообщение изменено: KEFIROFFU4 (30 Ноябрь 2007 - 10:32)

0

#65 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 30 Ноябрь 2007 - 11:38

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

это надо как то исправить)))
пока пойду дальше
0

#66 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 30 Ноябрь 2007 - 12:17

Для начала осознайте, что центральная картинка ну никак не может не вылезать, поскольку она в самом нижнем слое - body, на который все накладывается с собственными параметрами, никак от фона не зависящими.
Картинку огромной по высоте сделали, а про то, что шапка короткая, забыли.
В css увеличьте высоту в классе #logostrip. Она по дефолту 68px, а фоновая картинка явно больше...
0

#67 Пользователь не на сайте   andaril »

 
 
  • -_-'
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 2 638
  • Регистрация: 24-Март 07
  • Репутация: 1
  • Откуда:Тат, Наб. Челны
  • IPB version:I have no IPB
 

Отправлено 30 Ноябрь 2007 - 14:20

Просмотреть сообщениеFisana Nov 30 2007, 03:59 AM сказал(а):

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

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

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

#68 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 30 Ноябрь 2007 - 16:11

порезал margin у всех ipbwrapper и все стало на свои места.
submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?
в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним
0

#69 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 30 Ноябрь 2007 - 21:52

Просмотреть сообщениеandaril Nov 30 2007, 03:21 PM сказал(а):

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

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

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

А выше расположены кнопки.
Достаточно править
.pp-tabon

А также

Цитата

.pp-taboff,
.pp-tabshaded


Просмотреть сообщениеKEFIROFFU4 Nov 30 2007, 05:12 PM сказал(а):

порезал margin у всех ipbwrapper и все стало на свои места.
submenu и userlinks залил черным, но - как изменить цвет сылок в userlinks?
в submenu всу поменялось без проблем а в юзерлинкс меняется цвет текста (Вошли как...) а цвет ссылок остается прежним

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

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

#70 Пользователь не на сайте   andaril »

 
 
  • -_-'
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 2 638
  • Регистрация: 24-Март 07
  • Репутация: 1
  • Откуда:Тат, Наб. Челны
  • IPB version:I have no IPB
 

Отправлено 01 Декабрь 2007 - 12:42

спасибо
0

#71 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 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. Большое спасибо за своевременные ответы)) они очень помогают в освоении форумстроительства.
0

#72 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 03 Декабрь 2007 - 10:44

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

#73 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 03 Декабрь 2007 - 11:17

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

#74 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 890
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 03 Декабрь 2007 - 14:24

По порядку вопросы бы задавали...
Это не относится, кстати, к вопросам по css.
О сабменю. Как добавить новые ссылки форума - читайте.

Чтобы слова меню заменить кнопками, достаточно вместо Названий меню прописать картинки (кнопки) в тегах <img scr=""..../>

Про css:
Обычная линия: solid; Двойная линия: double (yтолстить ее надо при этом минимум до 3px); прерывистая: dashed; точечная: dotted;
C цветами линий разберетесь сами.
Многие видимые линии в таблицах по дефолту задаются не контуром, а промежутком в таблицах - это тоже вопрос не по css, а html: cellspacing="1".
0

#75 Пользователь не на сайте   KEFIROFFU4 »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 32
  • Регистрация: 28-Ноябрь 07
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 04 Декабрь 2007 - 16:18

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

Сообщить об этой теме:


  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна