- 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
ANTIGREEFER
В общем, раньше в основном занимался PHP, теперь занялся версткой.
Такая проблема.
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>.</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Loading Bootstrap --> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- Loading Flat UI --> <link href="css/flat-ui.css" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]--> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script> <script> //DO NOT REMOVE THIS FUNCTION! It's responsible for AJAX Loading function loadPage(pageTitle, pageURL) { $("#pageTitle").html("Загрузка страницы ["+pageTitle+"]"); $("#content").html("<h5>Загрузка..</h5>"); $.post(pageURL, function(data) { $("#pageTitle").html(pageTitle); $("#content").html(data); }); } //$(document).ready function is executing when page is fully loaded $(document).ready(function() { loadPage("Главная", "main.html"); }); </script></head><body> <div class="container"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <p class="navbar-brand">FunnyMine Servers</p> </div> <div class="collapse navbar-collapse" id="navbar-collapse-01"> <ul class="nav navbar-nav"> <li><a onClick="loadPage('Главная', 'main.html')" href="#">Главная</a></li> <li><a onClick="loadPage('Донат | Покупка групп онлайн', 'donate.html')" href="#">Донат<span class="navbar-new">!</span></a></li> </ul> </div> <!-- /.navbar-collapse --> </nav> <!-- /navbar --> <div style="background: rgba(0,0,0,0.0);"> <div style="background: rgba(189, 195, 199,1.0); padding: 0 0 10px 0; border-radius: 10px; width: 75%; display: block;"> <!-- Да бомбанет у перфекциониста, азаз --> <center> <div id="pageTitle" style="background: rgba(52, 152, 219,1.0); margin: 0; border-radius: 10px;">Загрузка..</div> <content id="content"> <h5>Загрузка..</h5> </content> </center> </div> </div> <div id="vk_groups" style="z-index: 10; position: absolute;"></div> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "225", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '3498DB'}, 54763023); </script> <!-- /.container --> <!-- Load JS here for greater good =============================--> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery-ui-1.10.3.custom.min.js"></script> <script src="js/jquery.ui.touch-punch.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-select.js"></script> <script src="js/bootstrap-switch.js"></script> <script src="js/flatui-checkbox.js"></script> <script src="js/flatui-radio.js"></script> <script src="js/jquery.tagsinput.js"></script> <script src="js/jquery.placeholder.js"></script></body></html>Блок группы VKontakte встает на след. строке. Верстка там вроде резиновая, как сделать его справа?
Ах да, забыл сказать. Там подключаются Bootstrap + Flat UI.
Edited by ANTIGREEFERUPD. Засунул все это в 1 блок. Блок ВК до сих пор на след. строке.
Link to comment
Share on other sites
2 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.