- 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
tolik89u
Механизмы CSS разработаны, чтобы хранить сами страницы отдельно от стилей форматирования. Это логично. Сделано это, чтобы избежать избыточности, ведь на сайте сотни страниц могут быть отформатированы одними стилями, для которых нужен одинаковый код. Удобно хранить его в одном файле. Изменил файл — изменился весь сайт.
Но что делать, когда нужно, чтобы одинаковым было не только форматирование, но и другое. Не знаю, как это «другое» назвать, так что буду приводить примеры — сколько придумаю.
И/или хэдер (имею в виду, допустим, логотип фирмы, дополнительные ссылки там и так далее).
То есть, я хочу, чтобы код панели хранился в одном файле, а во всём сайте она отображалась.
То есть, я хочу в одном месте описать этот стиль заголовка, чтобы там указать, что возле него нужно ставить ссылки на якоря, а на всём сайте, где в странице появляется этот заголовок, чтобы ссылки появлялись автоматически.
Хочу куски кода, которые часто и в большом количестве используются при отображении страниц (хэдеры, футеры, панели всякие, типа навигационных, стили и форматирование и так далее), хранить в единственном экземпляре на сайте. Как они хранятся и в нашем сознании: мы ведь не думаем, что логотип нашей фирмы должен отличаться на соседних страницах нашего сайта.
Помогите! Что-то уже придумали для этого? Или нужно самому писать программу, которая будет создавать автоматически эти страницы-копии как текстовые файлы, беря нужную информацию из файлов-оригиналов?
Я думаю, эту проблему можно было бы решить, если бы был доступен механизм включения отдельных файлов как кусков кода в некоторую страницу. Например, если у фирмы есть логотип, то это одна картинка, и она везде вставляется с помощью <img src="...">. Но это работает только для картинок. Хорошо было бы вставлять и другие куски страниц: <kusok_koda src="panel_navigacii.html">.
Такой механизм есть?
Link to comment
Share on other sites
20 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.