Practise Templates
Templates for self education and practise
99 topics in this forum
-
- 2 replies
- 1.9k views
index.html scripts.js style.css
Last reply by Евгений_SB, -
- 4 replies
- 3.2k views
Всем привет! Прошу помощи. Какие есть варианты по реализации? Я использовала fieldset с вложенным legend и css rotate, но думаю этот способ не очень. В итоге получилось на половину, и текст с LERN MORE добавить не получилось(второй тег legend не учитывается)
Last reply by alanreid, -
Всем привет! Скиньте кто-нибудь psd макеты приютов для животных, вет.клиник и все что связано с данной тематикой. Нигде не нашел. Заранее СПАСИБО!!!
Last reply by tanat, -
Ребят помогите сделать сайт к завтру Подробно 89126967487 отдам 300 рублей плиз срочно id248883136
Last reply by Нарек, -
- 1 reply
- 2.3k views
Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателе…
.svg.thumb.png.c798904f8a3e2f805e6a1016ee1f7055.png)
Last reply by Даниил Виттманн, -
Дизайнер: Сергей Романюк. Уровень сложности: низкий.
Last reply by Parzifal, -
-
- 4 replies
- 2.4k views
вот скриншот из psd макета как сверстать помогите плиз
Last reply by DivMan, -
- 0 replies
- 1.9k views
Всем привет. Собрал шаблон jsfiddle но знаю что сделал криво, прошу посоветовать как правильно такое реализовать, сейчас поведение блоков именно такое как нужно, просто думаю что реализовано неверно. На экранах компьютеров должно быть две колонки, левая с картинкой во всю высоту и примерно в половину ширины. В правой колонке текст. На мобильных устройствах, левая колонка поднимается в самый верх на всю ширину экрана, а ниже уже идет текстовый блок который был справа. Пытался сделать кросбраузерно но не получилось, у меня используется свойство background-size: cover которое ниже ие 9 не поддерживается. Пробовал картинку делать не бекграундом, а как обычное img…
Last reply by sadko007, -
- 0 replies
- 1.7k views
Разбираюсь с прекрасным сервисом Гугл формы. Открыл для себя, что они могут работать прямо из тела письма. При этом они могут отправлять почту и им не нужны серверные скрипты. Возникла идея сделать интернет магазин прямо в теле письма. Клиент открывает письмо и никуда не переходит. У него в теле письма уже корзинка с товарами и несколько товаров. Это решает вопрос отсутствия сайта и хостинга, снимает вопрос приватности, такой магазин невозможно забанить или взломать. Вот пример такого статичного интернет магазина со скрытой гугл формой внутри http://heeg.ru/heeg5.1.zip в нем куча картинок для примера, но они могут встраиваться в сайт через base64 если просто перетащит…
Last reply by HEEG.HTML, -
- 6 replies
- 2.1k views
Мне нужно сделать <button>, по которой выводилась бы новая вкладка с сайтом каким-нибудь. С <a> работает, <button> не знаю как, всё перепробывал. Можете показать и объяснить так же код новичку? Или так невозможно. Заранее благодарю.
Last reply by klierik, -
- 2 replies
- 2.5k views
Скиньте простенький макетик для тренировки поверстать
Last reply by spartak9871, -
- 1 reply
- 2k 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, -
- 5 replies
- 3.6k views
Помогите пожалуйста форумчане! Код отображается в браузере правильно (наверное), а в phplist не хочет отправляться( Програмист сказал,что много хлама, но я его не могу найти Новый текстовый документ (2).txt
Last reply by klierik, -
- 2 replies
- 1.7k views
<a href="#q1" id="q2">132</a> <div id="q1"> <h1>Заголовок</h1> <p>Элемент</p> <a href="#x">Закрыть</a> </div> div{ width:500px; height:400px; background:gray; position:fixed; top:90px; left:30%; display:none; } div:target{ display:block; } body{height:10000px;} https://jsfiddle.net/a9zeppqq/ Вопрос собственно такой: Почему если присвоить href="#" то, таблица закрывается и браузер возвращается на начало страницы, а если указать href="#x" то блок просто пропадает. И можно ли запретить скролинг страницы когда открыт блок?.
Last reply by radioactive, -
- 3 replies
- 2.5k views
Не мог бы кто-нибудь пожалуйста кинуть код вот такого маленького макетика из 2-ух div блоков. Спасибо!
Last reply by radioactive, -
- 1 reply
- 1.5k views
Всем привет, Подскажите, пожалуйста имея некоторый опыт в bootstrap-верстке хочется попрактиковаться с установкой готовых шаблонов как на бекэенд так и на фронтенд приложения. Попрактиковаться хочется на ThemeForest шаблонах, так как я вижу что они достаточно востребованы. Немного погуглив нахожу довольно много ThemeForest шаблонов например этот ThemeForest - Atlant v1.5 - Bootstrap Admin Template with Frontend Стоит ли с ним связываться? Нашел версии поновее, но платные, хочется халявы... И просветите ThemeForest шаблоны - это что унаследованные шаблоны от какого-то родительского шаблона ? Может посоветуете какой другой ThemeF…
Last reply by klierik, -
- 19 replies
- 3.4k views
Здравствуйте целую неделю сижу над этим у меня на сайте страница, на которую я добавляю ячейки, когда я вставляю <table> то ячейки автоматом срастаются с фоном страницы как сделать чтобы они не имели ни чего общего с фоном ? За ранее благодарен.
Last reply by lorddipo, -
- 0 replies
- 4.2k views
Прикольный сайт для верстки сайтов в интерактивном режиме devdesire.ru Для новичков прям отлично зайдет
Last reply by timurikvx, -
- 3 replies
- 1.6k views
Селектор тегов = 1 еденица. Класс = 10 едениц. значит при условии <body > <div class="content"> <div2> <div3> <div4> <div5> <div6> <div7> <div8> <div9> <div10> <p><em>pppp</em></p> </div10> </div9> </div8> </div7> </div6> </div5> </div4> </div3> </div2> </div> </body> .content em{color: blue;} div div2 div3 div4 div5 div6 div7 div8 div9 div10 p em{ color: red;} Должен быть применён красный цвет т.к. у него 12 тегов =12едениц. А у первого 10ед. за класс + 1 за тег =11едениц.
Last reply by Launder, -
- 1 reply
- 1.8k views
Помогите пожалуйста,как сделать добавление элемента в маркированный или нумерованный список прямо на странице.
Last reply by klierik, -
- 13 replies
- 2.6k 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, -
- 146 replies
- 83k views
Так, выполняю своё обещание. Для всех желающих поверстать для души, Антон Иванов (@ontozhka) поделился PSD'шником, который он потерял пару лет назад. Шаблон несложный, но и не шибко элементарный. Учитесь и набирайтесь опыта. А вот и сам PSD'ник. Только помните, что автор не вы, и разрешения использовать этот макет никто не давал - вёрстка, для набора опыта, не больше.
Last reply by yura1-2, -
- 2 replies
- 2k views
Весь день пытаюсь разобраться как сделать так что бы слово подвал опустилось и выравнялось по нижнему краю, и не могу понять почему нечего не получается, я все перепробывал, получилось этого достичь только с помощью позицирования, но я хочу более точный способ. vertical-align не работает даже когда "display: inline". Помогите пожалуйста. .fot2 {border: 1px solid black; display: inline; height: 20px; vertical-align: bottom;}
Last reply by wwt, -
- 39 replies
- 42.3k views
Предлагаю вот такую совсем простую форму. Вкладки переключатся должны простым JS - без сторонних библиотек.
Last reply by Тёмик,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-