Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса 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>

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; рисунок повторяется по горизонтали. В Вашем случае должно помочь.

Сергей Александрович
 

Мужчина

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

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

http://help.forum2x2.ru/

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

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

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

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

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>

Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

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

Спасибо, Irbis.

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

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>

Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

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

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

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

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

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>
Должно встать как надо.

Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

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

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

ttfanat
 

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

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

http://ttfanat.forum2x2.ru/

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

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

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

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

Сергей Александрович
 

Мужчина

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

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

http://help.forum2x2.ru/

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

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

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

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

Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

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

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

ttfanat
 

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

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

http://ttfanat.forum2x2.ru/

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

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

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

Поставил smile

Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

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

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

ttfanat
 

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

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

http://ttfanat.forum2x2.ru/

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

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

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

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