Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Гирлянда при масштабировании окна браузера
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Гирлянда при масштабировании окна браузера
автор 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-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
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>
Сергей Александрович-
-
Сообщения : 592
Возраст : 58
Регистрация : 2014-11-03
Благодарности : 202
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 22nd 2014, 10:38
Спасибо, Adonai. Но не помогло. Все равно при уменьшении или увеличении масштаба страницы, гирлянда по ширине не выравнивается с шириной баннера, хотя по высоте автоматически выравнивается над баннером. Может еще варианты есть....
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
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"> </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-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 22nd 2014, 22:36
Спасибо, Irbis.
Но также не помогло..
Но также не помогло..
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
Re: Гирлянда при масштабировании окна браузера
автор Irbis Декабрь 22nd 2014, 23:35
о_О как это не помогло. Такое может быть только если вы вставляете скрипт в какой-нибудь блок с 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>
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 23rd 2014, 10:25
Попробовал и этот скрипт, но этого вообще не видно, то есть гирлянда не отображается. Вставляю в виджет - первый скрипт, представленный Вами, Irbis, виден, но гирлянда не изменяет свою ширину при изменении масштаба страницы, а второй скрипт, при вставке в виджет, вообще не отображается. Размещал и тот и другой, также в шаблон и в приветствие - не видно гирлянды ни от первого скрипта, ни от второго.
Может я неправильно объясняю вопрос..
Вот так отображается гирлянда при 100% масштабе страницы:
Вот так при изменении масштаба страницы:
Может я неправильно объясняю вопрос..
Вот так отображается гирлянда при 100% масштабе страницы:
Вот так при изменении масштаба страницы:
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
Re: Гирлянда при масштабировании окна браузера
автор Irbis Декабрь 23rd 2014, 13:27
А так вы вон где ставите 
У вас там просто ширина форума фиксированная 1200px, а для гирлянды указано 89% поэтому они и не стыкуются никак. Вот так поставьте:
У вас там просто ширина форума фиксированная 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>
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 23rd 2014, 22:29
Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная... 
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
Re: Гирлянда при масштабировании окна браузера
автор Сергей Александрович Декабрь 23rd 2014, 23:26
Змените left на centerttfanat пишет:Irbis, теперь гирлянда изменяется по ширине при изменении масштаба страницы, но уехала сильно вправо. Заменил "margin: auto;" на "margin: left;" и выровнял ровно над шапкой, но при этом гирлянда смещается влево при уменьшении масштаба и вправо при увеличении.. Такая маленькая гирлянда, а такая вредная...
Сергей Александрович-
-
Сообщения : 592
Возраст : 58
Регистрация : 2014-11-03
Благодарности : 202
-
Re: Гирлянда при масштабировании окна браузера
автор Irbis Декабрь 24th 2014, 00:50
У margin нет значений left и center
ttfanat, та поменяйте временно пароль админа на форуме и скиньте мне в личку, я вам за 10 минут прикручу эту гирлянду, а потом смените пароль обратно. А то этак мы до дового года будем пальцем в небо тыкать)))
Если не доверяете, спросите Dana Domirani или Luz, они, я думаю подтвердят, что я ваш форум не украду и не сломаю
ttfanat, та поменяйте временно пароль админа на форуме и скиньте мне в личку, я вам за 10 минут прикручу эту гирлянду, а потом смените пароль обратно. А то этак мы до дового года будем пальцем в небо тыкать)))
Если не доверяете, спросите Dana Domirani или Luz, они, я думаю подтвердят, что я ваш форум не украду и не сломаю
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 24th 2014, 12:35
Ок! Ник: Admin Пароль в личке -)
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Гирлянда при масштабировании окна браузера
автор ttfanat Декабрь 24th 2014, 16:30
Irbis, Мастерски, Спасибо большущее! 
ttfanat-
- Сообщения : 214
Возраст : 45
Регистрация : 2012-06-10
Благодарности : 8
-
Похожие темы» сделать снижение к navstrip (к тексту) окна браузера
» Форум искажается в Опере при масштабировании
» не отключается гирлянда...
» Новогодняя гирлянда
» Новогодняя гирлянда
» Форум искажается в Опере при масштабировании
» не отключается гирлянда...
» Новогодняя гирлянда
» Новогодняя гирлянда
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
