Practise Templates
Templates for self education and practise
99 topics in this forum
-
- 1 reply
- 1.4k views
Не могу определиться с цветовой темой и списком разделов на сайте. Рассматриваю варианты.
Last reply by klierik, -
- 1 follower
- 1 reply
- 2.4k views
Нужен сабж. От самых простых до саааамых сложных. С адаптивностью и без. Для самостоятельного обучения верстки.
Last reply by klierik, -
- 1 reply
- 1.8k views
Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…
Last reply by ErUnDAK, -
- 0 replies
- 2.5k views
Здравствуйте, у меня вопрос может и юридический, нашёл несколько сайтов на которых авторы предлагают бесплатные шаблоны. У них у всех лицензия MIT, немного прочитав условия и документацию оказалось действительно что они бесплатны и можно их использовать в коммерческих целях. Хотел уточнить вы пользуетесь такими шаблонами? Или есть подводные камни? Пример 1 Пример 2 Пример 3
Last reply by Алексей777, -
Дизайнер: Сергей Романюк. Уровень сложности: низкий.
Last reply by Parzifal, -
-
- 1 reply
- 3.4k views
Сразу извиняюсь если не туда, просьба в таком случаи закинуть куда нужно тему. Большая просьба скинуть макеты для верстки, только на html и css, знакомый попросил помощи в изучение, и считая правильным учиться именно на практике (прочитав теорию немного конечно) Спасибо всем за помощь.
Last reply by sigma77, -
- 3 replies
- 2.4k views
Не мог бы кто-нибудь пожалуйста кинуть код вот такого маленького макетика из 2-ух div блоков. Спасибо!
Last reply by radioactive, -
- 1 reply
- 2.4k views
Допустим этот текст вписан в многострочное текстовое поле (textarea) Окно сжимается и хотелось бы, чтобы высота поля увеличивалась, а не как сейчас: Можно что-то сделать? Пробовал через https://github.com/javierjulio/textarea-autosize - ничего не вышло. Я на правильном пути?
Last reply by npofopr, -
Нужен наставник, интересует верстка, устал искать разрозненные знания в интернете. Естественно не бесплатно. Со своей стороны знаю где и как брать реальные заказы, (не про биржи фриланса). Уже работаю с заказчиками приходится использовать Addobe Muse, WordPress, параллельно работаю директологом. Ты научишь меня верстке. Если ты просто знаешь как верстать, и делаешь это хорошо и усидчиво, я помогу монетизировать тебе твои знания, а ты научишь меня верстке.
Last reply by РоманФ, -
- 7 replies
- 3.3k views
Не могу избавить от перекрытия textare-и картинки. Совсем новичок в верстке.
Last reply by DisplayName, -
- 2 replies
- 2.1k views
Здраствуйте!Не могу нажимать на подпункты.Сделал типо навигации на сайте,один подпункт от которого идут остальные подпункты.И когда наводишь на Главный пункт , меню открывается но когда , я пытаюсь нажать на те подменю, оно просто закрывается.
Last reply by kartopelka, -
- 0 replies
- 2.2k views
Всем привет! Пытаюсь сделать анимацию так, чтобы второй блок появлялся только после того, как первый полностью уйдёт влево. Ну просто никак, пыталась нагуглить, но получается только одновременное движение двух блоков. Может, кто-то опытный хотя бы намекнёт, что не так в моём коде? https://codepen.io/20ZeteM02/pen/WNwwEEp
Last reply by ZeteM, -
- 0 replies
- 2.8k views
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Portfolio of Almas</title> <link rel="stylesheet" href="css/fonts.css" /> <link rel="stylesheet" href="css/style.css" /> </head> <body> <header class="header"> <nav> <ul class="menu"> <li><a href="#">About me</a></li> <li><a href="#">Portfolio</a></li> <li&g…
Last reply by almaskazhymurat, -
- 28 replies
- 4.5k views
https://jsfiddle.net/tot8kbbn/ почему не работает вторая картинка с локальной ссылкой?
Last reply by ya novenkiy, -
- 3 replies
- 2.5k views
Привет всем. Делаю менюшку. Есть такая идея. чтобы при наведении на видимы блок срабатывал :hover и появлялся скрытый блок. (Типа выпадающего меню) Все вроде логично, но не работает... Подскажите пожалуйста, что я делаю не так. Код такой: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя</title> <style> .div1{ border: 4px solid black; width: 200px; } .div2{ display: none; } .div1:hover .div2{ display: block; border: 4px solid black; width: 200px; } </style> </head> <body> <div class="div1"> Меню </div> <div class="div2">Фрукты </div> </body> …
Last reply by klierik, -
В макете, созданном блочной версткой, две колонки (левая с меню, правая с текстом), хедер и футер. Условия задания: Левая колонка фиксированной ширины, правая резиновая. Футер нельзя прижимать к низу экрана. При широком окне браузера колонка с меню должна быть больше по высоте чем правая колонка. Подвал должен располагаться сразу после текста любой из колонок, смотря что длиннее. Проблема: Футер наезжает на колонку с меню при широком экране. Пробовала воспользоваться padding-bottom для блока с колонками, но тогда не выполняется последнее условие: при более узком экране между подвалом и текстом остается расстояние. П…
Last reply by lizaveta, -
- 1 reply
- 2.1k views
Приветствую всех. Пожалуйста, дайте критику на эту верстку. Я новичок, и это моя первая попытка что-то сверстать. Большое спасибо. maquette1.rar
.svg.thumb.png.c798904f8a3e2f805e6a1016ee1f7055.png)
Last reply by Даниил Виттманн, -
- 13 replies
- 2.5k views
Всем привет, столкнулся с проблемой: у меня в css прописано: * { margin: 0; padding: 0; } body { font-family: "MyriadPro"; font-size: 14px; } .content-bottom { font-size: 40px; font-weight: bold; background-color: #ccc; } Подскажите, как убрать верхний и нижний отступ у текста.. Заранее спасибо!
Last reply by Launder, -
- 1 reply
- 1.9k views
Доброго времени суток. Закончил верстать макет. Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому. Валидность, качество и производительность HTML и CSS кода. https://github.com/Okitonori/ActiveBox
Last reply by npofopr, -
- 2 replies
- 1.8k views
index.html scripts.js style.css
Last reply by Евгений_SB, -
- 1 reply
- 2.4k views
Здравствуйте. Верстаю сайт, в валидаторе firefox выскакивает "parse error" в css для мобильных браузеров. По задумке <span class="phonecpu">текст</span> виден на десктопах, а на мобильных display:none его закрывает. При валидации стилей для медиа-запроса - parse error стиля .phonecpu. В чем может быть причина? <nav class="one"> <ul class="topnav"> <li><a class="activeone"href="#"><span class="icon-home"></span></a></li> <li><a href="#"class="active"><span class="icon-phone"> <span class="phonecpu">Вызвать мастера</span></span></a> <u…
Last reply by Xandr555, -
- 2 replies
- 2.5k views
Возникла такая проблема. Необходимо ввести данные, а затем вывести эти данные в модальном окне, выскакивающее на этой же странице, никакой обработки. Можно ли как то использовать имя или id форм, чтобы потом их вывести в окне? Желательно без использования php и js, т.к. я их ещё не знаю. К примеру: ввёл я логин и пароль и в модальном окне мне высветилось: "Ваш логин: хххх, ваш пароль: хххх" Использую boostrap для модального окна.
Last reply by M33L, -
- 3 replies
- 2.4k views
Подскажите, как разместить 3 картинки в ряд , текст чтобы был под каждой как в примере (текст в несколько строк). Если можно пришлите , пожалуйста, аналогичный код
Last reply by npofopr, -
- 1 reply
- 1.4k 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, -
- 10 replies
- 1.6k views
Подскажите, пожалуйста, как убрать слишком большой отступ между контентом и футером в HTML
Last reply by sovsemnovichok,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-