Ollin
-
Posts
17 -
Joined
-
Last visited
Recent Profile Visitors
991 profile views
Ollin's Achievements
Explorer (1/14)
0
Reputation
-
Большое вам спасибо!, вы мне очень помогли.
-
Что-то у меня в браузере ничего не отображается - белый фон. что я не так сделал?:
-
А как теперь этот скрипт прикрутить к этому коду?: https://jsfiddle.net/jv23rmpv/2/
-
Да, еще не факт что в других браузерах будет корректно отображаться. Я так понял комбинаций кодов на растяжку фона много, нужно подбирать. Слыхал о сервисах, которые показывают как сайт будет выглядеть на всех разрешениях, устройствах, браузерах - ну, что-то в этом роде.
-
Благодарю за старания! - фон растянут, только отступы там есть с права и в низу, но если в "margin:-10px; padding:-10px;" поставить 0px, то фон растянется полностью
-
Не совсем понял как это логотип в фоне, но на странице должно быть 2-3 картинки. Я так понял параграфы это <p></p> - я их убрал. Вот так выглядит растянутый фон с отступом: https://jsfiddle.net/f677vk9u/ А так не растянутый: https://jsfiddle.net/jv23rmpv/
-
Должен быть способ решить эту проблему с отступом 3-4px. Скрипт на background я искал, но не нашел.
-
Нет, не просто - я с английским не очень дружу))
-
В первую очередь столкнулся с проблемой, что не могу сохранить код, нету там кнопки "save". Я там зарегистрировался, но все равно не сохраняется.
-
Наверное этот скрипт на плавное появление не работает с background.
-
Пока я разбираюсь как сюда ссылку на фото выложить, посмотрите правильно ли я вставил код, потому что фон теперь не растягивается и появились две полосы прокрутки: <html><head><title>Заголовок</title></head><body><style>body.fade{opacity: 0;}body.appear{opacity: 1;transition: opacity 5s;}</style><style>html,body{height:100%;}.background{position:absolute;z-index:0;width:100%;height:100%;overflow:hidden;}</style><div class="background"><img src="images/05WM.jpg"><p><img src="images/logo.png" border="0" style="position: absolute; left: 20px; top: 20px;"</p><p><img src="images/logo.png" border="0" style="position: absolute; right: 20px; bottom: 20px;"</p></div><script>document.body.className = 'fade';</script><script>setTimeout(function(){document.body.className = 'appear';}, 0);</script></body></html>
-
Для теста брал две картинки с разным разрешением, и обе они одинаково отображаються в браузере. Не знаю как сюда картинку добавить, нет тут такой кнопки чтобы загрузить с моего ПК. А "overflow: hidden;" куда вставить, или вместо чего?
-
С фоном почти разобрался, он теперь тоже плавно появляется и растягивается, но присутствует белая рамка толщиной 3 мм, а так же появилась вертикальная полоса прокрутки и тоже на 3 мм двигается. Где я ошибся? <body><img src="images/05WM.jpg"; position: absolute; width="100%"; height="100%";>
-
Но я не знаю куда это все тыкать. Как сделать фон картинкой img?, куда влепить эти "first", "load", "next"?, и что в скобках писать?
-
Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в html, получился фон и две картинки, дальше не пойму как. Первым делом нужно чтобы фоновая картинка растягивалась под любой экран. У меня получился плавно появляющийся контент, и хочу чтобы фон так же плавно появлялся. И все это дело должно грузиться по очереди - фон, картинка 1, картинка 2. Если не сложно, покажите как это делается, Может тут работы на 5 мин а я уже 2 дня над этим... Я в этом полный ноль, вот код: <html> <head> <title>Заголовок</title> </head> <style>body.fade{opacity: 0;}body.appear {opacity: 1;transition: opacity 5s;}</style> <body style="background: url(images/05WM.jpg);"> <div><p><img src="images/4936c055.jpg" border="0" style="position: absolute; left: 20px; top: 20px;"</p> <p><img src="images/4936c055.jpg" border="0" style="position: absolute; right: 20px; bottom: 20px;"</p> </div> <script>document.body.className = 'fade';</script> <script>setTimeout(function() {document.body.className = 'appear';}, 0);</script> </body> </html>