Practise Templates
Templates for self education and practise
99 topics in this forum
-
- 1 reply
- 2k views
Доброго времени суток. Закончил верстать макет. Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому. Валидность, качество и производительность HTML и CSS кода. https://github.com/Okitonori/ActiveBox
Last reply by npofopr, -
- 1 reply
- 2.2k views
Я вижу чат, а где же сами макеты, которые можно попробовать сверстать?
Last reply by DivMan, -
- 1 reply
- 2.8k views
Буду рад на критику и советы, что не так делаю? - https://codepen.io/viliksar/pen/zawdGK?editors=1100
Last reply by Filimon, -
- 3 replies
- 2.5k views
Подскажите, как разместить 3 картинки в ряд , текст чтобы был под каждой как в примере (текст в несколько строк). Если можно пришлите , пожалуйста, аналогичный код
Last reply by npofopr, -
- 1 reply
- 1.8k views
Здравствуйте! Я в HTML новечек. Изучаю язык на примерах. В одном из примеров есть такие строки: <div class="menu"> <a href="#" class="navbar-menu nav-trigger"><span></span></a> </div> в самом примере при нажатие на ссылку под выше указанным кодом открывается меню, но не в новом окне и не новая ссылка а просто получается новое наложение меню на имеющуюся страницу. скачал пример себе на комп и у меня она не открывается, ссылка на меню просто не реагирует. Скачал и .js файлы и .css файлы. И путь к ним тоже прописал, но все равно не работает...
Last reply by npofopr, -
- 1 reply
- 1.6k views
Привет, друзья. У меня есть вопрос. Как сделать чтобы при нажатии на кнопки "войти" отображались два "input" возле кнопки один из которых это "имя" а второй "пароль" ???
Last reply by klierik, -
- 8 replies
- 2.5k views
Добрый вечер! поступило тестовое задание - разработать адаптивную страницу вакансии. Дан текст вакансии и корпоративный сайт компании. ни макета, ни требований,только креатив и собственная смекалка.Подскажите,как правильно сделать эту страницу, и что там должно быть .спасибо.
Last reply by yulshaz@mail.ru, -
- 2 replies
- 2.1k views
Как сделать чтобы на сайте при вводе ОПРЕДЕЛЁННОГО слова происходило действие? HTML Например ввёл "123123" и ничего не произошло или выдало надпись "ошибка", а если ввёл "lol123" перешёл по ссылке или скачался файл (итп) +поле для ввода
Last reply by wwt, -
- 2 replies
- 2.2k views
Привет, есть задание сверстать по макету вот эту часть, что на фото, это лучше сначала сделать общий блок, потом блок с текстом и блок с изображением? Есть такой код для текста: <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="about clearfix"> <div class="about_txt"> <h3 class="left">July 2010 <span>Our humble beginnings</span></h3> <p class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente molestiae do…
Last reply by Колхозник деревенский, -
- 1 reply
- 1.5k views
Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
Last reply by gladiolus3228, -
- 3 replies
- 6.9k views
Попал в неловкую ситуацию в базовом курсе от html академии. В вебинаре верстают шаблон Барбершоп ''Бородинский'', ну так вот в демке есть свой код, который создает подстветку блоков(демки у меня нет естественно). Фон просто напросто задали background(jpg макет), ну и подсветка идет поверх фона. Сетка на float. хочется полноценно идти по курсу и применить на практике знания. Кто проходил этот курс, поделитесь опытом пожалуйста.
Last reply by htmlacademy, -
- 1 reply
- 1.5k views
Не могу определиться с цветовой темой и списком разделов на сайте. Рассматриваю варианты.
Last reply by klierik, -
- 1 reply
- 1.8k views
Здравствуйте участники форума обращаюсь с таким вопросом: решил проверить на валидацию код одного из онлайн генераторов свойств CSS3?, а именно генератор градиентов https://www.cssmatic.com/gradient-generator В итоге в сгенерированном коде оказалось куча ошибок, подскажите с чем это может быть связано и стоит ли добиваться 100% валидации html и css? За любые советы и наставления буду благодарен. Заранее спасибо.
Last reply by AlexZaw, -
- 1 reply
- 1.8k views
Здравствуйте, подскажите пожалуйста как убрать расстояние , которое ниже футера(которое заштриховано)
Last reply by AlexZaw, -
- 4 replies
- 2k views
Здравствуйте! Подскажите, пожалуйста, как прописать колонки по бокам.
Last reply by sovsemnovichok, -
- 10 replies
- 1.8k views
Подскажите, пожалуйста, как убрать слишком большой отступ между контентом и футером в HTML
Last reply by sovsemnovichok, -
- 28 replies
- 4.9k views
https://jsfiddle.net/tot8kbbn/ почему не работает вторая картинка с локальной ссылкой?
Last reply by ya novenkiy, -
- 3 replies
- 2.2k views
Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная. Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option. Простите, если не совсем понятно и корректно выражаюсь!
Last reply by Wile E, -
- 2 replies
- 2.6k views
Возникла такая проблема. Необходимо ввести данные, а затем вывести эти данные в модальном окне, выскакивающее на этой же странице, никакой обработки. Можно ли как то использовать имя или id форм, чтобы потом их вывести в окне? Желательно без использования php и js, т.к. я их ещё не знаю. К примеру: ввёл я логин и пароль и в модальном окне мне высветилось: "Ваш логин: хххх, ваш пароль: хххх" Использую boostrap для модального окна.
Last reply by M33L, -
- 1 reply
- 3.6k views
Сразу извиняюсь если не туда, просьба в таком случаи закинуть куда нужно тему. Большая просьба скинуть макеты для верстки, только на html и css, знакомый попросил помощи в изучение, и считая правильным учиться именно на практике (прочитав теорию немного конечно) Спасибо всем за помощь.
Last reply by sigma77, -
Переношу сайт на ворд пресс. И возникла трудность, не могу найти скрипт который отвечает за кнопку спойлера РАСКРЫТЬ. Целиком код копирую с question.html, но не работает
Last reply by Николя223, -
- 1 reply
- 2.4k views
Приветствую всех. Пожалуйста, дайте критику на эту верстку. Я новичок, и это моя первая попытка что-то сверстать. Большое спасибо. maquette1.rar
.svg.thumb.png.c798904f8a3e2f805e6a1016ee1f7055.png)
Last reply by Даниил Виттманн, -
- 0 replies
- 2.6k views
Здравствуйте, у меня вопрос может и юридический, нашёл несколько сайтов на которых авторы предлагают бесплатные шаблоны. У них у всех лицензия MIT, немного прочитав условия и документацию оказалось действительно что они бесплатны и можно их использовать в коммерческих целях. Хотел уточнить вы пользуетесь такими шаблонами? Или есть подводные камни? Пример 1 Пример 2 Пример 3
Last reply by Алексей777, -
- 2 replies
- 2.2k views
Добрый день всем! Я с довольно элементарным вопросом, но я в замешательстве. На определенном этапе обучения перешел с ознакомлением Photoshop для нарезки макета. Почти все нюансы и тонкости понял. Но столкнулся с одной элементарщиной, которую не уловил из видеоуроков, а именно - как мне добыть фоновое изображение(к примеру, не повторяющиеся узоры, а фото... пейзаж) из макета, к примеру, из Header? Просто убрать все наложенные поверх слои и сделать экспорт изображения? Как-то этот нюанс я сам не понял до конца, а в видео, которые я смотрел, работа с фоном заключалась в вырезке как раз куска фона для цвета, или с узором.
Last reply by Saimone, -
- 1 reply
- 1.6k views
Подскажите пожалуйста как на html лендинге вместо скрипта Яндекс карты сделать статичную картинку? Сам лендинг сайт расположен в папке www.profnaviki.ru/vospitateli/index.html вот кусок кода код файла index.html где выводится карта чтобы я не менял - карта удаляется вместе с модуле контактной информации на ней... А мне этот модуль очень нужен <div id="maps" class="bl"> <div id="map"></div> <div class="bl_center"> <div class="map_info"> <span class="title">Контактная информация</span> <div class="list l1"> <span class="b">Тел.: +7 (495) 258-07-…
Last reply by AlexZaw,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-