Practise Templates
Templates for self education and practise
99 topics in this forum
-
- 1 reply
- 2.8k views
Буду рад на критику и советы, что не так делаю? - https://codepen.io/viliksar/pen/zawdGK?editors=1100
Last reply by Filimon, -
- 19 replies
- 3.4k views
Здравствуйте целую неделю сижу над этим у меня на сайте страница, на которую я добавляю ячейки, когда я вставляю <table> то ячейки автоматом срастаются с фоном страницы как сделать чтобы они не имели ни чего общего с фоном ? За ранее благодарен.
Last reply by lorddipo, -
- 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, -
- 2 replies
- 2.2k views
Добрый день всем! Я с довольно элементарным вопросом, но я в замешательстве. На определенном этапе обучения перешел с ознакомлением Photoshop для нарезки макета. Почти все нюансы и тонкости понял. Но столкнулся с одной элементарщиной, которую не уловил из видеоуроков, а именно - как мне добыть фоновое изображение(к примеру, не повторяющиеся узоры, а фото... пейзаж) из макета, к примеру, из Header? Просто убрать все наложенные поверх слои и сделать экспорт изображения? Как-то этот нюанс я сам не понял до конца, а в видео, которые я смотрел, работа с фоном заключалась в вырезке как раз куска фона для цвета, или с узором.
Last reply by Saimone, -
- 6 replies
- 2.1k views
Мне нужно сделать <button>, по которой выводилась бы новая вкладка с сайтом каким-нибудь. С <a> работает, <button> не знаю как, всё перепробывал. Можете показать и объяснить так же код новичку? Или так невозможно. Заранее благодарю.
Last reply by klierik, -
- 1 reply
- 1.5k views
Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
Last reply by gladiolus3228, -
- 1 reply
- 1.5k views
Всем привет, Подскажите, пожалуйста имея некоторый опыт в bootstrap-верстке хочется попрактиковаться с установкой готовых шаблонов как на бекэенд так и на фронтенд приложения. Попрактиковаться хочется на ThemeForest шаблонах, так как я вижу что они достаточно востребованы. Немного погуглив нахожу довольно много ThemeForest шаблонов например этот ThemeForest - Atlant v1.5 - Bootstrap Admin Template with Frontend Стоит ли с ним связываться? Нашел версии поновее, но платные, хочется халявы... И просветите ThemeForest шаблоны - это что унаследованные шаблоны от какого-то родительского шаблона ? Может посоветуете какой другой ThemeF…
Last reply by klierik, -
- 1 reply
- 1.4k views
Last reply by klierik, -
- 0 replies
- 4.2k views
Прикольный сайт для верстки сайтов в интерактивном режиме devdesire.ru Для новичков прям отлично зайдет
Last reply by timurikvx, -
- 1 reply
- 1.5k views
добрый день всем, я начинающий верстальщик. Ищу макеты в основном в телеграме и верстаю их, н, ради интереса я решил забить один из макетов в гугл и обнаружил что существует сайт на этом макете, причем такой навороченный сайт. Стоит ли верстать такие макеты для портфолио ?
Last reply by klierik, -
- 3 replies
- 2.2k views
Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная. Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option. Простите, если не совсем понятно и корректно выражаюсь!
Last reply by Wile E, -
- 0 replies
- 2.6k views
Не могу настроить масштаб кнопки
Last reply by Den1s, -
- 1 reply
- 2.3k views
Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателе…
.svg.thumb.png.c798904f8a3e2f805e6a1016ee1f7055.png)
Last reply by Даниил Виттманн, -
- 4 replies
- 3.3k views
Подскажите пожалуйста, была написана landing page, достаточно давно, и сегодня заметил что пропала картинка. Раньше все было ок, а сегодня она пропала, и на самом сайте, и собственно на компьютере если запустить тоже ее нету. Что такое могло произойти? Код примерно такой. <header class="header"> .... </header> .intro{ background-image: url("../img/header_bg.png") center no-repeat/cover; height: 400px; background-size: 97% auto; }
Last reply by oleg126, -
- 1 reply
- 2.4k views
<html> <head> <style> button.knopka { color text: #000000; text-align: center; background: #F0F0F0; padding: 5px; border-radius: 13px; height: 31px; width: 260px; border: 2px solid #EF9BC7; } button.knopka:hover { background: #EF9BC7; } </style> </head> <body> <div class = "center"><button class="knopka"><b>Разное</b></button> </body> </html> увидел якобы можно сделать отцентровку текста в кнопке так <html>position: absolute; top: 50%; left: …
Last reply by Vic-Tor, -
- 5 replies
- 3.6k views
Помогите пожалуйста форумчане! Код отображается в браузере правильно (наверное), а в phplist не хочет отправляться( Програмист сказал,что много хлама, но я его не могу найти Новый текстовый документ (2).txt
Last reply by klierik, -
- 1 reply
- 3k views
Всем привет! Помогите пожалуйста решить проблему. На сайте размещены картинки и линии тега <hr>, все это заполнило видимую область страницы, но не появляется полоса прокрутки страницы, а мне необходимо опускать эти картинки ниже. Как быть?
Last reply by klierik, -
- 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.6k views
Привет, друзья. У меня есть вопрос. Как сделать чтобы при нажатии на кнопки "войти" отображались два "input" возле кнопки один из которых это "имя" а второй "пароль" ???
Last reply by klierik, -
- 2 replies
- 2.5k views
Скиньте простенький макетик для тренировки поверстать
Last reply by spartak9871, -
Переношу сайт на ворд пресс. И возникла трудность, не могу найти скрипт который отвечает за кнопку спойлера РАСКРЫТЬ. Целиком код копирую с question.html, но не работает
Last reply by Николя223, -
- 3 replies
- 3.5k views
Добрый вечер, ребята. Вторые сутки блуждаю в сети и не могу найти ответ на свой вопрос. .niz:hover { background: red; этим кодом я получил возможность менять цвет определенного блока наведением курсора, вопрос в следующем. Как делать, что бы после каждого наведения цвет менялся на другой а не на один и тот же. То есть зеленый, красный, оранжевый и так далее, спасибо большое
Last reply by Егор0248, -
- 1 reply
- 1.8k views
Здравствуйте, подскажите пожалуйста как убрать расстояние , которое ниже футера(которое заштриховано)
Last reply by AlexZaw, -
- 0 replies
- 1.7k views
Разбираюсь с прекрасным сервисом Гугл формы. Открыл для себя, что они могут работать прямо из тела письма. При этом они могут отправлять почту и им не нужны серверные скрипты. Возникла идея сделать интернет магазин прямо в теле письма. Клиент открывает письмо и никуда не переходит. У него в теле письма уже корзинка с товарами и несколько товаров. Это решает вопрос отсутствия сайта и хостинга, снимает вопрос приватности, такой магазин невозможно забанить или взломать. Вот пример такого статичного интернет магазина со скрытой гугл формой внутри http://heeg.ru/heeg5.1.zip в нем куча картинок для примера, но они могут встраиваться в сайт через base64 если просто перетащит…
Last reply by HEEG.HTML,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-