Jump to content

Search the Community

Showing results for tags 'Фон'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

  1. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? Можно ли все сделать в стилях css?
  2. Здравствуйте! Мне нужно сделать фон, состоящий из гифок. После окончания одной, должна воспроизвестись следующая. Как мне это осуществить? Заранее благодарю за ответ.
  3. glarks

    Фон меню

    Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> <li><a class="activ" href="#">HOME.</a></li> <li><a href="#">PORTFOLIO.</a></li> <li><a href="#">WHAT I DO.</a></li> <li><a href="#">CONTACT ME.</a></li> </ul> </div>
  4. Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.
  5. Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!
  6. Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?
  7. Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в 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>
  8. Здравствуйте уважаемые форумчане, почти доделал проект и начал приводить его в адаптивности и понял что вёрстка блока сделана не правильно так как имеется разный текста и фиксировать высоту блока будет не правильно. В вёрстке не эксперт и надеюсь на вашу подсказку, заранее спасибо. http://jsfiddle.net/sehwhhcu/ Я понимаю что на class="static" можно задать высоту и тем самым продлить фон, но я бы хотел что бы фон растягивался с учетом текста и что бы я не указывал под каждое расширение экрана высоту блока.
  9. Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png
  10. http://cssdeck.com/labs/collab/deoxlsaw http://s013.radikal.ru/i323/1505/83/7283853ab505.jpg У body и основного div'а один фон, но при сужении экрана, изображения расходятся, можно ли исправить в background-attachment, или как-нибудь, путем наименьшего сопротивления?
  11. Есть фото для фона (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg). Есть остальные фото, стандартные, так сказать 10*15, которые перещелкиваются (слайдер). Вот есть необходимость, чтобы фотки были подогнаны под размеры экрана телевизора (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg) с закругленными краями, как сам экран. Подскажите как это можно сделать!
  12. У меня баг (скрин под спойлером): Как видите, красное выделение съезжает до первой линии. Как это лечится? Код: HTML: CSS:
  13. Добрый день. Подскажите как сделать длинный фон, точнее два фона) То есть что бы после первого фона, продолжался сразу второй) Пример
  14. Всем привет! дайте совет плз или ткните носом =) Получил на верстку фон шапки такого вида(клац), тоесть узор плавно переходящий в сплошной цвет. Ситуация совершенно не патовая, прост хочется использовать самый оптимальный вариант. Если б градиента не было то нуль проблем - вырезал бы повторяющийся фрагмент узора и зарепитил по обеим осям. Тут надо другой подход. У меня пока 2 варианта: 1) вырезать часть фона от верхней точки(с узором) до момента где начинается цвет (вышло изображение(клац) 4х360 пикс величиной 2,49 КБ), далее зарепитить по иксу, а остальное залить цветом. 2) вырезать фрагмент узора(клац) (4х4 пикс), залить им весь фон хедера. Потом в хвотошопе сделать фрагмент фона с вертикальным градиентом от прозрачного(сверху в низ) к цвету в который должен переходить фон хедера и наложить поверх фона с узором(зарепитить по иксу). PS: сорь за масло-маслянное, махните сто грамм для понимания) Мож есть еще какой вариант более оптимальный? К кроссбраузерности не привязываться. Или я заморачиваюсь? =)
  15. Здравствуйте! Подскажите, пожалуйста, как сделать чтобы на главной странице сайта в качестве фона была видеозапись со звуком и и т.д.? Как, например, на сайте http://www.questpistols.com/ Спасибо за помощь!
  16. Есть дизайн: текст в 2 строки, текст с фоном, если просто заливаешь background, то он заливает полностью, а мне надо что бы между строками был фон основной.Т.е. фон был только где текст. Понятнее на картинке: http://clip2net.com/s/igeEJp Помогите, пожалуйста.
  17. Добрый день, уважаемые форумчане! Такой вопрос - вы наверняка часто сталкивались со след. проблемой: вам дают psd макет сайта, у которого фоном стоит какой либо узор (или паттерн). Достать фон в этом случае можно двумя путями: трясти дизайнера, чтобы он выпилил вам картинку, 40x40px либо самостоятельно доставать этот узор (паттерн) из фотошопа (если умеете). Так вот мой вопрос в следующем - есть ли какой-нибудь сервис, который помогает достать повторяющийся фон из макета? Т.е. допустим вы видите, что узор фона повторяется, но определить точный квадрат для извлечения картинки не получается. И рядом нет дизайнера, который мог бы достать этот паттерн. Как можно быстро сделать данную картинку, чтобы потом просто поставить фон на репит (repeat)?
  18. Привествую профессионалов и новичков вкрстки. Стокнулся с некоторой проблемой во время верстки сайта Верстка резиновая и с ней как таковой проблем нет, чего не скажешь о фоне Вот такой вот борк должен быть на главной странице. И как это сдедать с помощью HTML/CSS - я понять не могу. Решение с JS имеется, но прежде чем его применять, хотелось бы удостовериться что без JS не обойтись. Еще раз подмечу, что верстка резиновая.
  19. Здравствуйте. Прошу помочь бездарности. Нужно, чтобы при наведении вываливалось меню и фон родителя оставался неизменным, когда юзер будет водить курсором по выпадающему меню. Примерно это должно быть вот так http://joxi.ru/6WQfU_3JTJBXFcsaglQ Оранжевое - это hover. Но у меня такая беда http://joxi.ru/KmUfUxjKTJCPTRw_8zk Понимаете, о чём я? Подскажите, что я не учла? Очень интересно, самоё не получилось разобраться. Спасибо, джедаи.
  20. Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во второй строке заливка распространяется на всю долину, а надо, чтобы только на длину текста во второй строке. Сделать нужно именно на html/css без js и текст должен располагаться в одном тэге Картинка, как должно быть, прилагается. Буду признателен за любую помощь (кроме советов прибить дизайнера =) )
  21. Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под "нефтяными вышками"
  22. Здравствуйте! Помогите пожалуйста разместить фон top_menu.png для кнопки background-image: url(top_menu-l.png), url(top_menu-r.png), url(top_menu.png); background-position: top left, top right, left 5px right 5px; background-repeat: no-repeat, no-repeat, repeat;
  23. Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!
  24. Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_1000"> Подскажите, как?
  25. Привет всем! У меня такая проблема: В IE вместо фона отображаются полосы высотой 1 пикс. Причину я знаю - в IE не поддерживается background-size http://jsfiddle.net/kG8x4/ Фулл-скрин:http://jsfiddle.net/kG8x4/show/ Как это исправить?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy