Общие вопросы по оформлению (65) #2

Поделиться1Сб, 19 Дек 2020 13:24:51

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1963
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Предыдущая часть темы: Общие вопросы по оформлению (65)

+1

Поделиться441Ср, 31 Мар 2021 14:59:33

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Deff
Спасибо)

0

Поделиться442Ср, 31 Мар 2021 16:43:09

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Mirra Bell написал(а):

Поставила скрипт Цветовыделение ников По ГРУППАМ, т.к. прежнее напрочь перестало работать. Но и этот почему-то отказывается выделять группу с ID=14. Как его можно заставить или выделить ники каким-либо другим не устаревшим способом? На http://almarein.spybb.ru/

Ну, как то так:

По месту расположения:

Код:

<style>
/* Цветовыделение ников по группам с помощью CSS */

/* В постах */
div[data-group-id="1"] li.pa-author>a {color: red;}
div[data-group-id="2"] li.pa-author>a {color: blue;}
div[data-group-id="3"] li.pa-author>a {color: green;}
div[data-group-id="4"] li.pa-author>a {color: purple;}

/* Участники и Статистика форума*/
.group1 a {color: red;}
.group2 a {color: blue;}
.group3 a {color: green;}
.group4 a {color: purple;}

/* Статистика низ форума */
a.group1 {color: red;}
a.group2 {color: blue;}
a.group3 {color: green;}
a.group4 {color: purple;}
</style>

Или вариант объединения по группам:

Код:

<style>
/* Цветовыделение ников по группам с помощью CSS */

/* Группа 1 */
div[data-group-id="1"] li.pa-author>a, .group1 a, a.group1 {color: red;}

/* Группа 2 */
div[data-group-id="2"] li.pa-author>a, .group2 a, a.group2 {color: blue;}

/* Группа 3 */
div[data-group-id="3"] li.pa-author>a, .group3 a, a.group3 {color: green;}

/* Группа 4 */
div[data-group-id="4"] li.pa-author>a, .group4 a, a.group4 {color: purple;}
</style>

Где: div[data-group-id="1"] li.pa-author>a, .group1 a, a.group1 - номер группы..

Ставить в НТМЛ Верх.

Эти два кода делают одно и тоже, только первый код дает возможность одной группе ставить разные цвета в разных местах..

Вроде ничего не пропустил, но не проверял..

Ну, и скрипты теперь для этого не нужны))

Отредактировано kolobdur74 (Чт, 1 Апр 2021 01:17:57)

+2

Поделиться443Ср, 31 Мар 2021 20:46:55

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

kolobdur74
В обоих вариантах не выделяется ничего. ) Сейчас стоит первый, второй тоже ставила с тем же эффектом

0

Поделиться444Ср, 31 Мар 2021 21:46:34

Автор: kernel
Администратор
Зарегистрирован: Пт, 31 Янв 2020
Сообщений: 1617
Уважение: +3693
Позитив: +191
Последний визит:
Вт, 20 Окт 2020 15:41:44

Mirra Bell написал(а):

kolobdur74
В обоих вариантах не выделяется ничего. ) Сейчас стоит первый, второй тоже ставила с тем же эффектом

Оба варианта совершенно эквивалентны, второй, в данном случае, краткая версия первого.
У вас основной стиль перебивает эти (смотрите селектор .punbb a, .punbb a:link, ...). Можно немного изменить селекторы:

Код:

.punbb a.group1, .punbb .group1 a {color: darkviolet;}
.punbb a.group2, .punbb .group2 a {color: green;}
.punbb a.group14, .punbb .group14 a {color: teana;}

+1

Поделиться445Ср, 31 Мар 2021 22:24:19

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Mirra Bell написал(а):

В обоих вариантах не выделяется ничего. ) Сейчас стоит первый, второй тоже ставила с тем же эффектом

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

Оба варианта совершенно эквивалентны, второй, в данном случае, краткая версия первого.
У вас основной стиль перебивает эти (смотрите селектор .punbb a, .punbb a:link, ...). Можно немного изменить селекторы:

И добавить !important, так как на минипрофиль стоит:

.pa-author a {
text-decoration: none;
font-family: Romul!important;
text-transform: uppercase;
font-size: 12px!important;
font-weight: normal;
text-shadow: 1px 1px 1px #ebdff8, 0 0 1em #79b4c7;
color: #dfcdb7!important;
}

И кроме того, я не уверен в существовании такого цвета:

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

.punbb a.group14, .punbb .group14 a {color: teana;}

Вероятно и скрипт поэтому на эту группу не срабатывал, что браузеры такого цвета не знают..

Отредактировано kolobdur74 (Ср, 31 Мар 2021 22:30:30)

+1

Поделиться446Чт, 1 Апр 2021 01:06:41

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

kolobdur74
Пост 442..... Второй укороченный вариант
А как правильно вписать чтобы захватывало и userlist.php (так же выделяло цветом)?

0

Поделиться447Чт, 1 Апр 2021 01:12:52

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

МАЧОнаДАЧЕ написал(а):

Пост 442..... Второй укороченный вариант
А как правильно вписать чтобы захватывало и userlist.php (так же выделяло цветом)?

Там всё забито, если ничего не перебивает, то селекторы типа: .group2 a вполне хватает, если что то перебивает в дизайне, то это надо смотреть и добавлять уточняющие селекторы..

Это два одинаковых кода, только первый код дает возможность одной группе ставить разные цвета в разных местах..

Отредактировано kolobdur74 (Чт, 1 Апр 2021 01:13:57)

+1

Поделиться448Чт, 1 Апр 2021 01:27:29

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

kolobdur74
Вроде нет нечего перебивающего. Днём посмотрю стиль тщательно. Спасибо

0

Поделиться449Чт, 1 Апр 2021 08:07:00

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

kolobdur74
kernel
С !important все получилось. Только странно, что раньше стиль раскраску не перебивал.

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

И кроме того, я не уверен в существовании такого цвета:

Да, цвет и правда оказался другой: teal.
Спасибо!

+2

Поделиться450Чт, 1 Апр 2021 08:29:36

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

Mirra Bell Кстати я сегодня тоже (спросонья) так и не смог найти и узнать что это за цвет :yep: teana (думал совсем чёт не догоняю)

0

Поделиться451Чт, 1 Апр 2021 09:28:19

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 14:52:38

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

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

Здравствуйте, вопрос по поводу "Премодерации" Обновления на сервисе
Стоит скрипт:

Ну, как вариант:

Код:

<!--Своя картинка или Слово в Пользовательские Ссылки -->
<style>
#pun-ulinks li a {font-size: 0;}
</style>
<script>
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
ulinks=new Array(
  ".item1 a","https://forumstatic.ru/files/0014/74/cb/13164.png","https://forumstatic.ru/files/0014/74/cb/31542.png",	// Новые сообщения
  ".item2 a","https://forumstatic.ru/files/0014/74/cb/65261.png","https://forumstatic.ru/files/0014/74/cb/57315.png",	// Активные темы
  ".item7 a[href*='show_replies']","https://forumstatic.ru/files/0014/74/cb/48086.png","https://forumstatic.ru/files/0014/74/cb/12928.png",	// Oтветы
  ".item3 a","https://forumstatic.ru/files/0014/74/cb/19594.png","https://forumstatic.ru/files/0014/74/cb/67274.png",	// Темы без ответов
  ".item4 a","https://forumstatic.ru/files/0014/74/cb/25406.png","https://forumstatic.ru/files/0014/74/cb/64451.png",	// Мои сообщения
  ".item6 a","https://forumstatic.ru/files/0014/74/cb/33718.png","https://forumstatic.ru/files/0014/74/cb/48270.png",	// Подписка
  ".item5 a","https://forumstatic.ru/files/0014/74/cb/97693.png","https://forumstatic.ru/files/0014/74/cb/64775.png",	// Мои Загрузки
  ".premod a","https://forumstatic.ru/files/0014/74/cb/54204.png","https://forumstatic.ru/files/0014/74/cb/58533.png",	// Премодерация
  ".item7 a[href*='action=markread']","https://forumstatic.ru/files/0014/74/cb/55540.png", "https://forumstatic.ru/files/0014/74/cb/69611.png"	// Все прочитано - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < ulinks.length; i+=2){s=ulinks[i+1];s2=ulinks[i+2];
   if(!Img_Word){s='<img class="ulinks" src="'+s+'" onmouseover="this.src=\''+s2+'\'" onmouseout="this.src=\''+s+'\'"border="0" />'}
   $("#pun-ulinks "+ulinks[i]).prepend("<span>"+s+"</span>");i++;}
</script>

Спасибо большое.
Добавлено спустя 2 часа 21 минуту 2 секунды:

Отредактировано ACT3255 (Чт, 1 Апр 2021 11:49:21)

+1

Поделиться452Чт, 1 Апр 2021 11:19:09

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

[да что не так то]
Непонятно с чего слетел вывод последней темы

Вчера поставил скрипт маска от Сатсаны

Код:

<!-- html-верх - Ролевые маски, (с) ForumD.ru, satsana, 2021 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b3/fc/40897.js"></script>

И всё стояло ровно (когда тестил)
Сегодня захожу и упс :tired:
Убрал скрипт. Скинул кеш. Проблема не решилась.

0

Поделиться453Чт, 1 Апр 2021 12:00:22

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

МАЧОнаДАЧЕ написал(а):

И всё стояло ровно (когда тестил)
Сегодня захожу и упс
Убрал скрипт. Скинул кеш. Проблема не решилась.

Добавь:

.punbb .tcr a{
color: #FF4500;
transition: .5s;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
display: inline;
}

+2

Поделиться454Чт, 1 Апр 2021 13:01:29

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

kolobdur74
Век живи, век учись :cool:
Ну а дату оставить чёрным цветом
Сообразил так:

Код:

/***НИКи на главной в топ_оранж цвет***/
#pun-index .tcr  {
  color: #FF4500;
}

Красит всё оранжевым.
Чего не хватает чтобы не зацепляло дату?

0

Поделиться455Чт, 1 Апр 2021 13:09:47

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

МАЧОнаДАЧЕ написал(а):

Красит всё оранжевым.
Чего не хватает чтобы не зацепляло дату?

.tcr - это для всей ячейки таблицы, кроме ссылок.. Для даты есть свой класс:

Код:

.datetime {color: #000000;}

+3

Поделиться456Чт, 1 Апр 2021 13:19:59

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

kolobdur74 Благодарю

0

Поделиться457Пт, 2 Апр 2021 12:16:41

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Где-то посеял рамку на аватар. Обычную рамку, без растягивающейся по самому аватару и смены на другую. Швырните ссылкой, добрые люди.

0

Поделиться458Пт, 2 Апр 2021 12:38:39

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +666
Пол: Женский
Последний визит:
Вчера 17:34:50

Северный Ветер
может быть так?

/*АВАТАР*/
li.pa-avatar.item2 img {
border: 2px solid #1e8570;}

0

Поделиться459Пт, 2 Апр 2021 12:52:21

Автор: Северный Ветер
Заслуженный
Зарегистрирован: Пн, 26 Сен 2011
Сообщений: 257
Уважение: +24
Позитив: +9
Последний визит:
Пт, 9 Апр 2021 02:21:30

Riya
Если я вставлю туда картинку, она отойдет на задний план)

0

Поделиться460Пт, 2 Апр 2021 13:17:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Северный Ветер

li.pa-avatar img[alt] {
border: 2px solid #1e8570;
}

+3

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

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

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

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

Общие вопросы по оформлению (65) #2

Сообщений 441 страница 460 из 1486

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться441Ср, 31 Мар 2021 14:59:33

Поделиться442Ср, 31 Мар 2021 16:43:09

Поделиться443Ср, 31 Мар 2021 20:46:55

Поделиться444Ср, 31 Мар 2021 21:46:34

Поделиться445Ср, 31 Мар 2021 22:24:19

Поделиться446Чт, 1 Апр 2021 01:06:41

Поделиться447Чт, 1 Апр 2021 01:12:52

Поделиться448Чт, 1 Апр 2021 01:27:29

Поделиться449Чт, 1 Апр 2021 08:07:00

Поделиться450Чт, 1 Апр 2021 08:29:36

Поделиться451Чт, 1 Апр 2021 09:28:19

Поделиться452Чт, 1 Апр 2021 11:19:09

Поделиться453Чт, 1 Апр 2021 12:00:22

Поделиться454Чт, 1 Апр 2021 13:01:29

Поделиться455Чт, 1 Апр 2021 13:09:47

Поделиться456Чт, 1 Апр 2021 13:19:59

Поделиться457Пт, 2 Апр 2021 12:16:41

Поделиться458Пт, 2 Апр 2021 12:38:39

Поделиться459Пт, 2 Апр 2021 12:52:21

Поделиться460Пт, 2 Апр 2021 13:17:12