- 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
BituM
Всем привеТ!
Помощь нужна снова
http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/
http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png
вот два скрина и плюс код собственно
https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли)
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block; border-left:2px double #fff;padding:2px;border-right:2px double #fff;}H2{text-align:center;font-size:25px;}H2 span {border-bottom: 2px solid white; padding-bottom:2px;} .hc {float: left;width: 100%;text-align: center;margin: 5px 0;}.hc H3{text-align:center;background-color:darkred;color:#fff;font-size:18px;border:1px solid white;padding:5px;display:inline-block;margin:0;}.oblogcka {float:left;margin: 7px 17px 7px 2px;border:2px solid #fff;}.oblogcka2 {text-align: center;border:2px solid #fff;}.oblogcka3 {float:right;margin: 7px 2px 7px 17px;border:2px solid #fff;}p{text-align:justify;font-size:16px;padding:25px;} table, td, th {border:1px solid white;font-size:16px;padding:0 5px;background-color:#000080;color:#fff;margin:25px 0px 25px 25px;border-spacing:3px;}.first {border-collapse: collapse;} .cknopochkka {border:3px solid #fff;margin:25px 25px 25px 0px;font-family:Arial;background-image:url(http://favicon.yandex.net/favicon/kitajskie-smartfony.ru);background-repeat:no-repeat;font-size:19px;display:inline-block;padding: 5px 15px;text-decoration: none;color:#fff;} </style> </head> <body> <div> <h1><span>Александр Петров</span></h1><h2><span>«Мастер своего дела»</span></h2><div class="hc"><h3>Антология</h3><p><img src=http://www.imageup.ru/img288/2013662/cover.jpg class="oblogcka"/>Великие люди прошлого — такие как Леонардо да Винчи, Михаил Ломоносов или Бенджамин Франклин — преуспевали сразу во многих, если не во всех, науках, искусствах и ремёслах. Однако со временем подобная универсальность знаний и умений становится всё более и более труднодостижимой: мир, в котором живёт человек, усложняется в геометрической прогрессии и, чтобы оставаться хоть сколько-нибудь понятным, дробится и дробится на мельчайшие осколки. Отрасли наук становятся всё более специальными и требующими фундаментального образования хотя бы для понимания их в общих чертах; то же происходит и в других сферах человеческой деятельности. Количество информации вокруг стремительно увеличивается — наглядным примером тому может служить Интернет, — и всё сложнее следить за появлением нового даже в какой-либо отдельно взятой области. </p><img src=http://www.imageup.ru/img288/2013699/i.jpg class="oblogcka2"/><p>Уже XX век стал веком специалистов, людей, компетентных в чём-то одном, мастеров одного-единственного, своего, дела. XXI век лишь усугубил подобное положение вещей. </p><p><img src=http://www.imageup.ru/img288/2013700/1306051195_rrrryo-rrs-srrrsrrir-34.jpg class="oblogcka3"/>В нашем сборнике мы решили рассмотреть это явление с разных сторон, включая весьма неожиданные, с привлечением фантастического инструментария: кто он такой, специалист узкого профиля? как он мыслит, чем ограничен, как справляется с ситуациями, требующими широкого кругозора? как взаимодействует с другими людьми, каким предстаёт в их глазах? и что вообще значит — «быть мастером»?</p> <table><tr><td>АВТОР</td><td>НАЗВАНИЕ</td></tr><tr><td>Святослав Логинов </td><td>«Город мастеров«</td></tr><tr><td>Владимир Аренев</td><td>«Хорошие новости»</td></tr><tr><td>Александра Давыдова</td><td>«Черный дворецкий»</td></tr></table><a href=http://www.flibusta.net/b/305697 class="cknopochkka">Источник</a></div></body></html>Вопросы такие
1 Как сместить кнопку "Источник" в правый нижний угол?
(применение Margin не помогло однако)
2 Как убрать пробел между двумя подзаголовками?
(скрин 1 - между "Мастер своего дела" и Атология)
Link to comment
Share on other sites
8 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.