css кнопки "это интересно"

Поделиться1Чт, 22 Мар 2012 23:46:35

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 799
Уважение: +114
Позитив: +243
Последний визит:
Вт, 22 Апр 2025 21:55:14

мучала-мучала стиль кнопки rusff.live, домучала, в опере идеально ваще.
но в сафари, хроме, ие и эксплоре (последние версии, в ранних хз) позникла проблема...

скрывала надпись "это интересно" Бог весть как:
content: none;
и таким образом сработало лишь в опере.
собственно, стиль залит файлом:

0

Поделиться2Пт, 23 Мар 2012 01:14:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15422
Позитив: +12052
Последний визит:
Сегодня 00:29:04

Laktonika

Код:

             <div id="pun-live-rusff">
                <span class="cool3" title="Кто рекомендует">+4</span>
                <span class="cool2">
                  <a href="http://live.rusff.ru/" target="_blank" title="Читать все рекомендации на Rusff.Live">
                    <img src="http://live.rusff.ru/favicon.png">
                  </a>
                </span>
                <span class="cool1" id="thiscool" onclick="rusffLive.page_vote()" title="Кликните, чтобы рекомендовать эту страницу. Второй клик уберет рекомендацию">Это интересно</span>
                <span class="cooltext" style="float: right;">
                  Понравилось  
                  <strong>4</strong>
                   пользователям
                </span>
                <div id="pun-live-rusff-peoples" style="display: none">
                  <div class="people-head">Пользователи, которым это понравилось</div>
                  <div class="person">
                    <a href="http://illumina.hutt.ru/profile.php?id=2" title="Ryan Gate">
                      <img src="/img/avatars/0011/1e/4f/2-1331403034.png" width="100%" alt="Ryan Gate">
                    </a>
                  </div>
                  <div class="person">
                    <a href="http://illumina.hutt.ru/profile.php?id=22" title="Elinor Dona">
                      <img src="/img/avatars/0011/1e/4f/22-1331798514.png" width="100%" alt="Elinor Dona">
                    </a>
                  </div>
                  <div class="person">
                    <a href="http://illumina.hutt.ru/profile.php?id=3" title="Jade Campbell">
                      <img src="/img/avatars/0011/1e/4f/3-1332358211.gif" width="100%" alt="Jade Campbell">
                    </a>
                  </div>
                  <div class="person">
                    <a href="http://illumina.hutt.ru/profile.php?id=56" title="Keenan Cyborg">
                      <img src="/img/avatars/0011/1e/4f/56-1332012295.jpg" width="100%" alt="Keenan Cyborg">
                    </a>
                  </div>
                </div>
              </div>

Cелектор

#pun_wrap #pun-live-rusff #thiscool,#pun_wrap #pun-live-rusff span.cooltext{
display:none!important;
}

:music: #pun_wrap - Для верности

0

Поделиться3Пт, 23 Мар 2012 01:31:50

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 799
Уважение: +114
Позитив: +243
Последний визит:
Вт, 22 Апр 2025 21:55:14

Deff написал(а):

Код:

так, а причём тут это, если кнопка встроена в русфф по умолчанию?

Deff написал(а):

Cелектор

вставила.
элемент .cool1 пропал во всех браузерах.
чорд, мне просто надо скрыть надпись, только надпись т.т

0

Поделиться4Пт, 23 Мар 2012 10:01:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15422
Позитив: +12052
Последний визит:
Сегодня 00:29:04

Laktonika
Найди в коде и выдели её цветом - я скрою (я выложил полный код

0

Поделиться5Пт, 23 Мар 2012 13:43:23

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 799
Уважение: +114
Позитив: +243
Последний визит:
Вт, 22 Апр 2025 21:55:14

<div id="pun-live-rusff">
<span class="cool3" title="Кто рекомендует">+4</span>
<span class="cool2">
<a href="http://live.rusff.ru/" target="_blank" title="Читать все рекомендации на Rusff.Live">
<img src="http://live.rusff.ru/favicon.png">
</a>
</span>
<span class="cool1" id="thiscool" onclick="rusffLive.page_vote()" title="Кликните, чтобы рекомендовать эту страницу. Второй клик уберет рекомендацию">Это интересно</span>
<span class="cooltext" style="float: right;">
Понравилось
<strong>4</strong>
пользователям
</span>
<div id="pun-live-rusff-peoples" style="display: none">
<div class="people-head">Пользователи, которым это понравилось</div>
<div class="person">
<a href="http://illumina.hutt.ru/profile.php?id=2" title="Ryan Gate">
<img src="/img/avatars/0011/1e/4f/2-1331403034.png" width="100%" alt="Ryan Gate">
</a>
</div>
<div class="person">
<a href="http://illumina.hutt.ru/profile.php?id=22" title="Elinor Dona">
<img src="/img/avatars/0011/1e/4f/22-1331798514.png" width="100%" alt="Elinor Dona">
</a>
</div>
<div class="person">
<a href="http://illumina.hutt.ru/profile.php?id=3" title="Jade Campbell">
<img src="/img/avatars/0011/1e/4f/3-1332358211.gif" width="100%" alt="Jade Campbell">
</a>
</div>
<div class="person">
<a href="http://illumina.hutt.ru/profile.php?id=56" title="Keenan Cyborg">
<img src="/img/avatars/0011/1e/4f/56-1332012295.jpg" width="100%" alt="Keenan Cyborg">
</a>
</div>
</div>
</div>

0

Поделиться6Пт, 23 Мар 2012 13:45:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15422
Позитив: +12052
Последний визит:
Сегодня 00:29:04

Оставь тады ток это

<style>
#pun_wrap #pun-live-rusff #thiscool{
display:none!important;
}
</style>

Если хошь - мон и всю кнопку убрать

Отредактировано Deff (Пт, 23 Мар 2012 13:46:25)

0

Поделиться7Пт, 23 Мар 2012 14:15:35

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 799
Уважение: +114
Позитив: +243
Последний визит:
Вт, 22 Апр 2025 21:55:14

Deff
не пойдет, элемент вообще пропал.

0

Поделиться8Пт, 23 Мар 2012 14:17:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15422
Позитив: +12052
Последний визит:
Сегодня 00:29:04

Laktonika
Давай тады обесцветь его чисто

+1

Поделиться9Пт, 23 Мар 2012 14:29:01

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 799
Уважение: +114
Позитив: +243
Последний визит:
Вт, 22 Апр 2025 21:55:14

Deff
Супер, но теперь в мозилле (и еще где-нить навен) отображается тень текста. Так что я добавила так:

<style>
#pun_wrap #pun-live-rusff #thiscool{
color:transparent!important;
text-shadow:none!important;
}
</style>

И всё наконец нормально, только при выделении видно прозрачный текст:D
Спасибо.

0

Каталог скриптов/CSS	Форум для новичков	Вт, 1 Окт 2013
Каталог скриптов/css по авторам	Форум для новичков	Ср, 9 Окт 2013
Интересные решения для форумов	Каталог стилей	Сб, 27 Авг 2016
Дизайн/скрипты/графика/арт от ForumD.ru	Мастерская дизайнов	Пн, 27 Май 2024
Неглобальные доработки движка MyBB (с предложениями по PHP реализации)	Сделаем сервис лучше	Вс, 17 Дек 2023

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе