- 0
-
Обсуждения
-
Актуальные контакты: 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
Да, подходит. Спасибо.
-
Question
DivMan
В мозиле рамка не отображается, а в хроме она есть и как её убрать??
пробовал через :active не помогает, может какой-то префикс надо использовать?
<!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class="slogan" src="images/slogan.jpg" alt="Интернет магазин сотовых телефонов"/> <div class="head-contact"> <p><strong>Телефон:</strong><br/><span>8 (800) 700-00-01</span></p> <p><strong>Режим работы:</strong><br/>Будние дни: с 9:00 до 18:00 <br/>Суббота, Воскресенье - выходные </p> </div> <form method="get" action=""> <ul class="search"> <li><input type="text" name="search" id="quickquery" placeholder="Что вы хотите купить?" /><script type="text/javascript">//<![CDATA[placeholderSetup('quickquery');//]]></script></li> <li><input type="image" class="search-btn" src="images/search.jpg"/></li> </ul> </form> </div> </div></body></html>*{ margin: 0; padding: 0;}img{ border:none;}body{ background: #f2f2f2;;}.main{ background:#fff; min-width: 980px; max-width: 1200px; margin:0 auto;}.header{ overflow: hidden;}.logo, slogan{ float: left;}.logo{ margin:8px 0 0 30px;}.slogan{ margin:40px 0 0 30px;}.head-contact{ float: right; background: #f8fafb url(images/phone-img.jpg) 250px 8px no-repeat; border: 2px solid #edf2f6; border-radius: 0 0 10px 10px; text-align:right; margin: 0 6px 0 0; padding: 5px 65px 5px 15px;}.head-contact p{ font-size:12px; font-family: Verdana; line-height: 1.3; margin:0 0 3px 0;}.head-contact p strong{ font-size:14px; font-weight: normal;}.head-contact p span{ font-size:21px; font-weight: bold;}.search{ float: right; list-style:none; background: url(images/bg-search.jpg) no-repeat left top; width: 307px; height:30px; margin:5px 6px 5px 0;}#quickquery{ border:none; margin: 6px 30px 3px 10px; width: 210px; font-style: 12px;}.search li{ float: left;}.search-btn{ margin: 7px 0 0 0;}Link to comment
Share on other sites
4 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.