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

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

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


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


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

Сообщений 1361 страница 1380 из 1596

1

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

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

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

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

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

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

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

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

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

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

+1

1361

Seiline
Года 3 назад ко мне обращались за похожим скриптом, попробуйте:

Старая версия
Код:
<script>
document.addEventListener('DOMContentLoaded', function() {
  if (document.querySelector('#pun-viewtopic')) {
    document.querySelectorAll('.post-content').forEach((e) => {
      let symbols = 0;
      e.querySelectorAll('p').forEach((p) => {
        symbols += p.textContent.length;
      });
      if (symbols > 0) {
        const counter = document.createElement('div');
        counter.classList.add('post-counter');
        counter.textContent = `Символов в посте: ${symbols}`;
        e.appendChild(counter);
      }
    });
 }});
</script>

Вроде до сих пор работает. Ставить в Форму ответа (тогда гостям не будет видно) или в HTML-низ (видно будет всем).

Добавлено спустя 3 минуты 28 секунд:

В таблицах, цитатах и внутри спойлера считает символы, внутри блока кода не считает.

Добавлено спустя 15 часов 5 минут 40 секунд:

Оказывается, скрипт писался лет 5 назад. Немного изменил под ajax-форму:

Код:
<script>
// Скрипт подсчёта символов в посте
function SymbolPostCounter() {
  document.querySelectorAll(".post-content").forEach(e => {
    let symbol = 0;
    e.querySelectorAll("p").forEach(e => {
    symbol += e.textContent.length
  });
  const post = e.querySelector(".post-counter");
  if (symbol > 0) {
    if (post) {
      post.textContent = `Символов в посте (на момент написания): ${symbol}`
    } else {
      const post = document.createElement("div");
      post.classList.add("post-counter"),
      post.textContent = `Символов в посте: ${symbol}`,
      e.appendChild(post);
    }
  }
})
}
$(document).on('ajaxSuccess', SymbolPostCounter);
$(document).ready(SymbolPostCounter);
</script>

+4

1362

Всем привет! Может есть у кого скрипт украшения ко дню рождения? У нас близится др форума, хотелось бы как-то его отметить))

0

1363

изумрудик
Ну по моему тут только украшения к НГ  => Новогодние украшения 2

Воть тут кому то на Валентинов день ставил такое(В HTML низ):

Код:
<!-- Курсор с сердечками к Дн. Св. Валентино -->
<script src="https://forumstatic.ru/files/001a/fc/23/82822.js"></script>

+1

1364

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

изумрудик
Ну по моему тут только украшения к НГ  => Новогодние украшения 2

Воть тут кому то на Валентинов день ставил такое(В HTML низ):

Код:
<!-- Курсор с сердечками к Дн. Св. Валентино -->
<script src="https://forumstatic.ru/files/001a/fc/23/82822.js"></script>

Ой, какая красотища! Спасибо!
А я в том году в html-низ просто как-то писала "с днем рождения" и оно было только в самом низу. Вот бы в шапку такое украшение, как гирлянда, только "happy birthday" и тортик какой-нибудь. Удивляюсь, что кроме НГ форумы ничего больше не отмечают))

0

1365

Deff

https://upforme.ru/uploads/0000/14/1c/37996/t148156.png
А вот если эту картинку конвертировать в js и вставить в код с гирляндой, вместо той картинки, что в нем, такое возможно сделать?

0

1366

Здравствуйте.
Форум https://creiamobellezza.mybb.ru
Пытаемся поставить шапку на форум, ни одна не подходит, коды разные пробовали. Всё время что-то не так. Основная проблема в том что при вставке шапки наверх по бокам всё равно видится шапка стиля mybb blue brush, а надо чтобы полностью закрывало.
Не подскажите как можно сделать так чтобы шапка полностью закрывала ту и чтобы сама шапка наверху не повторялась?

0

1367

Фрикаделька
Ширину шапки пропишите

Код:
    
width: 1752px;
transform: translateX(-20px);

https://upforme.ru/uploads/0000/14/1c/32894/t175677.jpg
https://upforme.ru/uploads/0000/14/1c/32894/t363856.jpg

Отредактировано ACT3255 (Вт, 23 Апр 2024 15:03:36)

0

1368

ACT3255
Вроде всё сделала как вы написали, теперь только с правой стороны видны цветочки от шапки стандартного стиля

0

1369

ACT3255
Надо наверное ширину шапки ещё больше сделать?

0

1370

Фрикаделька
width: 1752px;

0

1371

Я и не заметила что забыла что-то)
Теперь шапка слишком длинная в ширину.
Надо меньше делать, в 1752 как я поняла

+1

1372

Фрикаделька
Как по мне, так вот такие пропорции идеальны:
width: 1754px;
transform: translateX(-21px);

+1

1373

Спасибо, попробуем.

0

1374

ACT3255
Форум резиновый, как можно ширину шапки фиксировать?

Фрикаделька

Код:
#pun-title .title-logo {
    background: url(https://upforme.ru/uploads/001b/2e/23/12/311267.jpg) center center no-repeat;
    height: 117px;
    margin: -2px -22px 0;
}

+1

1375

Alex_63
Мы уже сделали, спасибо.

0

1376

Фрикаделька
Переставьте на мой код, ваша проблема с ACT3255 общая в том, что вы не учитываете отображение в окнах разной ширины (и при разных разрешениях экранов).
У меня вот на вашем форуме шапка сейчас выглядит съехавшей и полоса прокрутки внизу )

Скрин

+1

1377

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

Фрикаделька
Переставьте на мой код, ваша проблема с ACT3255 общая в том, что вы не учитываете отображение в окнах разной ширины (и при разных разрешениях экранов).
У меня вот на вашем форуме шапка сейчас выглядит съехавшей и полоса прокрутки внизу )

Скрин

Хорошо, но уже потом

0

1378

Здравствуйте.
Использую скрипт @Romych Запросы по скриптам #11
Подскажите, как поменять иконку, все перепробовал.
https://upforme.ru/uploads/0000/14/1c/32894/t282299.jpg

https://act3255.mybb.ru/viewtopic.php?i … 109#p40445

Отредактировано ACT3255 (Чт, 9 Май 2024 10:19:36)

0

1379

ACT3255
Иконка задаётся классом (используется предзагруженный иконочный шрифт от сервиса).

$('.post-rating',this).before(' <i id="errfail" class="icons-addition"

Доступные классы:

icons-search
icons-font
icons-size
icons-video
icons-image
icons-plus
icons-cancel
icons-minus
icons-star
icons-cog
icons-play
icons-pause
icons-fast-fw
icons-fast-bw
icons-code
icons-table
icons-spoiler
icons-calendar
icons-pencil
icons-hide
icons-list
icons-indent-left
icons-indent-right
icons-trash-empty
icons-off
icons-heart
icons-user
icons-left
icons-center
icons-right
icons-italic
icons-bold
icons-comment
icons-resize-full
icons-resize-small
icons-quote
icons-share
icons-smile
icons-youtube
icons-link
icons-volume-off
icons-volume-down
icons-volume
icons-volume-up
icons-addition
icons-infinity
icons-facebook
icons-strike
icons-underline
icons-mail
icons-keyboard
icons-help
icons-vkontakte
icons-color
icons-odnoklassniki
icons-vimeo
icons-cancel-outline
icons-ok-outline

Текущая иконка еще и повернута на 180 градусов, если не надо поворачивать, то убрать это:

transform:rotate(180deg)

+2

1380

Alex_63
Спасибо большое, именно это и искал (классы) но никак не мог определиться как набрать в интернете, может там и нет про эти классы. Спасибо.
С праздником.

+1


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