вставка картинки на бекграунд в категории - Дизайн и модификация Invision Power Board

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

 

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

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

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

background css
  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

вставка картинки на бекграунд в категории так как на картинке

#1 Пользователь не на сайте   xCeMeHx »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 15
  • Регистрация: 21-Апрель 07
  • Репутация: 0
 

  Отправлено 17 Август 2007 - 16:33

подскажите пож-та как зделать так чтоб было как отмечено на картинке в том красном квадрате что ниже
заранее благодарен

Вложений

  • Вложение  wsssda.jpg (39,78К)
    Количество загрузок: 106

0

#2 Пользователь не на сайте   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
 

Отправлено 17 Август 2007 - 17:16

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

#3 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

Отправлено 17 Август 2007 - 17:51

дело втом, что оно берет маленькую картинку шириной в пиксель и плодит её вдоль. (насчет разделителя) а нужно чтоб была сначала одна картинка с узором а за ней шла та которая шириной в пиксель
0

#4 Пользователь не на сайте   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
 

Отправлено 17 Август 2007 - 22:41

Ну значит 2 ячейки :D
В одной картинка с узором, потом узкая, размножающаяся по ширине.
0

#5 Пользователь не на сайте   Soi »

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

Отправлено 17 Август 2007 - 22:43

а можно примерно так:
<div class="maintitle" style="padding:0px;"><div style="background: url(адрес боковой левой картинки) no-repeat top left; padding: (позаимствовать из класса maintitle в css); width: 100%;">Заголовок</div></div>

это конечно не то, что нужно в чистом виде ставить в шаблон, просто довольно грубый пример
все параметры из стиля можно, даже нужно перенести в классы в css файл, чтобы прибрано было.
0

#6 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

Отправлено 21 Август 2007 - 20:25

эээ.... сорри... но я то только нарисовать шарю... а поставить-неа :rolleyes: а можно поподробней :)
0

#7 Пользователь не на сайте   Soi »

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

Отправлено 21 Август 2007 - 20:37

в админке LOOK & FEEL -> Edit Template HTML (нужного вам стиля) -> Board Index -> CatHeader_Expanded

найти:
 <div class="maintitle">
		<p class="expand"><a href="java script:togglecategory({$data['id']}, 1);"><{E_MINUS}></a></p>
		<p><{CAT_IMG}>&nbsp;<a href="{$this->ipsclass->base_url}showforum={$data['id']}">{$data['name']}</a></p>
	</div>

заменить на:
<div class="maintitle" style="padding:0px;">
<div style="background: url(style_images/<#IMG_DIR#>/left-image.gif) no-repeat top left; padding: 8px; width: 100%;">
		<p class="expand"><a href="java script:togglecategory({$data['id']}, 1);"><{E_MINUS}></a></p>
		<p><{CAT_IMG}>&nbsp;<a href="{$this->ipsclass->base_url}showforum={$data['id']}">{$data['name']}</a></p>
</div>
</div>

сохранить.

отрисовать левую картинку и назвать left-image.gif, поместить ее в папку с рисунками стиля.
0

#8 Пользователь не на сайте   somehain »

 
 
  • Advanced
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 825
  • Регистрация: 16-Июль 06
  • Репутация: 3
  • IPB version:3.0.x
 

  Отправлено 21 Август 2007 - 21:05

Да и javаscript необходимо писать вместе!
0

#9 Пользователь не на сайте   Soi »

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

Отправлено 21 Август 2007 - 21:09

Просмотреть сообщениеSomehaiN Aug 21 2007, 10:06 PM сказал(а):

Да и javаscript необходимо писать вместе!

сообщение отредактировано... фигню сморозила я )

Сообщение изменено: Soi (13 Май 2008 - 10:09)

0

#10 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

  Отправлено 22 Август 2007 - 15:59

Ой, спасибо.. :) вроде как поставил evilportal.org.ua вот можете глянуть :) а как насчет сделать єто везде? тоесть оно ток на глав странице... и еще.. а насчет той фишки с логотипом- там что делать? и еще... тама поехало сворачивание категорий... как это можно исправить и можно ли просто отменить сворачивание категорий?

Сообщение изменено: Nightcrawer (22 Август 2007 - 16:03)

0

#11 Пользователь не на сайте   Soi »

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

Отправлено 22 Август 2007 - 16:55

Просмотреть сообщениеNightcrawer Aug 22 2007, 05:00 PM сказал(а):

Ой, спасибо.. :) вроде как поставил evilportal.org.ua вот можете глянуть :) а как насчет сделать єто везде? тоесть оно ток на глав странице... и еще.. а насчет той фишки с логотипом- там что делать? и еще... тама поехало сворачивание категорий... как это можно исправить и можно ли просто отменить сворачивание категорий?

Угу, поехало.
В таком случае из предложенного кода нужно убрать width: 100%.

Все остальные заголовки нужно обработать подобным образом, если хотите добавить везде.
С шапкой тоже по аналогии.
Для этого нужно править не менее 120 фрагментов шаблонов, и т.к. я не могу написать гид по каждому фрагменту, вам придется изучать HTML (просто банально проанализировать, что я добавила в дефолтный код), и почитать документацию по созданию стилей для IPB.
0

#12 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

Отправлено 22 Август 2007 - 21:50

А можно просто взять и убрать сворачивание категорий? Если да то как? и если я хочу такойже узор добавить справа то просто скопировать и прописать вместо left-right?
0

#13 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

Отправлено 23 Август 2007 - 12:20

И еще: не могли бы Вы подсказать как отделить пост отдельного пользователя картинкой?
Например вот в углу каждого поста, например, админа, был какой то маленький рисунок?
0

#14 Пользователь не на сайте   Soi »

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

Отправлено 23 Август 2007 - 15:55

Просмотреть сообщениеNightcrawer Aug 22 2007, 10:51 PM сказал(а):

А можно просто взять и убрать сворачивание категорий? Если да то как? и если я хочу такойже узор добавить справа то просто скопировать и прописать вместо left-right?

можно и убрать. Для этого просто удалите картинку <p class="expand"><a href="java script:togglecategory({$data['id']}, 1);"><{E_MINUS}></a></p>

а еще одну картинку добавлять нужно по аналогии и я опять таки прошу вас не задавать однотипные вопросы, а найти учебники по хтмл и css. Если логически проанализировать код, который я вам дала, его достаточно чтобы решить все аналогичные задачи поставленные вами.

Просмотреть сообщениеNightcrawer Aug 23 2007, 01:21 PM сказал(а):

И еще: не могли бы Вы подсказать как отделить пост отдельного пользователя картинкой?
Например вот в углу каждого поста, например, админа, был какой то маленький рисунок?

для такой фишки вам понадобится не просто вмешательство в css, но и модификация, позволяющая назначить администраторскому посту свой класс в css. А добавление картинки в этот класс задача аналогичная рассмотренной выше, даже проще.

Сообщение изменено: Soi (23 Август 2007 - 15:57)

0

#15 Пользователь не на сайте   Nightcrawer »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 10-Август 07
  • Репутация: 0
  • IPB version:2.2.2
 

Отправлено 30 Август 2007 - 19:25

Вот тут способ поменять ЦВЕТ фона сообщений админа, но мне помогли его чуть поменять и удалось сделать из него не изменение цвета а вставка туда картинки
.post1admin{ 

	margin: 0; padding: 0 0 0 15px; background: url('Линк на картинку') no-repeat 0px 3px; margin-bottom: .6em; 

	}

так вот. как сделать так чтоб єта картинка біла внизу справа? (в углу)
0

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


  • 2 Страниц +
  • 1
  • 2
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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
При копировании материалов с сайта
прямая ссылка на источник обязательна