Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Гирлянда при масштабировании окна браузера
Всем привет. С Наступающими!!! Повесил на баннер гирлянду, вот отсюда: 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>
Re: Гирлянда при масштабировании окна браузера
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>
Re: Гирлянда при масштабировании окна браузера
Спасибо, Adonai. Но не помогло. Все равно при уменьшении или увеличении масштаба страницы, гирлянда по ширине не выравнивается с шириной баннера, хотя по высоте автоматически выравнивается над баннером. Может еще варианты есть....
Re: Гирлянда при масштабировании окна браузера
- Код:
<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"> </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>
Re: Гирлянда при масштабировании окна браузера
о_О как это не помогло. Такое может быть только если вы вставляете скрипт в какой-нибудь блок с position: relative или absolute.
Вставьте его в overall_footer_end перед </body>
Ну или такой вариант с возможностью вставлять куда угодно лишь бы js работал
Вставьте его в 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"> </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>
Re: Гирлянда при масштабировании окна браузера
Попробовал и этот скрипт, но этого вообще не видно, то есть гирлянда не отображается. Вставляю в виджет - первый скрипт, представленный Вами, Irbis, виден, но гирлянда не изменяет свою ширину при изменении масштаба страницы, а второй скрипт, при вставке в виджет, вообще не отображается. Размещал и тот и другой, также в шаблон и в приветствие - не видно гирлянды ни от первого скрипта, ни от второго.
Может я неправильно объясняю вопрос..
Вот так отображается гирлянда при 100% масштабе страницы:
Вот так при изменении масштаба страницы:
Может я неправильно объясняю вопрос..
Вот так отображается гирлянда при 100% масштабе страницы:
Вот так при изменении масштаба страницы:
Re: Гирлянда при масштабировании окна браузера
А так вы вон где ставите У вас там просто ширина форума фиксированная 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"> </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>
Re: Гирлянда при масштабировании окна браузера
Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная...
Re: Гирлянда при масштабировании окна браузера
Змените left на centerttfanat пишет:Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная...
Re: Гирлянда при масштабировании окна браузера
У margin нет значений left и center
ttfanat, та поменяйте временно пароль админа на форуме и скиньте мне в личку, я вам за 10 минут прикручу эту гирлянду, а потом смените пароль обратно. А то этак мы до дового года будем пальцем в небо тыкать)))
Если не доверяете, спросите Dana Domirani или Luz, они, я думаю подтвердят, что я ваш форум не украду и не сломаю
ttfanat, та поменяйте временно пароль админа на форуме и скиньте мне в личку, я вам за 10 минут прикручу эту гирлянду, а потом смените пароль обратно. А то этак мы до дового года будем пальцем в небо тыкать)))
Если не доверяете, спросите Dana Domirani или Luz, они, я думаю подтвердят, что я ваш форум не украду и не сломаю
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения