Practise Templates
Templates for self education and practise
99 topics in this forum
-
- 2 replies
- 2.1k views
Здраствуйте!Не могу нажимать на подпункты.Сделал типо навигации на сайте,один подпункт от которого идут остальные подпункты.И когда наводишь на Главный пункт , меню открывается но когда , я пытаюсь нажать на те подменю, оно просто закрывается.
Last reply by kartopelka, -
- 2 replies
- 3.3k views
Как реализовать вместе и две совмещеных картинки и блок текста Короче ситуация следующая а нужно ,чтоб было так У меня есть две картинки одна прямоугольник серого цвета и вторая треугольник розового цвета.Пробовал сделать через надания треугольнику position relative;right:0; bottom: 0; а прямоугольнику display: flex; position: relative; Если у меня получалось их обьеденить , то только когда блоку текста прописывал display:flex;И тогда получалось следующее Если кто-то знает как сделать напишите пожалуйста.Я хотел скинуть код ,но в jsfiddle ,картинки не куда загружать.
Last reply by kartopelka, -
- 2 replies
- 3.4k views
Как правильно сверстать картинки(руку, лист салата и тд) на данном шаблоне? Интересуют именно первые 3 изображения, а именно тарелка, рука с дошиком и лист салата. Тарелку можно просто сверстать допустим на флексах разбив блок на 3 столбца. Но вот интересно как сверстать две оставшиеся картинки так еще и с текстом. Я подумал, что можно также сверстать на тех же флексах разбив на те же 3(в случае с рукой) и 2(в случае с листом салата) колонки флекс сетку, но в таком случае изображения толкали бы друг друга так как рука с тарелкой и лист салата имеют общую площадь расположения на странице. Как это сделать? Помогите пожалуйста, может какое-то свойство прилипания …
Last reply by npofopr, -
- 2 replies
- 3.3k views
Как правильно, грамотно, реализовать верстку таких линий? Код не обязателен, хотя бы просто правильное направление для мыслей.
Last reply by rasmus, -
- 2 replies
- 3k views
Возникала такая проблема блок banner выходит за пределы родителя header(он должен занимать весь экран) Подскажите как сделать так чтобы картинка в блоке banner занимала оставшуюся часть экрана и не вылазила за пределы <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="asecs/css/style.css"> <title>Five Stars Room</title> <link rel="preconnect" href="https://fonts.gstatic.com"> </head> <body> <header> <div class="container"> <div class="top-bar"> <h1>Logo</h1> </div>…
Last reply by rustamXx, -
- 2 replies
- 1.8k views
Вопрос вроде тривиальный. При наведении на кнопку текста стрелка не закрашивается в белый цвет. как быть? https://jsfiddle.net/dimasgrig1575/dgLupco3/
Last reply by daggi, -
- 1 reply
- 1.4k views
Не могу определиться с цветовой темой и списком разделов на сайте. Рассматриваю варианты.
Last reply by klierik, -
- 1 reply
- 1.3k views
Простите за мой программный язык, не владею и описать точно не могу(. Проблема в меню(навигатор). есть 2 блока <div> (вообще <nav>)ссылок и по середине логотип картинка png(1 картинка). На моём мониторе широкоформатном всё хорошо, а если у человека fhd и меньше разрешение, то у человека будешь в логотипе ссылки(4 картинка, логотип убрал, ссылки в ссылках). Лого и ссылки в коллизии. Помогите пожалуйста! Должно получиться, что при сужении сайта всё будет на своём месте, а не съезжаться. На счёт телефонов, планшетов там бургер меню. body { margin: 0; line-height: 1.0; } .bar { } .bar span { /* bar menu */ top: 4px; position: fixed; …
Last reply by Igor Schnaider, -
- 1 reply
- 1.6k views
Помогите пожалуйста,как сделать добавление элемента в маркированный или нумерованный список прямо на странице.
Last reply by klierik, -
- 1 reply
- 1.4k views
Всем привет, Подскажите, пожалуйста имея некоторый опыт в bootstrap-верстке хочется попрактиковаться с установкой готовых шаблонов как на бекэенд так и на фронтенд приложения. Попрактиковаться хочется на ThemeForest шаблонах, так как я вижу что они достаточно востребованы. Немного погуглив нахожу довольно много ThemeForest шаблонов например этот ThemeForest - Atlant v1.5 - Bootstrap Admin Template with Frontend Стоит ли с ним связываться? Нашел версии поновее, но платные, хочется халявы... И просветите ThemeForest шаблоны - это что унаследованные шаблоны от какого-то родительского шаблона ? Может посоветуете какой другой ThemeF…
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, -
- 1 reply
- 2.1k views
Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателе…
.svg.thumb.png.c798904f8a3e2f805e6a1016ee1f7055.png)
Last reply by Даниил Виттманн, -
Ребят помогите сделать сайт к завтру Подробно 89126967487 отдам 300 рублей плиз срочно id248883136
Last reply by Нарек, -
- 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, -
- 1 reply
- 2.1k views
Приветствую всех. Пожалуйста, дайте критику на эту верстку. Я новичок, и это моя первая попытка что-то сверстать. Большое спасибо. maquette1.rar
Last reply by Даниил Виттманн, -
- 1 reply
- 3.4k views
Сразу извиняюсь если не туда, просьба в таком случаи закинуть куда нужно тему. Большая просьба скинуть макеты для верстки, только на html и css, знакомый попросил помощи в изучение, и считая правильным учиться именно на практике (прочитав теорию немного конечно) Спасибо всем за помощь.
Last reply by sigma77, -
- 1 reply
- 1.4k views
Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
Last reply by gladiolus3228, -
- 1 reply
- 1.7k views
Здравствуйте, подскажите пожалуйста как убрать расстояние , которое ниже футера(которое заштриховано)
Last reply by AlexZaw, -
- 1 reply
- 1.6k views
Здравствуйте участники форума обращаюсь с таким вопросом: решил проверить на валидацию код одного из онлайн генераторов свойств CSS3?, а именно генератор градиентов https://www.cssmatic.com/gradient-generator В итоге в сгенерированном коде оказалось куча ошибок, подскажите с чем это может быть связано и стоит ли добиваться 100% валидации html и css? За любые советы и наставления буду благодарен. Заранее спасибо.
Last reply by AlexZaw, -
- 1 reply
- 1.4k views
Привет, друзья. У меня есть вопрос. Как сделать чтобы при нажатии на кнопки "войти" отображались два "input" возле кнопки один из которых это "имя" а второй "пароль" ???
Last reply by klierik, -
- 1 reply
- 2.7k views
Буду рад на критику и советы, что не так делаю? - https://codepen.io/viliksar/pen/zawdGK?editors=1100
Last reply by Filimon, -
- 1 reply
- 1.7k views
Здравствуйте! Я в HTML новечек. Изучаю язык на примерах. В одном из примеров есть такие строки: <div class="menu"> <a href="#" class="navbar-menu nav-trigger"><span></span></a> </div> в самом примере при нажатие на ссылку под выше указанным кодом открывается меню, но не в новом окне и не новая ссылка а просто получается новое наложение меню на имеющуюся страницу. скачал пример себе на комп и у меня она не открывается, ссылка на меню просто не реагирует. Скачал и .js файлы и .css файлы. И путь к ним тоже прописал, но все равно не работает...
Last reply by npofopr, -
- 1 reply
- 2.1k views
Я вижу чат, а где же сами макеты, которые можно попробовать сверстать?
Last reply by DivMan, -
- 1 reply
- 1.9k views
Доброго времени суток. Закончил верстать макет. Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому. Валидность, качество и производительность HTML и CSS кода. https://github.com/Okitonori/ActiveBox
Last reply by npofopr, -
- 1 reply
- 2.1k views
Всем привет! Верстаю первый макет и столкнулся с неприятной трудностью. У меня проблема следующего рода: есть два блока, один зафлоачен налево, другой направо. Внутри правого блока находится список - меню. При этом второй блок на строку ниже первого, но если убрать список и просто оставить текст, то он встаёт нормально. Что я упускаю? <Doctipe! html> <head> <title>Наша компания</title> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="head"> <div class="layout-position"> <div class="header-content"> <div class="Name">Имя компании</di…
Last reply by npofopr,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-