Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

Архив тем » обновить / остановить в адресной строке, FF28 » 28-04-2014 18:43:15

В cyberfox 28 пропала из адресной строки кнопка обновить / остановить - как вернуть?

Firefox » Ищу расширение для Firefox (ищу дополнение) » 19-12-2013 08:42:37

Есть раширения "Поиск картинок по выделенной области"? Т.е упрощение того что часто делаю: захват-обрезание faststone > сохранение > поиск в gogle или who-stole-my-pictures

CSS-стили » Подмена элементов IMG » 19-12-2013 08:22:00

универсального шаблона нет

спасибо ребят!

тех исходных - недостаточно

каких именно?

okkamas_knife, читайте первый пост темы, "урок учил" и ваши примеры я худо бедно применял еще в самом начале. Метод before/after не подходит для множественных замен, а в моих примерах почему-то не работает content:"НОВАЯТЕМА" !important; Еще как то можно заменить кнопку на текст?

p.s №1 после перезагрузки применился... но толку от них обоих?

Firefox » открывать файлы .gzip » 18-12-2013 22:38:08

Вроде бы работа с gzip и так заложена в любой браузерный движок, зачем что то "прикручивать"?..

CSS-стили » Подмена элементов IMG » 18-12-2013 22:08:57

okkamas_knife, у вас первый пример (nigma.ru) работает? Ну и все таки как быть в случае форумных кнопок - замена через before/after не для таких случаев... Можно что нибудь из примеров по ссылкам сообразить, или поправить:

Выделить код

Код:

img[src$="/newtopic.png"]{
width:0px !important;
height:0px !important;
background-repeat: no-repeat;
padding-left:100px !important;
padding-top:29px !important;
content:"НОВАЯТЕМА";
border-width:1px 2px 2px 1px !important; 
border-style:solid !important; 
background:gray; 
font-size:11pt;}

Firefox » открывать файлы .gzip » 17-12-2013 07:54:55

Возможно открывать файлы гзип (.gz, или без расширений) браузером?

CSS-стили » Подмена элементов IMG » 17-12-2013 07:23:18

Нашел подходящий шаблон в каком-то из "дефейсов" на userstyles.org:

Выделить код

Код:

img[src$="/icon_user_offline.png"]{
width:0px !important;
height:0px !important;
background-repeat: no-repeat;
padding-left:90px !important;
padding-top:44px !important;
background-image: url('http://.../icon_user_offline.png')!important;}

ну и еще пара ссылок в тему:
CSS Image Replacement Museum
Nine Techniques for CSS Image Replacement

[spoiler][code]h1#technique-one {
  width: 250px;
  height: 25px;
  background-image: url(logo.gif);}
h1#technique-one span {
  display: none;}

h1.technique-two {
  width: 2350px; height: 75px;
  background: url("images/header-image.jpg") top right;
  margin: 0 0 0 -2000px;}

h1.technique-three {
  width: 350px;
  height: 75px;
  background: url("images/header-image.jpg");
  text-indent: -9999px;}

h1.technique-four {
    width: 350px; height: 75px;
    bac

CSS-стили » Подмена элементов IMG » 11-12-2013 17:25:54

Еще раз. Можно примеры на основе тех исходных что я приводил?
знаний нет, примеров нет. даже ответа, решаемо ли оно с помощью css -  тоже нет...

CSS-стили » Подмена элементов IMG » 11-12-2013 13:31:34

iDev.Pi увы, понятнее как написать код под задачу не стало -) Можно работающий пример замены img кнопки? (см. выше №7):

скрытый текст

Выделить код

Код:

<img width="90" height="44" title="Не в сети" alt="Не в сети" src="./images/icon_user_offline.png">
<img width="90" height="44" title="В сети" alt="В сети" src="./images/icon_user_online.png">

CSS-стили » Подмена элементов IMG » 10-12-2013 06:38:29

iDev.Pi пишет

не указывать [title="Не в сети"] и всё сохранится.

Тут, либо вы недопоняли - или до меня дойдет только на примере.)

CSS-стили » Подмена элементов IMG » 06-12-2013 11:34:03

Заменить img, сохранив функцию ("online/offline") по таким атрибутам не получается, вот в чем дело...

Что делать когда нет уник. селектора или класса, и номер "прыгает"?))

CSS-стили » Подмена элементов IMG » 06-12-2013 10:51:30

Проблема в том что целевой элемент "плавает" - аватара может не быть:

скрытый текст
tr.row2:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(8)
tr.row1:nth-child(3) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(5)

Есть (не подходящее) решение похожей проблемы у Ferguss114 - чуствую, что истина где то рядом,)

CSS-стили » Подмена элементов IMG » 06-12-2013 09:12:34

Опять понадобилось "поправить", озадачен) каков правильный селектор для последнего <img>?

скрытый текст

Выделить код

Код:

<td class="postdetails" style="border:0;">
    <img width="150" height="150" alt="Аватар" src="./download/file.php?avatar=1520.jpg"></img>
    <br></br>
    <br></br>
    <b
        Зарегистрирован:
    </b>
     Пт окт 04, 2013 12:29 pm
    <br></br>
    <b>
        Сообщения:
    </b>
     34
    <br></br>
    <img width="90" height="44" title="Не в сети" alt="Не в сети" src="./images/icon_user_offline.png"></img>
</td>


заодно, если кто сможет поправить / объяснить почему не работают:
скрытый текст

Выделить код

Код:

table + br, div.postbody + br {display:none !important;}

img[src$="/newtopic.png"]
{content:'newtopic'; !important; background:white;}


и замена <img> с помощью CSS
[spoiler][code]/* Все в одном селекторе */
.banner {
display: block;
-moz-box-sizing: border-box;
box-si

CSS-стили » Подмена элементов IMG » 26-11-2013 07:29:01

okkamas_knife пишет

есть несколько вариантов

Смотрел В-О, что-то не нашлось еще примеров... кто мимо проходит, не пожалейте времени - хочется таки разобраться)

Добавлю - нужно в первую очередь для форумов. Вот взять хотя бы за основу иконки данного ("Отсутствует" "Ответить" и т.п) - как?

CSS-стили » Подмена элементов IMG » 24-11-2013 00:20:11

Спасибо!
По "универсальному" что-то не нашлось многовариантных кнопок, или хотя бы dark|light|original. Color toggle и подобные все - двух(
Нашелся еще мощнейший Color That Site! - разбираюсь... Им вроде как-то и кнопки можно перекрасить / заменить...

p.s вопрос #1 остается в силе.)

CSS-стили » Подмена элементов IMG » 23-11-2013 12:57:32

Подскажите, как быть если нужно подменить все кнопки/фон страницы своими? Пример из п.12 Уроки стилистики (CSS) не совсем подошел, лишь:

Выделить код

Код:

.postdetails:after {content: url(/icon_user_online.png);
    visibility: visible; }
    
IMG[src="./styles/imageset/icon_user_online.png"] {
    display: none; }

И то, с потерей функционала...

знания темы околонулевые, прошу "подоходчивее" ,)

p.s хочется сделать день/ночь стили для нескольких сайтов... Или если кто пользуется stylish - может есть готовые универсальные?

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]