>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >CSS-стили http://forum.mozilla-russia.org/viewforum.php?id=38 >Замена категорий иконок на каком-либо сайте http://forum.mozilla-russia.org/viewtopic.php?id=56217 |
мозя > 31-08-2012 12:13:18 |
Могли бы показать пример css для смены иконок на свои, например на этом сайте для головы мозиллы в форуме? |
Alfina > 05-09-2012 03:28:08 |
мозя пишет
Просто заменяете адрес картинки на свой. Пример: Выделить код Код:div.icon{background: url("http://static.iconsearch.ru/uploads/icons/siena/24x24/globered.png") no-repeat scroll 0 0 transparent!important;} |
hydrolizer > 12-09-2012 03:38:33 |
Кстати. Не так давно на глаза попалась вот эта дискуссия, там люди утверждают, что в ряде браузеров (Chrome/Safari/Opera) в рамках реализации CSS3 для замены непосредственно изображения у тэга IMG можно использовать правило content: url("..."): Выделить код Код:<style> .MyClass123{ content: url("http://imgur.com/SZ8Cm.jpg"); } </style> <img class="MyClass123"/> - примерно так. Проверил у себя на Firefox 16b - поддержки этого правила для IMG пока что нет; на MDN в документации описано использование в рамках CSS2 для псевдоклассов :before и :after. |
hydrolizer > 12-09-2012 05:18:00 |
iDev.Pi iDev.Pi пишет
Эмм... да я как бы в курсе и про эти страницы for developers. И, в частности, в курсе вот про такую ремарку на этих страницах:
То, что находится за рамками complete, может уже обсуждаться, например, в той же багзилле. |
PEAKTOP > 24-10-2013 06:49:58 |
А как тем же макаром заменить favicon сайта? Пробовал менять icon на favicon не прокатило. хочу заменить favicon для http://mdex-nn.ru уж очень бесит эта бегущая строка на вкладке и в адресной строке. Этот код @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mdex-nn.ru") { #page-proxy-favicon, Тоже не сработал. ЧЯДН? |
Infocatcher > 24-10-2013 10:37:03 |
PEAKTOP пишет
|
PEAKTOP > 24-10-2013 14:57:26 |
Infocatcher, а ничего, что в тех стилях делается замена иконки для приватных вкладок? У меня-то вкладки обычные. Или это без разницы? |
Infocatcher > 24-10-2013 15:05:14 |
PEAKTOP |
PEAKTOP > 24-10-2013 16:10:41 |
Infocatcher, отредактировал код под свои нужды, но иконка не меняется. Подскажи, пожалуйста, где ошибка? К сожалению мои познания в написании CSS-стилей, да и вообще в программировании минимальны скрытый текст Выделить код Код:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mdex-nn.ru") { .tabbrowser-tab .tab-icon-image [src="http://mdex-nn.ru/application/maxsite/templates/easy/img/favicon.gif"] .tabbrowser-tab.tab-icon-image > .toolbarbutton-icon { list-style-image: url("scr=file:///D:/Картинки/mdex-nn.ru.png") !important; display: -moz-box !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; } .tabbrowser-tab .tab-icon-image > .toolbarbutton-text { display: none !important; } } |
iDev.Pi > 24-10-2013 17:08:57 |
PEAKTOP |
PEAKTOP > 24-10-2013 18:40:21 |
iDev.Pi, слова okkamas_knife принял к сведению. Но он не предложил варианта как сделать не скрытие, а замену. Поэтому я использовал код примера от Infocatcher из этого поста. Отредактировал как он и советовал. Получается, что и его код относится к юзерхрому? |
bunda1 > 24-10-2013 19:55:01 |
Насчёт CSS не знаю, но для Сustom Buttons можно использовать код: Выделить код Код:addEventListener("TabAttrModified", function(e) { var tab = e.target; var doc = tab.linkedBrowser.contentDocument; if ( doc.location.host == "mdex-nn.ru") tab.image = "chrome://global/skin/icons/error-16.png"; }, true, gBrowser.tabContainer ); 24-10-2013 20:04:47 Выделить код Код:#urlbar [src*='http://mdex-nn.ru/application/maxsite/templates/easy/img/favicon.gif#-moz-resolution=16,16'], .tabbrowser-tabs tab [src*='http://mdex-nn.ru/application/maxsite/templates/easy/img/favicon.gif#-moz-resolution=16,16']{ background:url("chrome://global/skin/icons/error-16.png") no-repeat !important; padding-right: 16px !important; } |
littleleshy > 24-10-2013 20:28:26 |
PEAKTOP пишет
А к чему же ещё-то? |