>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Сustom Buttons http://forum.mozilla-russia.org/viewforum.php?id=34 >[CB]Перемещаем кнопку "Firefox" http://forum.mozilla-russia.org/viewtopic.php?id=52240 |
bunda1 > 05-11-2011 22:57:21 |
Перемещаем кнопку "Firefox"(Firefox 4.0 +) На Панель навигации: Выделить код Код:(function() { var appButton = document.getElementById('appmenu-button-container'); var navBar = document.getElementById('nav-bar'); navBar.insertBefore(appButton, navBar.firstChild); })(); На Панель навигации, в конце панели: Выделить код Код:(function() { var appButton = document.getElementById('appmenu-button-container'); var navBar = document.getElementById('nav-bar'); navBar.insertBefore(appButton, navBar.lastChild); })(); На Панель закладок: Выделить код Код:(function() { var appButton = document.getElementById('appmenu-button-container'); var navBar = document.getElementById('PersonalToolbar'); navBar.insertBefore(appButton, navBar.firstChild); })(); На Панель дополнений: Выделить код Код:(function() { var appButton = document.getElementById('appmenu-button-container'); var navBar = document.getElementById('addon-bar'); navBar.insertBefore(appButton, navBar.firstChild); })(); |
Neolwen > 29-06-2012 04:03:02 |
А на 13+ версии это не работает ? Или мб. я что-то не так делаю ? Жму на панели навигации пкм. => "Добавить новую кнопку" => Копирую код, и вставляю в раздел инициализация (предварительно все там стерев) => Перетаскиваю созданную кнопку (без этого ничего не происходит) из настроек панели за кнопку "Назад" => Перезапускаю лису. Вот что выходит -> Скриншот. В идеале хотелось чтобы была просто кнопка звездочки (а не прямоугольная рыжая) и вкладки в крайнем левом положении, свободно перемещаемая или хотя бы за кнопкой "Назад" : ( |
feas > 29-06-2012 12:45:48 |
Neolwen пишет
Movable Firefox Button :: Дополнения Firefox |
Neolwen > 29-06-2012 18:08:21 |
Теперь именно так как хотел, осталось только иконку нарисовать. Скриншот. |
bunda1 > 29-06-2012 18:22:31 |
Neolwen пишет
Ты все делал правильно так и должно быть. Выделить код Код:(function() { var appButton = document.getElementById('appmenu-button-container'); var navBar = document.getElementById('nav-bar'); navBar.insertBefore(appButton, navBar.firstChild); })(); С этим кодом я советую использовать вот такой стиль для Stylish или userChrome.css Выделить код Код:/*Кнопка главного меню..................................................*/ /*Изменить текст на кнопке меню*/ #appmenu-button .button-text, #appmenu-button dropmarker { display: none !important;} #appmenu-button .button-box .box-inherit:before{content: "Меню" !important;} /*удалить App Button при старте браузера*/ #titlebar-content #appmenu-button { display: none !important; } /*Уменьшить кнопку меню*/ #appmenu-button, #appmenu-toolbar-button { min-width: 0 !important; border-radius: 3px 3px 3px 3px!important; margin-left: 1px !important; margin-top: 1px !important; padding: 0 1px 0.6px 1px !important; } /*изменить цвет кнопки меню*/ #main-window:not([privatebrowsingmode]) #appmenu-button{ background-image: -moz-linear-gradient(hsl(208,99%,37%), hsl(214,90%,23%) 95%) !important; border-color: hsla(214,89%,21%,.9) !important; box-shadow: 0 1px 0 hsla(205,100%,72%,.2) inset, 0 0 2px 1px hsla(205,100%,72%,.25) inset !important; } #main-window:not([privatebrowsingmode]) #appmenu-button:hover:not(:active):not([open]) { background-image: -moz-radial-gradient(center bottom, farthest-side, hsla(202,100%,85%,.5) 10%, hsla(202,100%,85%,0) 70%), -moz-radial-gradient(center bottom, farthest-side, hsla(205,100%,72%,.7), hsla(205,100%,72%,0)), -moz-linear-gradient(hsl(208,98%,34%), hsl(213,87%,20%) 95%) !important; border-color: hsla(214,89%,21%,.9) !important; box-shadow: 0 1px 0 hsla(205,100%,72%,.15) inset, 0 0 2px 1px hsla(205,100%,72%,.5) inset, 0 -1px 0 hsla(205,100%,72%,.2) inset !important; } #main-window:not([privatebrowsingmode]) #appmenu-button:hover:active, #main-window:not([privatebrowsingmode]) #appmenu-button[open] { background-image: -moz-linear-gradient(hsl(208,95%,30%), hsl(214,85%,17%) 95%); box-shadow: 0 2px 3px rgba(0,0,0,.4) inset, 0 1px 1px rgba(0,0,0,.2) inset !important; } |
Neolwen > 29-06-2012 19:27:07 |
bunda1 Спасибо. Единственное что смущает, это то, что помимо кнопки "Firefox", рядом еще и CB кнопка, если ее скрыть было бы идеально. Или это невозможно ? |
Kamui > 29-06-2012 19:29:10 |
Neolwen |
Neolwen > 29-06-2012 19:34:51 |
Kamui точно Спасибо. |
Neolwen > 29-06-2012 20:56:26 |
okkamas_knife сделал так, получилось примерно также как на предыдущем скрине (поковырялся лишь с цветом) только кнопки CB нету нигде. Спасибо всем люди еще раз, прям до идеала допилили : ) |
villa7 > 01-11-2013 16:53:07 |
okkamas_knife |
bunda1 > 01-11-2013 21:58:36 |
villa7 пишет
Выделить код Код:this.onclick = function(e) { if ( e.button == 0 ) this.lastChild.showPopup( this, -1, -1, "popup", "bottomleft", "topleft"); } if ( !this.lastChild ) { var menubar = document.getElementById("main-menubar"); var appmenuSecondaryPane = document.getElementById("appmenuSecondaryPane"); var appmenu = document.getElementById("appmenu-popup"); var appmenuSplit = document.createElement("menuseparator"); appmenuSecondaryPane.appendChild( appmenuSplit ); Array.slice( menubar.childNodes ).forEach(function( node ) { appmenuSecondaryPane.appendChild( node.cloneNode(true) ); }) this.appendChild( appmenu.cloneNode(true) ); } |
villa7 > 02-11-2013 02:19:57 |
bunda1 |
Kiril__777 > 02-12-2014 16:10:36 |
Вот здесь не работает для фф 31. Есть решение? подскажите пожалуйста |