- 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
Artem26
не работает код
файл doc1.html
в нем не работает функция f_unload() и f_load() понял, что дело в opener
работает только firefox
<html><head><title>Новое окно</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_closed() { window.close(); } function f_unload() { opener.document.getElementById("div1").style.display="none"; } function f_load() { opener.document.getElementById("div1").style.display = "block"; } //--> </script></head><body onunload="f_unload()" onload="f_load()"><div><h1>Заголовок нового окна</h1><input type="button" value="Закрыть окно" onclick="f_closed();"></div></body></html>открывал с этого файла
<html><head><title>Открытие нового окна</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><script type="text/javascript"> <!-- var myWindow; function f_open() { // Открываем окно var str = "menubar=0,location=0,resizable=0,scrollbars=0,"; str += "status=0,titlebar=no,toolbar=0,left=0,"; str += "top=0,width=500,height=500"; myWindow = window.open("doc1.html", "window1", str); } function f_close() { // Закрываем окно var div1 = document.getElementById("div1"); if (!myWindow.closed) { myWindow.close(); div1.style.display = "none"; } else { window.alert("Окно уже было закрыто"); div1.style.display = "none"; } } function f_resize() { // Задаем размер окна var div1 = document.getElementById("div1"); var txt1 = document.getElementById("txt1"); var txt2 = document.getElementById("txt2"); var p = /^[0-9]{3}$/; if (p.test(txt1.value) && p.test(txt2.value)) { if (!myWindow.closed) { myWindow.resizeTo(txt1.value, txt2.value); } else { window.alert("Окно было закрыто раньше"); div1.style.display = "none"; } } else { window.alert("Необходимо ввести число из 3 цифр"); } } function f_move() { // Изменяем местоположение относительно текущего положения окна var div1 = document.getElementById("div1"); var txt3 = document.getElementById("txt3"); var txt4 = document.getElementById("txt4"); var p = /^\-?[0-9]+$/; if (p.test(txt3.value) && p.test(txt4.value)) { if (!myWindow.closed) { myWindow.moveBy(txt3.value, txt4.value); } else { window.alert("Окно уже было закрыто"); div1.style.display = "none"; } } else { window.alert("Необходимо ввести число"); } } //--></script></head><body> <div> <input type="button" value="Создать окно" onclick="f_open();"><br> <div style="display: none" id="div1"> <input type="button" value="Закрыть созданное окно" onclick="f_close();"><br> X: <input type="text" id="txt1"><br> Y: <input type="text" id="txt2"><br> <input type="button" value="Задать размеры окна" onclick="f_resize();"><br> X: +- <input type="text" id="txt3" value="0"><br> Y: +- <input type="text" id="txt4" value="0"><br> <input type="button" value="Изменить местоположение окна" onclick="f_move();"> </div> </div></body></html>прошу помощи
искал в интернете
так ничего и не нашел
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.