Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Гирлянда при масштабировании окна браузера Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Гирлянда при масштабировании окна браузера Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

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

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

Гирлянда при масштабировании окна браузера

Участников: 3

Перейти вниз

Гирлянда при масштабировании окна браузера Empty Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 21st 2014, 21:56

Всем привет. С Наступающими!!! Повесил на баннер гирлянду, вот отсюда: https://help.forum2x2.ru/t21375p30-topic#209781

Но гирлянда не изменяет свою ширину при изменении масштаба окна браузера, то есть размер гирлянды по ширине "не следит" за размером баннера при изменении масштаба страницы. Хотя по высоте, при изменении размера окна браузера, размер гирлянды, при изменении масштаба страницы, сохраняется как надо.

Вот код гирлянды, который у меня сейчас на форуме.

Код:
<style type="text/css">  
#garland {position:absolute;top:35px;left:70px;background-image:url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png');height:36px;width:89%;overflow:hidden;z-index:99}  
#nums_1 {padding:100px}  
.garland_1 {background-position: 0 0}  
.garland_2 {background-position: 0 -36px}  
.garland_3 {background-position: 0 -72px}  
.garland_4 {background-position: 0 -108px}  
</style>  
<div class="garland_4" id="garland">
                                                                     
   <div id="nums_1">1                                  
   </div>
</div>
   <script type="text/javascript">  
function garland() {  
nums = document.getElementById('nums_1').innerHTML  
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}  
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}  
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}  
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}  
}  

setInterval(function(){garland()}, 2000)  
</script>
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Сергей Александрович Декабрь 21st 2014, 22:29

ttfanat пишет:Всем привет. С Наступающими!!! Повесил на баннер гирлянду, вот отсюда: https://help.forum2x2.ru/t21375p30-topic#209781

Но гирлянда не изменяет свою ширину при изменении масштаба окна браузера, то есть размер гирлянды по ширине "не следит" за размером баннера при изменении масштаба страницы. Хотя по высоте, при изменении размера окна браузера, размер гирлянды, при изменении масштаба страницы, сохраняется как надо.

Вот код гирлянды, который у меня сейчас на форуме.

Код:
<style type="text/css">  
#garland {position:absolute;top:35px;left:70px;background-image:url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png');height:36px;width:89%;overflow:hidden;z-index:99}  
#nums_1 {padding:100px}  
.garland_1 {background-position: 0 0}  
.garland_2 {background-position: 0 -36px}  
.garland_3 {background-position: 0 -72px}  
.garland_4 {background-position: 0 -108px}  
</style>  
<div class="garland_4" id="garland">
                                                                     
   <div id="nums_1">1                                  
   </div>
</div>
   <script type="text/javascript">  
function garland() {  
nums = document.getElementById('nums_1').innerHTML  
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}  
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}  
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}  
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}  
}  

setInterval(function(){garland()}, 2000)  
</script>

Попробуйте вот так:
Код:

<style type="text/css"> 
#garland {position:absolute;top:35px;left:70px;background-image:url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png');height:36px;width:89%;overflow:hidden;z-index:99; repeat-x;} 
#nums_1 {padding:100px} 
.garland_1 {background-position: 0 0} 
.garland_2 {background-position: 0 -36px} 
.garland_3 {background-position: 0 -72px} 
.garland_4 {background-position: 0 -108px} 
</style> 
<div class="garland_4" id="garland">
                                                                     
  <div id="nums_1">1                                 
  </div>
</div>
  <script type="text/javascript"> 
function garland() { 
nums = document.getElementById('nums_1').innerHTML 
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'} 
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'} 
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'} 
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'} 


setInterval(function(){garland()}, 2000) 
</script>
При добавленном атрибуте repeat-x; рисунок повторяется по горизонтали. В Вашем случае должно помочь.
Сергей Александрович
Сергей Александрович
 

Мужчина

Сообщения : 592
Возраст : 57
Регистрация : 2014-11-03
Благодарности : 202

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 22nd 2014, 10:38

Спасибо, Adonai. Но не помогло. Все равно при уменьшении или увеличении масштаба страницы, гирлянда по ширине не выравнивается с шириной баннера, хотя по высоте автоматически выравнивается над баннером. Может еще варианты есть....
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Irbis Декабрь 22nd 2014, 10:40

Код:
<style type="text/css">  
    #garland {position: absolute; top: 35px; background-image:url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png'); height: 36px; width: 89%; margin-left: 5.5%; z-index: 99;}
    .garland_1 {background-position: 0 0}  
    .garland_2 {background-position: 0 -36px}  
    .garland_3 {background-position: 0 -72px}  
    .garland_4 {background-position: 0 -108px}  
</style>  
<div id="garland" class="garland_4">&nbsp;</div>
<script type="text/javascript">  
function garland() {
    var garland = document.getElementById('garland');
    var index = garland.className[garland.className.length-1]*1-1;
    if(index == 0) index = 4;
    garland.className = 'garland_'+index;
}
setInterval(function(){garland()}, 2000)  
</script>
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 22nd 2014, 22:36

Спасибо, Irbis.

Но также не помогло..
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Irbis Декабрь 22nd 2014, 23:35

о_О как это не помогло. Такое может быть только если вы вставляете скрипт в какой-нибудь блок с position: relative или absolute.
Вставьте его в overall_footer_end перед </body>

Ну или такой вариант с возможностью вставлять куда угодно лишь бы js работал
Код:
    <style type="text/css"> 
        #garland {position: absolute; top: 35px; background-image:url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png'); height: 36px; width: 89%; margin-left: 5.5%; z-index: 99;}
        .garland_1 {background-position: 0 0} 
        .garland_2 {background-position: 0 -36px} 
        .garland_3 {background-position: 0 -72px} 
        .garland_4 {background-position: 0 -108px} 
    </style> 
    <script type="text/javascript"> 
   $(function() {
      $('body').append('<div id="garland" class="garland_4">&nbsp;</div>');
      setInterval(garland, 2000);
   });
    function garland() {
        var garland = $('#garland');
        var index = garland.attr('class')[garland.attr('class').length-1]*1-1;
        if(index == 0) index = 4;
        garland.attr('class', 'garland_'+index);
    }
    </script>
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 23rd 2014, 10:25

Попробовал и этот скрипт, но этого вообще не видно, то есть гирлянда не отображается. Вставляю в виджет - первый скрипт, представленный Вами, Irbis, виден, но гирлянда не изменяет свою ширину при изменении масштаба страницы, а второй скрипт, при вставке в виджет, вообще не отображается. Размещал и тот и другой, также в шаблон и в приветствие - не видно гирлянды ни от первого скрипта, ни от второго.

Может я неправильно объясняю вопрос..
Вот так отображается гирлянда при 100% масштабе страницы:
Гирлянда при масштабировании окна браузера 0469057001419319369
Вот так при изменении масштаба страницы:
Гирлянда при масштабировании окна браузера 0546537001419319369
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Irbis Декабрь 23rd 2014, 13:27

А так вы вон где ставите smile У вас там просто ширина форума фиксированная 1200px, а для гирлянды указано 89% поэтому они и не стыкуются никак. Вот так поставьте:
Код:
    <style type="text/css">#garland-container {position: absolute; top: 55px; height: 36px; width: 100%; z-index: 99;}
        #garland {background-image: url('http://i13.servimg.com/u/f13/14/80/95/87/christ10.png'); height: 100%; width: 1200px; min-width: 768px; margin: auto;}
        .garland_1 {background-position: 0 0} 
        .garland_2 {background-position: 0 -36px} 
        .garland_3 {background-position: 0 -72px} 
        .garland_4 {background-position: 0 -108px}</style> 
    <div id="garland-container"><div id="garland" class="garland_4">&nbsp;</div></div>
    <script type="text/javascript"> 
    function garland() {
        var garland = document.getElementById('garland');
        var index = garland.className[garland.className.length-1]*1-1;
        if(index == 0) index = 4;
        garland.className = 'garland_'+index;
    }
    setInterval(function(){garland()}, 2000) 
    </script>
Должно встать как надо.
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 23rd 2014, 22:29

Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная... Facepalm
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Сергей Александрович Декабрь 23rd 2014, 23:26

ttfanat пишет:Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная... Facepalm
Змените left на center
Сергей Александрович
Сергей Александрович
 

Мужчина

Сообщения : 592
Возраст : 57
Регистрация : 2014-11-03
Благодарности : 202

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Irbis Декабрь 24th 2014, 00:50

У margin нет значений left и center smile
ttfanat, та поменяйте временно пароль админа на форуме и скиньте мне в личку, я вам за 10 минут прикручу эту гирлянду, а потом смените пароль обратно. А то этак мы до дового года будем пальцем в небо тыкать)))
Если не доверяете, спросите Dana Domirani или Luz, они, я думаю подтвердят, что я ваш форум не украду и не сломаю biggrin
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 24th 2014, 12:35

Ок! Ник: Admin Пароль в личке -)
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор Irbis Декабрь 24th 2014, 12:48

Поставил smile
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Гирлянда при масштабировании окна браузера Empty Re: Гирлянда при масштабировании окна браузера

Сообщение автор ttfanat Декабрь 24th 2014, 16:30

Irbis, Мастерски, Спасибо большущее! 13
ttfanat
ttfanat
 

Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8

Без предупреждений

http://ttfanat.forum2x2.ru/

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения