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

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


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

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

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


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

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

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор ttfanat в Вс 21 Дек - 21:56

Всем привет. С Наступающими!!! Повесил на баннер гирлянду, вот отсюда: http://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>
avatar
ttfanat
 

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

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

http://ttfanat.forum2x2.ru/

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

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

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

@ttfanat пишет:Всем привет. С Наступающими!!! Повесил на баннер гирлянду, вот отсюда: http://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; рисунок повторяется по горизонтали. В Вашем случае должно помочь.
avatar
Сергей Александрович
 

Мужчина

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

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

http://help.forum2x2.ru/

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

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

Сообщение автор ttfanat в Пн 22 Дек - 10:38

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

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

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

http://ttfanat.forum2x2.ru/

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

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

Сообщение автор Irbis в Пн 22 Дек - 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>
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор ttfanat в Пн 22 Дек - 22:36

Спасибо, Irbis.

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

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

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

http://ttfanat.forum2x2.ru/

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

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

Сообщение автор Irbis в Пн 22 Дек - 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>
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор ttfanat в Вт 23 Дек - 10:25

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

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

Вот так при изменении масштаба страницы:
avatar
ttfanat
 

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

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

http://ttfanat.forum2x2.ru/

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

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

Сообщение автор Irbis в Вт 23 Дек - 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>
Должно встать как надо.
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор ttfanat в Вт 23 Дек - 22:29

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

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

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

http://ttfanat.forum2x2.ru/

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

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

Сообщение автор Сергей Александрович в Вт 23 Дек - 23:26

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

Мужчина

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

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

http://help.forum2x2.ru/

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

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

Сообщение автор Irbis в Ср 24 Дек - 0:50

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

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор ttfanat в Ср 24 Дек - 12:35

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

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

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

http://ttfanat.forum2x2.ru/

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

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

Сообщение автор Irbis в Ср 24 Дек - 12:48

Поставил smile
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор ttfanat в Ср 24 Дек - 16:30

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

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

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

http://ttfanat.forum2x2.ru/

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

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

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