- 0
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
Selen
Практически каждый человек, пожелавший посвятить свою жизнь Веб разработке, и попавший на этот форум. Создает тему со следующими словами: "Как начать ?", "С чего лучше начать изучение верстки: CSS или JavaScript или HTML? А может быть с PHP?" и т.п. В этом ничего зазорного нет ! Все мы когда то были новичками, в том или ином деле.
Но, на мой скромный взгляд, однотипные темы (только названные по разному). Не только засоряют форум, но и затрудняют поиск, действительно, полезной информации. Искатель, поставивший себе за цель найти информацию о PNG прозрачности в IE6, попросту ее не найдет (хотя она есть). Ему не остается ничего другого, как продолжить создавать дублирующие темы, еще более загрязняя форум
Надеюсь, ниже написанная статья, поможет новичкам выбрать правильный курс своего обучения.
Статья не претендует на истину в последней инстанции. Но лично мне бы не помешала такого рода информация, в начале моего изучения.
Итак. Приступим...
Если собираешься связать свою жизнь с Веб-разработкой, начинай читать и вникать во все ее аспекты. Быть всегда в теме (и не только Веба), тебе поможет Хабр. Следи на развитием веб-стандартов, тенденцией развития основных веб-браузеров, изучай инструменты улучшающие/ускоряющие разработку. Читай, даже если не все понятно, все что касается HTML, CSS, JavaScript, CMS, хостинга и т.д. Могу посоветовать два очень информативных профильных ресурса: htmlbook.ru и xiper.net, одни из самых лучших на мой взгляд.
Что касается последовательности изучения. Их можно разбить на следующие этапы:
1. HTML. Сразу начинай учить Строгий (Strict) 4.01 + работающие теги из HTML 5. Отсутствие переходных тегов и атрибутов, плавно подтолкнет тебя к изучению CSS.
2. CSS. Начни с учебника htmlbook.ru. Получив основные понятия прочитай книгу "CSS. Каскадные таблицы стилей. Подробное руководство (3-е издание)", автор Эрик А. Мейер.
3. JavaScript. После того как хорошо разберешься со связкой HTML+СSS. Начнешь применять их на практике. И после того как средств HTML+СSS тебе станет недостаточно, для реализации своих задумок. Ты начнешь изучать JavaScript. В начале ты будешь подключать готовые решения (скрипты) к своим страничкам. А в последствии, покопавшись и разобравшись в чужих скриптах, начнешь "писать" свои. Литература: "JavaScript. Подробное руководство (5-е издание)" Дэвид Флэнаган. Ресурс: javascript.ru
Верстальщика хорошо знающего HTML+СSS+JavaScript, пожелает видеть в своей команде каждая уважающая себя веб-студия.
Что касается PHP. Этот язык программирования, в отличии от JavaScript - предназначенного обрабатывать информации на стороне клиента (браузера), предназначен для обработки информации на стороне сервера. PHP лучше изучать в связке с базами данных (SQL), с различными приставками My, Postgre и т.д.
Вместо заключения.
Итак. Если ты умеешь использовать HTML+СSS+JavaScript. И у тебя есть друг, знающий PHP+MySQL. А второй друг виртуоз Photoshop'а, с дизайнерскими способностями. То это уже небольшая команда, способная выполнять небольшие проекты. Хотя, сюда можно добавить еще одного персонажа. PM - он же Проджект Манагер. Который будет курировать разработкой.
Ну, что же. Краткий мануал "В каком направлении копать!?", у тебя есть. Все в твоих руках. Дерзай
PS: Уверен, более опытные верстальщики смогут дополнить эту статью, кое-что подправить. К тому же, это моя первая статья поучительного плана. Да и не хабраюзер я
. В общем, не судите слишком строго 
Edited by SelenLink to comment
Share on other sites
12 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.