- 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
iBars
При клике по ссылке
Должен выпадать список dropdown, но этого не происходит. Весь код:
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="BLABLA" /> <meta name="keywords" content="BLABLA" /> <meta name="author" content="BLABLA" /> <link rel="icon" href="favicon.ico" /> <title>BLABLA</title> <link href="css/site.min.css" rel="stylesheet" /> <link href="css/main.css" rel="stylesheet" /> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="js/bootstrap.js"></script> <script src="js/site.min.js"></script> <script src="js/main.js"></script> </head> <body> <div id="loading"></div> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Навигация</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">BLABLA</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="/about.html"><span class="glyphicon glyphicon-usd" aria-hidden="true"></span> О нас</a></li> <li><a href="/faq.html"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> FAQ</a></li> <li><a href="/rules.html"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> Правила</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> wm123450067890 <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Изменить данные</a></li> <li class="divider"></li> <li><a href="/?do=logout"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Выйти из аккаунта</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container"> <ul class="nav nav-tabs nav-justified" role="tablist"> <li role="navigation" class="active"><a href="#main" aria-controls="main" role="tab" data-toggle="tab">Мои фото</a></li> <li role="navigation"><a href="#stat" aria-controls="stat" role="tab" data-toggle="tab">Статистика</a></li> <li role="navigation"><a href="#tools" aria-controls="tools" role="tab" data-toggle="tab">Инструменты</a></li> <li role="navigation"><a href="#payments" aria-controls="payments" role="tab" data-toggle="tab">Категории</a></li> </ul> </div> <div id="content" class="container"> <script type="text/javascript">load_main();</script> </div> <script type="text/javascript"> $('[data-toggle=tab]').click(function(e) { if (document.getElementById('loading').style.display != 'none') return false; document.getElementById('loading').style.display = 'block'; var $this = $(this), loadurl = "engine/ajax/" + $this.attr('aria-controls') + ".php"; $.get(loadurl, function(data) { $('#content').html(data); document.getElementById('loading').style.display = 'none'; }); $this.tab('show'); return false; }); </script> <div class="container"> <hr> <footer> <p class="pull-right"><a href="#feedback" role="button" data-toggle="modal" data-target="#feedback">Обратная связь</a></p> <p>BLABLA © 2015. Все права не нарушены.</p> </footer> </div> <div class="modal fade" id="feedback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Обратная связь</h4> </div> <form action="" method="POST"> <div class="modal-body"> <div class="form-group"> <label for="fbcategory">Тема письма</label> <select name="cat" id="fbcategory" class="form-control"> <option>Жалоба</option> <option>Вопрос</option> <option>Предложение</option> <option>Другое</option> </select> </div> <div class="form-group"> <label for="fbemail">Ваш E-mail</label> <input type="text" name="email" id="fbemail" class="form-control" /> </div> <div class="form-group"> <label for="fbtext">Текст сообщения</label> <textarea name="message" rows="5" id="fbtext" class="form-control"></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Закрыть</button> <button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Отправить</button> </div> </form> </div> </div> </div> </body></html>Link to comment
Share on other sites
0 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.