Поиск по сайту

Результаты поиска по тегам 'css'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 792 результата

  1. Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верстке не про Помогите пожалуйста
  2. Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
  3. Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?
  4. Верстаю сайты на HTML5, CSS3, JavaScript с использованием библиотеки JQuery. Имею опыт работы с Bootstrap3. Примеры вёрсток : 1) https://astonevart.github.io/eventide-landing/ 2)https://astonevart.github.io/styletour/ Также могу сделать полноценный сайт на php и разместить на Wordpress! Сделаю все качественно, быстро, и современно!!! skype : astonevart e-mail : astonevart@gmail.com
  5. Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей
  6. Здравствуйте. Возникла проблема, в которой я не могу выставить у подменю ширину и высоту, а так же центрирование текста. Не "li", не "a" и "ul" не влияют на эти атрибуты. Как правильно написать? https://jsfiddle.net/ErUnDAK/3461nhqd/#fork
  7. Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следовать, нет четкой модели действия. В связи с этим хотела бы узнать, что все таки лучше, как-то пытаться во всем разобраться самой (что, определенно, занимает больше времени и сил), либо пойти на курсы, в которых всю информацию мне разложат по полочкам, и где будет возможность подойти к специалисту, ткнуть пальцем и спросить "а вот это вот как сделать?" (ну, грубо говоря). Если есть среди вас такие, кто проходил очные курсы, буду благодарна за рекомендации:) Так же рассматриваю вариант покупки платного курса в той же htmlacademy, так как задания там достаточно интересные, хоть и не очень устраивает формат подачи теории. Огромное спасибо всем, кто откликнется!
  8. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; font-size: 25px; } .menu ul li a { height: 100%; display: block; padding: 19px; background: #5faaea; color: #fff; box-shadow: inset -0px -12px 30px -10px black; border-left: 1px solid white; } .menu ul li a:hover { box-shadow: inset -0 1px 10px 0 black; } </style> </head> <body> <center> <div class="lol"> <p>How you use your text?</p> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Купля/продажа</a></li> <li><a href="">Аренда</a></li> <li><a href="">Оставить заявку</a></li> <li><a href="">КОНТАКТЫ</a></li> </ul> </div> </div> </center> </body> </html> Здравствуйте! У меня возникла проблема, что при уменьшении окна браузера всё смещается и становится кривым. Как отменить это смещение, чтобы всё оставалось как при полном экране?
  9. Вот есть сайт, который работает и всё у него нормально, но со временем есть задача поставить больше страниц и конечно же "ухаживать" за ними. С недавних пор научился с одной страницы добавлять несколько объектов на все остальные куда они нужны. Так вот, я добавляю класс, добавляю инструкцию в js и чтобы например 1 див создать, мне нужно приписать ему класс, приписать в js ему функцию, и добавить на сайт в виде этого дива, Можно ли как нибудь создать такую форму, где заполнив данные, на сайт автоматически добавлялись эти нужные блоки, то есть, к примеру. : есть <div class="style">Что-то</div> и это уже есть на сайте, он содержит какой то блок с информацией, А есть необходимость чтобы введя в форму этот "style" он создавал нужный блок с настройками, автоматически добавлял ему css указанную, по типу .style {width:100px;height:100px;} чтобы между <div> ВОТ ТУТ </div> помещалось то что указанно в форме, например тект, чтобы была возможность выбрать картинку, Но суть в том что, чтобы эта форма добавляла в JS правило где содержится функция для этого класса .style , и чтобы не залезать в js просто редактировать его сразу из формы Чтобы он сам автоматически добавлял то что ему указанно, ну и чтобы сразу добавлял на нужную страницу Можно хотя бы узнать где такое найти, попробую сам изучить это, чтобы намного облегчить себе работу с сайтом. Да даже этот сайт в пример, я ввёл в окошки название страницы и информацию, и он вывел тут блок в котором вся суть, и присвоил ему нужный класс с функциями, Только мне ещё js нужно подключить к этому делу
  10. Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: " "; position: absolute; left: 0; top: -25px; width: 100%; height: 150px; transform: rotate(14deg); background-color: rgba(255, 255, 255, 0.3); opacity: 0; z-index: -1; } .loli ul li a:hover::before { opacity: 1; background-color: #fff; } .menu li ul li { padding-right: 15px; background: #0099cc; } .menu li ul { position: absolute; display: none; z-index: 10; margin-left: -18px; } .menu li:hover ul { display: block; } .menu li ul li { display: block; } </style> <div class="loli"> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Новости</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> <li><a href="">О группе</a> <ul class="menu"> <li class="menu"><a href="">Профессия</a></li> <li><a href="">Успеваемость</a></li> </ul> </li> <li><a href="">Здание</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> <li><a href="">Контакты</a> <ul class="menu"> <li class="menu"><a href="">Расписание</a></li> </ul> </li> </ul> </div> </div> Как мне сделать, чтобы класс "меню" не затрагивал класс "лоли"?
  11. Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/
  12. Как правильно сделать, чтобы в классе "lol" был текст зелёного цвета, в классе "loli" красного? И всё через псевдокласс :not. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <style> </style> </head> <body> <div class="lol"> <p>Один</p> <p>Два</p> <p>Три</p> <div class="loli"> <p>Четыре</p> <p>Пять</p> <p>Шесть</p> </div> </div> </body> </html>
  13. Друзья! Вместе с bootstrap загружаю в такой последовательности еще один стиль, чтобы все что буду править в стандартном шаблоне, выносить в него. Загружаю в head, в такой последовательности <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/template.css"> Надо поменять стиль шрифта. Делаю так - в файл template.css добавляю @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); body { font-family: 'Open Sans', sans-serif; } Но на странице все равно загружается дефолтный шрифт body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; На странице текст в тэге body > p Подскажите, где я не прав? Спасибо!
  14. Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.
  15. Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-space: normal; /* Обычный перенос текста */ } Только точка(маркер) в начале текста пропал: текст текст Как оставить эту точку(маркер)?
  16. Вам предстоит: Создание отдельных html-элементов(и блоков) пользовательского интерфейса Тестирование корректности работы элементов в разных условиях Создание css стилей и анимаций Что нам от вас нужно: Опыт frontend-разработки от 2-х лет Опыт работы с HTML5/CSS3, понимание принципов верстки, работы с разными браузерами и устройствами Опыт работы с gulp Знание шаблонов проектирования MVC/MVVM Уверенное понимание принципов работы с Git Приветствуется: Опыт работы с JS и фреймворками к нему Желание разработки и внесения разнообразия в динамику интерфейсов с помощью скриптов Опыт работы с canvas Опыт работы в Gamedev Творческий подход к работе и выполнению задачи Мы предлагаем: Длительную занятость от 6ти месяцев, Перспективы длительного сотрудничества над другими проектам, Оплату два раза в месяц, возможны варианты, Платим ЗП в долларах ) Мы готовы к предоплате, Работу удаленную на фултайм. Резюме ждем на avelnison@gmail.com
  17. Компания ООО «Систематика» приглашает на работу инженера технической поддержки на проект сопровождения федеральной информационной системы. Требования: • высшее техническое образование; • знание русского языка и умение ясно излагать свои мысли; • html, css3, javascript, кроссбраузерная верстка, оптимизация для просмотра страниц в старых версиях браузеров (IE8); • знание хотя бы одного объектно-ориентированного языка программирования, большой плюс: php5, java se, servlets, jsp; • желательно: xml/xslt преобразование; • sql, знание основ проектирования реляционных БД, желательно иметь базовые навыки администрирования Oracle 11g и mySQL; • навыки работы с системами управления контентом, большой плюс: 1С Битрикс, Alfresco; • базовые навыки администрирования Windows; • знание Linux на уровне пользователя. Обязанности: • поддержка работоспособности Интернет-портала и внутренних информационных систем; • размещение контента; • оказание консультаций пользователям, устранение сбоев в системе, восстановление работоспособности системы; • мониторинг системы; • выполнение плановых сервисных операций по установленным регламентам; • работа по задачам ведущих программистов. Условия: • оформление по ТК; • полная занятость, полный день; • работа в центре Москвы, ст. метро "Лубянка"; • з/п 50 000 - 65 000 на руки, возможность роста (обсуждается индивидуально). Резюме и вопросы отправлять на адрес электронной почты ekurysheva@systematic.ru
  18. Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?
  19. Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
  20. Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер? Спасибо jquery.cbpNTAccordion.js
  21. Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?
  22. Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css
  23. Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла
  24. Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
  25. Мы – студия «Элемент». Ищем верстальщика для постоянного сотрудничества, который не боится, умеет и любит верстать проекты сложнее среднего. Работа проектная, но проекты идут часто (каждый месяц 1-2, иногда даже 3 проекта). Кратко о нас: Располагаемся в Рязани. Работаем с 2008 года. У нас в команде 10 человек. Предпочитаем технологически сложные проекты. Обязательно: - знание HTML5 / CSS3 с учетом кросс-браузерности; - умение подбирать сторонние компоненты и стилизовать их (календари, слайдеры и т.п.); - умение работать с адаптивными стилями; - менеджер пакетов bower или jspm; - знание основ CSS-анимации; - знание основ SVG; - понимание основ работы git; - желание развиваться; - быть на связи, чтобы не приходилось разыскивать; - здравый перфекционизм в работе в части соответствия верстки макету и в части качества кода; - умение принимать решения в мелочах (чтобы часто не дергать менеджеров и/или дизайнеров) Приветствуется: - умение работать в комнде; - компонетный подход к разработке (например, БЭМ); - знание основ JS в объеме, который помогает верстке; - навыки работы с GitHub и/или GitLab - понимание принципов семантического версионирования - навыки работы с Bootstrap; - навыки работы с FlexBox; - навыки работы с Grid Layout; - навыки работы с WebStorm; - пост-обработчики: PostCSS, LESS, SASS; - возможность работы в часовом поясе, близком к Москве; - умение сверстать новый / подверстать готовый код, когда он уже включен в шаблонизатор движка (smarty). Там никаких Америк нет, просто требуется аккуратность; - наличие ИП. Что нам важно видеть в отзыве на наше предложение: - примеры 3-4 свежих работ онлайн (посмотрим, какие используются методики); - опыт верстки в годах; - краткое описание умений по списку наших требований (буквально по одной строке на пункт); - ожидаемая ставка часа в рублях; - метод перечисления оплаты; - в каких сферах вы бы хотели развиваться в ближайшие 1-2 года. Если написать отзыв в таком виде, то мы сэкономим друг другу время. А это приветствуется. — Вопросы/ответы можно писать сюда или мне в личку. От себя замечу, что целевые браузеры это: последние версии Chrome(ium), FireFox, Safari, IE11/Edge. Целевые платформы: десктоп + мобильные устройства. Не pixel pirfect, но и чтобы выглядело достойно =) Если вы не знакомы с парой пунктов из обязательно списка, но у вас присутствуют адекватность и здравый смысл, то мы можем пообщаться и выяснить детали) Мы понимаем, что "знать все" не возможно. Вместе с тем, мы постарались перечислить то, с чем вам, вероятно, придется иметь дело. На js-фронтэнде у нас Angular 1.x, Vue, jQuery. Для сборки применяется Webpack. Для запуска задач Gulp. Взаимодействовать придется в том числе со мной , будет шанс научится чему-либо из js, если не знаете, но хотите развиваться в этом направлении. В недалекой перспективе на бекэнде Node.js. Если хотите развиваться в эту сторону, такая возможность тоже имеется. Вы можете писать код в чем угодно (IDE, редакторы), но ваши инструменты должны уметь деплоить на удаленный сервер (требуется для ряда проектов).