Счетчик посещения страницы

@kirra · Регистрация: 21.03.2021

Студворк — интернет-сервис помощи студентам

Всем привет. не знаю точно в какой рубрике создать тему, так что сори:
Есть счетчик посещения страницы, он какого не понятного цвета, как можно изменить цвет этой кнопки, не нашая действия и отображения самой кнопки.
На сайте цвет был на выбор, только один

JavaScript
1
2
3
4
5
6
7
8
9
10
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licntB9B3" width="88" height="31" style="border:0" 
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licntB9B3").src=
"https://counter.yadro.ru/hit?t13.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet-->

@DrType · 09.04.2021, 12:30

Я думаю, лучше даже не пытаться повлиять на стили самой кнопки. Можно попробовать изменить стили блока, внутрь которого вы поместили виджет счётчика — например, его прозрачность; или использовать фильтры.

@kirra · 09.04.2021, 12:34 **[ТС]**

Я думала про блок. Но скорее всего этого делать не буду. Страница экспериментальная, отрабатывается простота и не навязчивость. Вы думаете если все же начать влезать в кнопу, то ее работоспособность может нарушиться?

@websyst_ru · 09.04.2021, 13:02

Сообщение от kirra

Вы думаете если все же начать влезать в кнопу, то ее работоспособность может нарушиться?

Нет, кнопка не генерируемая и является лишь изображением. Его изменение ни на что не повлияет. Можно, конечно переназначить изображение через js на своё.. Но ради такой мелочи... + ассоциативность..

Предлагаю воспользоваться фильтрами css, поставленную задачу это решит.

В принципе, можно добиться почти любого цвета, если поиграться со значением/
Внешний блок так же не обязателен, т.к. он уже есть. Применить и прозрачность и размытие, и фон можно к нему.
А можно прямиком к кнопке, теми же самыми фильтрами

@kirra · 10.04.2021, 00:35 **[ТС]**

Так

, спасибо. все норм. но задача теперь иная.

не могу адаптировать эту так сказать кнопку внутри блока.
либо фор под кнопкой меняется, либо кнопка прыгает из блока.

оригинал кода, что в нем надо сменить

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- <block13> -->
<?if($COUNTER$ || $ONLINE_COUNTER$)?> 
<div class="sidebox"><div class="sidetitle"><span><!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --></span></div>
<div class="inner">
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licntB9B3" width="88" height="31" style="border:0" 
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licntB9B3").src=
"https://counter.yadro.ru/hit?t13.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet-->
 <div class="clr"></div>
 </div>
<?endif?>
<!-- </block13> -->

http://kolos.usite.pro - вот там блок, с надписью статистика и эта кнопка внутри

@websyst_ru · 10.04.2021, 01:04

Сообщение от kirra

оригинал кода, что в нем надо сменить

тут вообще ничего не нужно менять.

нужно лишь в css написать

CSS
1
2
3
#licntB9B3 {
    filter: hue-rotate(100deg);
}

@kirra · 10.04.2021, 01:19 **[ТС]**

добавляю через <style type="text/css"> ?

@websyst_ru · 10.04.2021, 01:36

Сообщение от kirra

добавляю через <style type="text/css">

Да ,можно и так. Прям в файле с "оригиналом кода", дабы не заморачиваться.
Слегка не по фен-шую. Но ошибок в этом нет.

@kirra · 10.04.2021, 01:47 **[ТС]**

блин....
пропадает сразу кнопка тогда

@websyst_ru · 10.04.2021, 01:48

Сообщение от kirra

пропадает сразу кнопка тогда

Значит, что-то делаете не так.

CSS
1
2
3
4
5
6
7
8
9
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<style>
#licntB9B3 {
    filter: hue-rotate(100deg);
}
</style>
....
...
..

@kirra · 10.04.2021, 15:32 **[ТС]**

Здравствуйте, это у меня получилось.

я про то что не могу в центр блока расположить счетчик.

@websyst_ru · 10.04.2021, 16:31

Сообщение от kirra

Здравствуйте, это у меня получилось.

А мне кажется, что нет

код, должен быть заключен в теги

C++
1
2
<style>
</style>

браузер "не воспринимает" и не обрабатывает.

Теперь ваш код дожен быть вот таким.

CSS
1
2
3
4
5
#licntB9B3 {
    position: relative;
    left: calc(35%);
    filter: hue-rotate(200deg);
}

но центрировать элемент в вашем случае лучше через код

CSS
1
2
3
.inner .sidebox{
text-align: center;
}

Но, только с использование nth-child() для sidebox
почитайте, как это работает http://htmlbook.ru/css/nth-child

Ну и p.s. такие счётчики принято располагать в футере, в самом низу, нежели почти бесполезно отводить под него sideblock.
Однако, это лишь эстетика и практичность. никто и ничто не запрещает расположить как вам угодно если прям хочется)

@kirra · 10.04.2021, 18:09 **[ТС]**

нет нет, с изменение цвета все получилось. я просто оставила сейчас в рыженьком варианте.

Добавлено через 44 секунды
<style>
#licntB9B3 {
filter: hue-rotate(100deg);
}
</style>
- я бы назвала это цветом морской волны или чето типа этого

@websyst_ru · 10.04.2021, 18:28

Сообщение от kirra

нет нет, с изменение цвета все получилось

Как скажете =)
Тогда осталось только это

Сообщение от websyst_ru

Теперь ваш код дожен быть вот таким.
CSS
#licntB9B3 {
position: relative;
left: calc(35%);
filter: hue-rotate(100deg);
}
но центрировать элемент в вашем случае лучше через код
CSS
.inner .sidebox{
text-align: center;
}
Но, только с использование nth-child() для sidebox
почитайте, как это работает http://htmlbook.ru/css/nth-child

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

Счетчик посещения страницы

Решение

Решение

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	09.04.2021, 12:30
	Сообщение было отмечено kirra как решение Решение Я думаю, лучше даже не пытаться повлиять на стили самой кнопки. Можно попробовать изменить стили блока, внутрь которого вы поместили виджет счётчика — например, его прозрачность; или использовать фильтры. 0

@kirra 0 / 0 / 0 Регистрация: 21.03.2021 Сообщений: 19
	09.04.2021, 12:34 [ТС]
	Я думала про блок. Но скорее всего этого делать не буду. Страница экспериментальная, отрабатывается простота и не навязчивость. Вы думаете если все же начать влезать в кнопу, то ее работоспособность может нарушиться? 0

@kirra 0 / 0 / 0 Регистрация: 21.03.2021 Сообщений: 19
	10.04.2021, 01:19 [ТС]
	добавляю через <style type="text/css"> ? 0

@kirra 0 / 0 / 0 Регистрация: 21.03.2021 Сообщений: 19
	10.04.2021, 01:47 [ТС]
	блин.... пропадает сразу кнопка тогда 0

@kirra 0 / 0 / 0 Регистрация: 21.03.2021 Сообщений: 19
	10.04.2021, 15:32 [ТС]
	Здравствуйте, это у меня получилось. я про то что не могу в центр блока расположить счетчик. 0

@kirra 0 / 0 / 0 Регистрация: 21.03.2021 Сообщений: 19
	10.04.2021, 18:09 [ТС]
	нет нет, с изменение цвета все получилось. я просто оставила сейчас в рыженьком варианте. Добавлено через 44 секунды <style> #licntB9B3 { filter: hue-rotate(100deg); } </style> - я бы назвала это цветом морской волны или чето типа этого 0