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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2


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

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

1

В этой теме просим помощи в оформлении форума и его элементов

Столкнулись с трудностями в оформлении вашего форума? Или просто хотите придать ему новый, свежий вид? В этой теме вы можете задать вопросы по стилизации, дизайну и внешнему виду вашего форума. Получите помощь по работе с CSS, настройке цветовой гаммы, шрифтов, размещению изображений и другим элементам оформления.

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

  • Укажите ссылку на форум: Ссылка на форум, с которым требуется помочь, позволит нам увидеть, понять контекст проблемы и предложить наиболее точное решение, не тратя время на догадки.

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

+1

441

Deff
Спасибо)

0

442

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

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

0

444

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

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

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

0

447

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

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

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

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

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

+1

448

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

0

449

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

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

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

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

+2

450

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

0

451

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 секунды:

https://i.imgur.com/iSuCD98m.png

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

+1

452

[да что не так то]
Непонятно с чего слетел вывод последней темы
https://i.imgur.com/HMOuqL9.png
Вчера поставил скрипт маска от Сатсаны

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

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

0

453

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

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

Добавь:

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

+2

454

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

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

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

0

455

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

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

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

Код:
.datetime {color: #000000;}

+3

456

kolobdur74 Благодарю https://forumstatic.ru/files/001a/c0/03/69508.gif

0

457

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

0

458

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

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

0

459

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

0

460

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

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

+3


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2