Полоса - разделитель

Не знаю как назвать, можно ли поставить вот такую штуку как на картинке и если да, то как?

Здравствуйте если вас правильно Вас понял то

Код:

ПА-Оформление - Картинки и цвета - Общие навигация :

Фоновое изображение для заголовков : (загружаете картинку сюда)
Фоновое изображение для категорий (слева) :(загружаете картинку сюда)
Фоновое изображение для категорий (справа): (загружаете картинку сюда)

А это внизу, сейчас картинку покажу. Поэтому и спросила. Или эта полоса называется слева и справа? Заголовки - это я так понимаю, там где пишется форум такой-то, Автомобили, Мотоциклы и т.д.

VeraLV пишет:А это внизу, сейчас картинку покажу. Поэтому и спросила. Или эта полоса называется слева и справа? Заголовки - это я так понимаю, там где пишется форум такой-то, Автомобили, Мотоциклы и т.д.

Сделайте так как написал, посмотрите то что вам нужно или нет. Если нет, то пишите снова сюда, и давайте ссылку на сайт, на котором вы это увидели.

Значит так - Фоновое изображение для категорий (слева) :(загружаете картинку сюда)
Фоновое изображение для категорий (справа): (загружаете картинку сюда)

Да, это там, но вверху, а мне нужно внизу. Судя по настройкам форума, наверное это технически невозможно.



Где взято, [url=chertovologovo.ipb.su]тут[/url]

Тогда я эту штучку сверху бы поставила, но там надпись категории.

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

Скорее всего - это можно сделать через CSS, но я в этом ноль.

VeraLV пишет:Скорее всего - это можно сделать через CSS, но я в этом ноль.

да, и я в этом тоже пока что такой же.

Никто не отвечает, наверное не возможно то, что хочется.

VeraLV пишет:Никто не отвечает, наверное не возможно то, что хочется.

Погоди. Не суетись! У меня тоже есть вопросы, на которые еще не ответили. Просто нужно подождать. Людей тоже понять можно, нас-то много, а их по любому меньше ;)
По теме: присоединяюсь к вопросу.

VeraLV пишет:Не знаю как назвать, можно ли поставить вот такую штуку как на картинке и если да, то как?

Скорее всего, это то, что называется картинка между категорий (форумов)

Да это, но нету изображения почему-то, может что-то не так поняла?

домовой пишет:Тот же самый шаблон index_box (Главная страница - показ категорий), ищите фрагмент
КОД: ----ВЫДЕЛИТЬ СОДЕРЖИМОЕ
<img src="{SPACER}" alt="" height="5" width="1" />
и заменяйте на
КОД: ----ВЫДЕЛИТЬ СОДЕРЖИМОЕ
<div class="razdel"></div>
Не забудьте сохранить и опубликовать.

Шаблоны - Общие настройки - Главная страница - показ категорий.

s пишет:<img src="{SPACER}" height="0" width="46" alt="." /></td>

Строчка полностью

Код:

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

Меняем, получаем

Код:

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><div class="razdel"></div></td>

Ее точно не так надо прописать?

Код:

<div class="razdel"><td class="{catrow.cathead.inc.INC_CLASS}" width="46"></div></td>

Сохранить и опубликовать. Появляется надпись - открытый доступ.

Домовой пишет:CSS настройки те же
КОД: ----ВЫДЕЛИТЬ СОДЕРЖИМОЕ
/* разделитель категорий */

.razdel {
display: block;
background: #FFF url(https://i.servimg.com/u/f57/13/71/53/06/barrin10.gif) no-repeat center; /* изображение разделителя */
height: 30px; /* его высота */
}
Картинку ставьте, какую пожелаете. Она будет одна и по центру.

Это я так понимаю надо идти в картинки и цвета.

Выбираем Цвета - Каскадная таблица стилей CSS.

Добавляем код:

Код:

/* разделитель категорий */

.razdel {
display: block;
background: #FFF url(http://i57.servimg.com/u/f57/16/59/70/46/ddudnd72.png) no-repeat center; /* изображение разделителя */
height: 30px; /* его высота */
}

Сохранить.

Захожу в CSS, этот код там отсутствует, не подходит?

VeraLV, вот — всё сделано по теме Домового:

Исходный шаблон:


Отредактированный:

VeraLV пишет:Захожу в CSS, этот код там отсутствует, не подходит?

Извините, не поняла. Изначально его там нет, надо добавить. Вы этот код добавили, сохранили, а он пропал?

Понятно. Это я код не туда поставила.

Поставила в

Код:

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"> <div class="razdel"></div></td>

Надо поставить в

Код:

</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Dana Domirani, как сделать, чтобы по цвету была не белая полоса, а цвета моего форума - черная и вставляемая мной картинка по ширине растянулась.



Чтобы вот так было, но, на всю ширину как в верхнем поле, где надпись Категории форума - Админка.

Все, цвет нашла, а как растянуть картинку, не знаю.

/* разделитель категорий */

.razdel {
display: block;
background: #000(код цвета) url(https://i.servimg.com/u/f57/16/59/70/46/ddudnd72.png) no-repeat center; /* изображение разделителя */
height: 30px; /* его высота */
}

Изменилась таблица цветов




Была такая с множеством палитры.

VeraLV пишет:Изменилась таблица цветов

Проверьте в ПА > Общие > Сообщения и E-mail — Конфигурация > Вид палитры цветов в форме ответа

VeraLV пишет:Все, цвет нашла, а как растянуть картинку, не знаю.

/* разделитель категорий */

.razdel {
display: block;
background: #000(код цвета) url(https://i.servimg.com/u/f57/16/59/70/46/ddudnd72.png) no-repeat center; /* изображение разделителя */
height: 30px; /* его высота */
}

Надо убрать из этого кода no-repeat — команду не повторять фоновое изображение. Либо заменить его на repeat-x (повтор только по горизонтали).

Дана пишет: Вид палитры цветов в форме ответа

Да, точно, поставила Расширенная. Спасибо.

Дана пишет:Надо убрать из этого кода no-repeat — команду не повторять фоновое изображение. Либо заменить его на repeat-x (повтор только по горизонтали).

Убирать нельзя, иначе исчезает, заменить да, спасибо! Красота!

Можно ли как-то выровнять, немного выступает? Если нет, то и так хорошо.

Попробуйте добавить правый и левый border для разделителя:

.razdel {
background: #000 url(https://i.servimg.com/u/f57/16/59/70/46/ddudnd72.png) center;
display: block;
height: 20px;
border-left: 3px solid #000;
border-right: 3px solid #000;
}

Да, я тоже об этом подумала и хотела спросить. Освобожусь, отпишусь.

Супер! Идеально!