Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Вопрос по скрипту, надо центрировать


Вопрос по скрипту, надо центрировать

Сообщений 1 страница 20 из 43

1

Приветствую всех. Помогите пожалуйста.

Есть такой скрипт, который вставляет баннеры между категориями:

Вставлять HTML низ:

<script type="text/javascript">
if (location.href == 'http://' + location.hostname + '/') {
var cat = document.getElementById("pun-category2");
var block = document.createElement("div");
block.className = "section";
block.innerHTML = "<p class=\"container\" style=\"margin-top: 1em;\"><a href=\"Адрес гиперссылки\"><img src=\"Адрес изображения\" /></a></p>";
document.getElementById("pun-main").insertBefore(block, cat);
}
</script>

Так вот, нужно изменить  (дополнить) этот скрипт, чтобы была возможность двигать баннер горизонтально. Причём нужно, чтоб двигалось как в скрипте который привожу ниже, именно изменяя процент смещения:

<a href="http://www.google.ru/" style="position:absolute; left:30%; top:137px;"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>

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

Отредактировано Lev33 (Вт, 11 Окт 2011 18:50:21)

0

2

Актуально.

0

3

У вас запрос непростой)

0

4

Lev33Есть живой действующий пример ? и Cкриншот со стрелками - чо куда двигать ?

+1

5

Deff написал(а):

Lev33Есть живой действующий пример ?

Нету, вот сделал на моём тестовом форуме, как это выглядит http://vladimir.3bb.ru/

А теперь представьте что я туда хочу запихать два баннера,а может и четыре, если два то должно выглядеть вот так:
http://uploads.ru/t/r/R/q/rRqLt.jpg

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

Причём на каждый отдельный баннер нужен отдельный скрипт. Точнее нужен один скрипт, в котором я смогу регулировать расположение баннера вверх и вниз, влево вправо.

0

6

Lev33
:glasses: А чисто в HTML коде разместить сами сумееете ?
Вот зеленый блок - это контент  Ваших банеров -
Ставите весь блок (пока без скрипта в HTML низ, (*скрипт поставите позже - после регулировки, он идёт ниже)
Далее: - Вынимаете тег скрытия красным и ...
  пробелами и переводами строк в Вашем контенте банеров(тег <br/>) добиваетесь нужного расположение - (*есть еще теги <center>
После регулировки засовываете обратно тег скрытия красным и ставите скрипт, ниже контента (*Вроде всё

<p id="inblock" style="display:none;">
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>

</p>

Код:
<script type="text/javascript">
if (location.href == 'http://' + location.hostname + '/') {
var cat = document.getElementById("pun-category2");
var block = document.createElement("div");
block.className = "section";
block.innerHTML = "<p class=\"container ba1\" style=\"margin-top: 1em;\"></p>";
document.getElementById("pun-main").insertBefore(block, cat);
$(".container.ba1").append($("#inblock").html())
}
</script>

Отредактировано Deff (Чт, 13 Окт 2011 23:02:44)

0

7

Deff

Спасибо, но хотелось бы на каждый баннер отдельный скрипт. Чтоб при необходимости я не сидел и не ковырял скрипт а просто снёс его и баннер пропал. Мне нужно именно модифицировать тот скрипт который я привёл, чтобы в нём появилась функция "двигать баннер".

0

8

Lev33
Ти скрипт не кавыряешь - а сносишь из контента код банера и все..

Ну или чо нун то не пому ?

<p id="inblock" style="display:none;">
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
<a href="http://www.google.ru"><img src="http://s45.radikal.ru/i110/1107/ac/d02ac8ee1eee.jpg" /></a>
</p>

Берешь и удаляешь синее (или красное (или всё сразу... иль по очереди (теги обрамления - оставляешь

Отредактировано Deff (Пт, 14 Окт 2011 00:28:23)

0

9

Deff написал(а):

Ну или чо нун то не пому ?

Нужно вот это:

"position:absolute; left:30%; top:137px;"

взято из второго скрипта.

Запихать в этот скрипт:
<script type="text/javascript">
if (location.href == 'http://' + location.hostname + '/') {
var cat = document.getElementById("pun-category2");
var block = document.createElement("div");
block.className = "section";
block.innerHTML = "<p class=\"container\" style=\"margin-top: 1em;\"><a href=\"Адрес гиперссылки\"><img src=\"Адрес изображения\" /></a></p>";
document.getElementById("pun-main").insertBefore(block, cat);
}
</script>

0

10

Lev33
Здравствуйте.

Lev33 написал(а):

Так вот, нужно изменить  (дополнить) этот скрипт, чтобы была возможность двигать баннер горизонтально. Причём нужно, чтоб двигалось как в скрипте который привожу ниже, именно изменяя процент смещения:

Странный какой-то и несколько бестолковый скрипт, но тем не менее:

<script type="text/javascript">
if (location.href == 'http://' + location.hostname + '/') {
var cat = document.getElementById("pun-category2");
var block = document.createElement("div");
block.className = "section";
block.innerHTML = "<p class=\"container\" style=\"margin-top: 1em; padding-left: 30% !important;\"><a href=\"Адрес гиперссылки\"><img src=\"Адрес изображения\" /></a></p>";
document.getElementById("pun-main").insertBefore(block, cat);
}
</script>

Выделенное красным значение есть отступ от левого края. Уменьшайте или увеличивайте его.
Ставить всё также в ХТМЛ-низ.

Lev33 написал(а):

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

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

Отредактировано rps (Пт, 14 Окт 2011 22:14:24)

+1

11

rps написал(а):

но тем не менее:

Здравствуйте. Не работает скрипт.

Первый вариант: http://uploads.ru/t/1/b/G/1bGxg.jpg вот так должно выглядеть при разрешении 1600-900 и если разрешение экрана меньше, например 1024-768 то баннеры должны двигаться к друг другу, то есть к середине центра. Но левый край баннера номер один, должен быть с левого края форума, а правый край баннера номер 2 должен быть припаркован, к правому краю форума, при смене разрешений, они должны всё равно держаться у краёв, и если разрешение становиться больше то место между баннерами становится больше, а если разрешение меньше, то баннеры должны двигаться к друг другу. Должно быть как на этом форуме: http://bvf.ru/forum/index.php там баннеры между разделами форумов, а у меня должно быть между категориями. Попробуйте поменять разрешение экрана и смотрите как ведут себя баннеры на том форуме, мне надо, чтоб точно так же они вели себя на моём форуме. И главное нужно, чтоб каждый баннер управлялся отдельным скриптом.

Сейчас вторым сообщением нарисую/ напишу, как хочу чтоб было, если будет 4 баннера.

Отредактировано Lev33 (Сб, 15 Окт 2011 00:22:09)

0

12

Lev33 У Вас число банеров в строке постоянно ?

Засунуть их в табличку и впихнуть в тот блок в тегах <p>

Отредактировано Deff (Сб, 15 Окт 2011 00:22:11)

0

13

Вариант с 4мя баннерами, выглядеть должно так: http://uploads.ru/t/X/1/J/X1Jfv.jpg

Все баннеры будут стандарта 468х60. Всё, что написал выше относится и к этому варианту. Опять же нужно будет, чтоб каждый отдельный баннер имел свой скрипт. Точнее нужен один универсальный скрипт, в котором можно регулировать размещение баннера в пространстве. И если я буду ставить 2 баннера, то соответственно буду ставить два скрипта в хтмл низ, если баннеров будет 4 то соответственно буду ставить 4 скрипта в хтмл низ. Как только будет необходимость например убрать баннер номер 3, я удалю 3й скрипт в хтмл низ, а в четвёртом скрипте сделаю регулировку и смещу его куда хочу.

0

14

Lev33

Код:
<div id="hidden" style="display: none;"><table style="width: 100%; border-style: none;"><tbody><tr><td align="left" style="width: 50%; border-width: 0 !important;"><img src="/" alt="banner 1" /><td><td align="right" style="width: 50%; border-width: 0 !important;"><img src="/" alt="banner 2" /></td></tr></tbody></table></div>
<script type="text/javascript">
if (location.href == 'http://' + location.hostname + '/') {
 document.getElementById("pun-category2").innerHTML = "<div class='section'>" + document.getElementById("hidden").innerHTML + "</div>" + document.getElementById("pun-category2").innerHTML;
}
</script>

Отредактировано rps (Сб, 15 Окт 2011 00:26:52)

0

15

Deff написал(а):

Lev33 У Вас число банеров в строке постоянно ?

Нет в том то и дело, в любой момент может появится необходимость убрать любой из баннеров и отрегулировать другие.

rps

Спасибо, сейчас по тестирую.

0

16

rps

Спасибо, тестировать не стал, так понял не то. Мне на каждый отдельный баннер нужен, отдельный скрипт.

0

17

И ещё нужно, чтоб в скрипте сохранилась возможность сувать баннер между любыми категориями. То есть сохранилось вот это  var cat = document.getElementById("pun-category2"); и работало. Красная циферка, если её менять, то она меняет место баннеров между категориями. Если поставить 3, то баннеры будут между 3 и 4 категориями.

0

18

Lev33 Cкрипт таблицы и получения HTML кода > Скрипты от пользователей пост 497

Сколько в строке банеров - на столько ячеек делаете табличку - кликаете посмотреть и считываете код (только таблицы, ограничиваясь тегами<table>...</table> - можно вставить банеры прямо в посте - можно - и после

Отредактировано Deff (Сб, 15 Окт 2011 00:29:57)

0

19

Deff

Спасибо, но у меня проблемы с памятью. И так приходится всё записывать, даже к каждому скрипту пишу комментарий, зачем он и куда вставляется. Я потом могу напортачить, если нужно будет менять, что то в скрипте. А так снёс например скрипт баннера номер 3 и всё он пропал. Останется только циферку отрегулировать в баннере номер 4, чтоб он встал куда надо.

0

20

Lev33 =Зануда
1. Таблица - всегда будет центрировать если вы прописываете
<table  align=center>

И не надо запоминать с плохой памятью циферьки (и менять каждый раз при смене кол-ва банеров, замечу, что к каждому банеру

2.е - можете и без скрипта
одна ячейка таблицы - это два тега
<td> ...</td> (*Просто скрипт удобнее именно для начинающих - оформляете в посте как надо и копируете Html код куда надо

Отредактировано Deff (Сб, 15 Окт 2011 00:44:16)

0


Вы здесь » Единый форум поддержки » Корзина » Вопрос по скрипту, надо центрировать