Как сделать несколько баннеров в футере форума (друг за другом)?

Подскажите, пожалуйста, хочу разместить несколько баннеров в одну строку. Баннеры разного размера. К сожалению, сейчас они выстраиваются в футере один за другим сверху вниз. Как можно сделать, чтобы баннеры шли друг за другом попорядку? И после окончания места на первой строке - переносились на вторую и дальше?

Я нашла только эту тему https://help.forum2x2.ru/t39570-topic, но там все баннеры единого дизайна и одного размера, не понимаю, что из того кода нужно удалить. Мне нужно, чтобы и дизайн баннеров сохранился и их размер.

Вообще, в идеале хотелось бы, чтобы баннеры заполнили бы все пустое место без пробелов в фоутере, но это наверно, совсем сложно.

На вскидку: Вам надо упаковать все баннеры в общий контейнер (сформировать из них футер), через CSS задать им свойство display: inline-block (тогда они выстроятся в строку) и не фиксировать нарочно размеры (тогда их не деформирует).

Но нужно уточнять, какие именно баннеры — просто ссылка + картинка внутри или же счетчики, т.е. ссылка, обвешанная скриптами.

Это будут баннеры, состоящие из скриптов, в том числе и счетчики.

А если можно, объясните, пжл, поподробнее, как создать общий контейнер из них.

Попробуйте этот способ.

Если не поможет, то есть еще один.

В шаблон overall_footer_end ставим вниз перед

Код:

</body>

Код:

<style>
.splCont{display:none;border:1px solid #cccccc;padding:3px 5px;}
</style>

<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      if( $(this).attr("value")=='Наши друзья' ) $(this).attr("value","Закрыть");
      else $(this).attr("value","Наши друзья");
      return false;
    });
  });
</script>

Затем если вам надо этот контейнер поставить на главной странице внизу идём в шаблон index_body
и в самый низ ставим сам контейнер

Код:

<div><input class="splLink" type="button"  value="Наши друзья"><div class="splCont">
ЗДЕСЬ СОДЕРЖИМОЕ
</div></div>

А вообще рекомендую подогнать баннеры хотя бы примерно под размер.

И способы без вмешательства в шаблоны..
С горизонтальной прокруткой :

Код:

jQuery(document).ready(function(){jQuery('#page-footer').after('<marquee direction=right scrollamount=3 scrolldelay=90 width=100% height=87>

Здесь коды баннеров

</marquee>')});

Если нужно изменить направление прокрутки, то меняем marquee direction=right на marquee direction=left
height=87 - высота контейнера в пикселях.
width=100% - ширина в процентах.
scrolldelay=90 - чем ниже значение, тем выше скорость движения, и наоборот.

Без прокрутки :

Код:

jQuery(document).ready(function(){
jQuery('#page-footer').before('Здесь коды баннеров');
});

[quote="Феникс"]И способы без вмешательства в шаблоны..
С горизонтальной прокруткой :

Код:

jQuery(document).ready(function(){jQuery('#page-footer').after('<marquee direction=right scrollamount=3 scrolldelay=90 width=100% height=87>

Здесь коды баннеров

</marquee>')});

Спасибо, это наверное попроще будет. С предыдущими вариантами у меня не получилось почему-то.
Только вопрос - а этот куда вставить?

Olga_webmaster пишет:Только вопрос - а этот куда вставить?

В основные скрипты с расположением на всех страницах.

Странно.. у меня работал этот туториальчик. Видимо Вы где-то допустили ошибку.

Можно еще сюда вставить
ПА - Модули - Управление  Javascript - Активировать управление кодами Javascript - Да - Сохранить.
И тут же нажимаете на кнопку "Создать новый Javascript" -
Название - любое
Расположение - на всех страницах