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

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

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

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

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

Страница:   1 … 67 68 69 70 71 … 82  

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

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1361

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3791
  • Уважение: +2667
  • Позитив: +923
  • Пол: Мужской
  • Последний визит:
    Вчера 05:45:06

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

  • Автор: изумрудик
  • Заслуженный
  • Зарегистрирован: Сб, 9 Апр 2022
  • Сообщений: 41
  • Уважение: +12
  • Позитив: +23
  • Последний визит:
    Сб, 28 Июн 2025 12:53:28

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

0

Перевести1363

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15541
  • Позитив: +12348
  • Последний визит:
    Вчера 23:54:34

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

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

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

+1

Перевести1364

  • Автор: изумрудик
  • Заслуженный
  • Зарегистрирован: Сб, 9 Апр 2022
  • Сообщений: 41
  • Уважение: +12
  • Позитив: +23
  • Последний визит:
    Сб, 28 Июн 2025 12:53:28
Deff написал(а):

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

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

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

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

0

Перевести1365

  • Автор: изумрудик
  • Заслуженный
  • Зарегистрирован: Сб, 9 Апр 2022
  • Сообщений: 41
  • Уважение: +12
  • Позитив: +23
  • Последний визит:
    Сб, 28 Июн 2025 12:53:28

Deff

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

0

Перевести1366

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

0

Перевести1367

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2346
  • Последний визит:
    Вчера 21:25:02

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

Код:
    
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

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

0

Перевести1369

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

0

Перевести1370

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2346
  • Последний визит:
    Вчера 21:25:02

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

0

Перевести1371

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

+1

Перевести1372

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2346
  • Последний визит:
    Вчера 21:25:02

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

+1

Перевести1373

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

0

Перевести1374

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12105
  • Уважение: +8330
  • Позитив: +5903
  • Пол: Мужской
  • Последний визит:
    Вчера 15:37:56

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

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47

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

0

Перевести1376

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12105
  • Уважение: +8330
  • Позитив: +5903
  • Пол: Мужской
  • Последний визит:
    Вчера 15:37:56

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

Скрин

+1

Перевести1377

  • Автор: Фрикаделька
  • Заслуженный
  • Фрикаделька
  • Зарегистрирован: Сб, 26 Ноя 2022
  • Сообщений: 118
  • Уважение: +45
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 11 Ноя 2025 11:13:47
Alex_63 написал(а):

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

Скрин

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

0

Перевести1378

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2346
  • Последний визит:
    Вчера 21:25:02

Здравствуйте.
Использую скрипт @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

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 12105
  • Уважение: +8330
  • Позитив: +5903
  • Пол: Мужской
  • Последний визит:
    Вчера 15:37:56

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

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2346
  • Последний визит:
    Вчера 21:25:02

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

+1

Страница:   1 … 67 68 69 70 71 … 82  

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