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

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

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


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


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

Сообщений 1241 страница 1260 из 1735

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1241

По идее принцип такой - сдвигаем #pun вниз на величину высоты шапки плюс нужный пустой отступ от верха,
Ставим #pun-title явную ширину( у тебя щас width:1163px), придаём position:absolute; cдвигаем #pun-title вверх на высоту шапки margin-top:-XXXpx

Отредактировано Deff (Пн, 27 Мар 2023 17:45:26)

+1

Перевести1242

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

По идее принцип такой - сдвигаем #pun вниз на величину высоты шапки плюс нужный пустой отступ от верха,
Ставим #pun-title явную ширину( у тебя щас width:1163px), придаём position:absolute; cдвигаем #pun-title вверх на высоту шапки margin-top:-XXXpx

я все сломал окончательно......... спасити  :'(

0

Перевести1243

Не увидел особого слома, сделайте скриншот, укажите стрелкой чо сломалось, кидайте Админ-ник пароль в личку, укажите насколько надо отступить от верха(наверно на скриншоте прямоугольником)

0

Перевести1244

Скорее всего, такой вопрос уже был, но я не умею пользоваться поиском по форуму х) Подскажите кодик на прокрутку вверх/вниз что бы текстом было.  :love:

0

Перевести1245

Добрый день.
Возникла проблема с формой ответа, как я понимаю.
https://upforme.ru/uploads/0000/14/1c/38547/t760516.jpg
https://upforme.ru/uploads/0000/14/1c/38547/t976516.jpg
В личных сообщения такая же проблема.
Ссылка на форум - http://eria.rolevaya.ru/

0

Перевести1246

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

Добрый день.
Возникла проблема с формой ответа, как я понимаю.
https://upforme.ru/uploads/0000/14/1c/38547/t760516.jpg
https://upforme.ru/uploads/0000/14/1c/38547/t976516.jpg
В личных сообщения такая же проблема.
Ссылка на форум - http://eria.rolevaya.ru/

Ерунда, браузер переносит по словам, вы делаете строку без разрыва. это практически на любом форуме так, и тут тоже

ххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххх

Да, тоже заметила, когда у вас потестила. Спасибо) я думала ошибка.

0

Перевести1247

Тот же форум - http://eria.rolevaya.ru/
Вопрос касается такого кода, как подсчёт символов за пост.

<script>
(function () {
  // .serialize() под Win 1251  //
  var transAnsiAjaxSys = [];
  var arr=[0x402,0x403,0x201A,0x453,0x201E,0x2026,0x2020,0x2021,0x20AC,0x2030,0x409,0x2039,
    0x40A,0x40C,0x40B,0x40F,0x452,0x2018,0x2019,0x201C,0x201D,0x2022,0x2013,0x2014,'0',0x2122,
    0x459,0x203A,0x45A,0x45C,0x45B,0x45F,0x0A0,0x40E,0x45E,0x408,0x0A4,0x490,0x0A6,0x0A7,0x401,
    0x0A9,0x404,0x0AB,0x0AC,0x0AD,0x0AE,0x407,0x0B0,0x0B1,0x406,0x456,0x491,0x0B5,0x0B6,0x0B7,
    0x451,0x2116,0x454,0x0BB,0x458,0x405,0x455,0x457,0x410,0x411,0x412,0x413,0x414,0x415,0x416,
    0x417,0x418,0x419,0x41A,0x41B,0x41C,0x41D,0x41E,0x41F,0x420,0x421,0x422,0x423,0x424,0x425,
    0x426,0x427,0x428,0x429,0x42A,0x42B,0x42C,0x42D,0x42E,0x42F,0x430,0x431,0x432,0x433,0x434,
    0x435,0x436,0x437,0x438,0x439,0x43A,0x43B,0x43C,0x43D,0x43E,0x43F,0x440,0x441,0x442,0x443,
    0x444,0x445,0x446,0x447,0x448,0x449,0x44A,0x44B,0x44C,0x44D,0x44E,0x44F];
  var arLng = arr.length;
  for (var i = 0; i < arLng; i++)transAnsiAjaxSys[arr[i]]=i+128;
  for (var i = 0x410; i <= 0x44F; i++) transAnsiAjaxSys[i] = i - 0x350; // А-Яа-я
  var encodeURIwin1251 = function(str) {
    var ret = [];for (var i = 0; i < str.length; i++)  { var n = str.charCodeAt(i);if (typeof transAnsiAjaxSys[n] != 'undefined') n = transAnsiAjaxSys[n];
      if (n <= 0xFF)ret.push(n);  }    return escape(String.fromCharCode.apply(null, ret)).replace(/\+/mg,'%2B');
  }
  $.fn.extend({serialize : function() {
    var s = '';var obj = this.serializeArray();var Lng = obj.length;
    for(var i=0;i<Lng;i++){if(i)s+='&';
      s+=encodeURIwin1251(obj[i].name)+'='+encodeURIwin1251(obj[i].value);
    } return s; }
  });
  // /END// .serialize() под Win 1251  //
}());
if($('#pun-profile').length){$('fieldset span:contains("Символы")').parents('fieldset').hide()};

var notAddSmb_Forums = [48];//форумы, где символы не начисляются
if($('#pun-viewtopic,#pun-post,#pun-poll').length&&$.inArray(+$('#pun-crumbs1 a[href*="viewforum"]:last').attr('href').split('id=')[1],notAddSmb_Forums)==-1)
$('.formsubmit input[name="submit"]:not(.allow)').on('click',function(e) {
    if(!process_form($('#post')[0])){return false};if($(this).hasClass('allow')){return true;}
    e.preventDefault();if($(this).parents('.post').length){return};var $this= $(this);
    var Lng=$('#main-reply:first').val().toString().length;//alert(Lng);return false;
    if(Lng==0){return;}
    $.get('/profile.php?section=fields&id='+UserID,function(data){
      var c=$(data).find('fieldset span:contains("Символы")').parents('fieldset');
      var t=c.find('input[type="text"]'),L=parseInt(t.val());if(isNaN(L)){L=0};L+=parseInt(Lng);t.val(L);//alert(t.val())
      var frm = c.parents('form').serialize();
      var d=c.parents('form').attr('action');var s=document.URL;
      history.replaceState(null, null, d);setTimeout(function(){history.replaceState(null, null, s);},20);
      $.post(d,frm,function(data){$this.addClass('allow').trigger('click')});
    });
});
</script>

Они начисляются, но при удалении поста или редактировании, сумма их остаётся неизменной. Что-то с этим сделать можно? То есть, что бы при удалении символов в посте, менялась и цифра общих символов аккаунта?

Отредактировано Lilith69 (Пт, 7 Апр 2023 13:46:27)

0

Перевести1248

спасибо, проблема решена, нашел причину. Это метатеги

Доброго времени суток. https://waldmond.f-rpg.me
Проблема: Если зайти с мобилы, дизайн форума во весь экран. Слишком сильно приближает.
https://i.postimg.cc/Bnb4kZhY/photo-2023-04-30-22-48-00.jpg https://i.postimg.cc/RZY4BryM/photo-2023-04-30-22-47-59.jpg
В связи с минимальными знаниями (а может быть и невнимательностью) не могу понять суть проблемы, и как её решить.
Спасибо за внимание)

Отредактировано mr Morian (Вт, 2 Май 2023 15:16:00)

0

Перевести1249

добрый день
не подскажите скрипт что бы при скроллинге страницы профиль автора (с лева от поста) следовал до конца своего поста?
не найду форум с примером

0

Перевести1250

xl
В HTML-верх

Код:
/* Следование автора поста при скролле */
<style>#pun-viewtopic .post-author{position:sticky;top:0}#pun-viewtopic .post-author .pa-ua{margin-bottom:25px}</style>

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

Добавлено спустя 7 минут 39 секунд:

Обновил, добавив стиль для элемента .pa-ua, чтобы не было такого наложения
https://upforme.ru/uploads/0000/14/1c/15830/933556.png

Отредактировано Reysler (Пн, 7 Авг 2023 09:22:54)

+4

Перевести1251

Здравствуйте!

Увидела на панельке быстрого ответа пипетку и удивилась: неужели здесь есть такой скрипт, пока не нажала на неё и не поняла, что это стандартная палитра цветов.

А было бы неплохо иметь такую опцию для оформления. Есть такие считыватели цветового кода для десктопа. А здесь, на сайте, есть такой скрипт?

Он был бы очень полезным. Например, для написания объявления в том же тоне, что и мини-декор стиля форума. Чтобы всё было «по фэншую» и гармонично сочеталось по цвету с основными цветами стиля страниц сайта.

Или где можно подсмотреть цвета ссылок и названий стиля в css в админке, на что следует обратить внимание в данном случае в коде стиля?

Заранее спасибо за ответ.

0

Перевести1252

Neo.Neo написал(а):

Есть такие считыватели цветового кода для десктопа. А здесь, на сайте, есть такой скрипт?

Есть удобная прога на комп, считывает откуда нужно( нужно ток проставить горячие клавиши) скачать прогу можно тут => http://desksoft.ru/index.php?forum& … #post_2284

я поставил горячие клавиши contrl+z  вид:

https://upforme.ru/uploads/0000/14/1c/22787/406225.png

Отредактировано Deff (Вт, 15 Авг 2023 23:34:22)

0

Перевести1253

Deff

Спасибо. У меня есть на Линуксе такая "прога", реализованная через yad, да и другие есть подобные приложения. Но всё дело в том, что я больше времени провожу за мобильником. И вот в данном случае реализация такой функции на этом сайте как раз очень бы помогла. Сейчас ведь многие выходят в Сеть именно с телефонов. Не знаю, есть ли такое приложение для Андроида в Google Play, не интересовалась. Скорее, мне стало просто интересно, есть ли на ixbb такой функционал. Отсутствие цветовой пипетки некритично. Можно из стандартной или расширенной палитры найти похожий цвет или порыться в css. Впрочем, такой скрипт и не помешал бы. А «на нет и суда нет».

0

Перевести1254

Neo.Neo написал(а):

Спасибо. У меня есть на Линуксе такая "прога", реализованная через yad, да и другие есть подобные приложения. Но всё дело в том, что я больше времени провожу за мобильником. И вот в данном случае реализация такой функции на этом сайте как раз очень бы помогла.

Ну нужно поискать в  поисковиках  для мобилки

0

Перевести1255

Deff

Ок. Поищу. Спасибо.

0

Перевести1256

Здравствуйте!
У меня пара вопросов, я пошарила по поиску, но так и не додумалась, что именно нужно забить, чтобы найти решение  :'(
Форум: https://adeliada.mybb.ru/
1. Фон форумных таблиц у меня прозрачный. Подскажите, пожалуйста, как мне назначить цвет фона отдельно вот этим разворачивающимся штукам в форме ответа?
https://upforme.ru/uploads/0000/14/1c/37057/t199385.jpghttps://upforme.ru/uploads/0000/14/1c/37057/t494315.jpg

2. У меня прозрачные границы, сделаны вот таким образом:

Код:
 /*ЦВЕТ ВСЕХ ГРАНИЦ И ЛИНИЙ*/
 
.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
 
  border-color: rgba(0, 0, 0, 0);  /*ЦВЕТ*/
 
}

Подскажите, что мне отсюда убрать, чтобы это не влияло на таблицы в постах и подписях пользователей. Я думала, что нужно обращаться к .punbb .usertable, и настроить стиль, но рамочки таблиц не появились, наверно это не то?
https://upforme.ru/uploads/0000/14/1c/37057/t479144.jpg
https://upforme.ru/uploads/0000/14/1c/37057/t222690.jpg

И, может быть, можно сделать таблицам в постах оформление как у цитат? Это я скопирую, понять бы только как обратиться в коде к этим таблицам :,)

0

Перевести1257

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

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

Код:
#tags .container {background-color: red;}
adeliada написал(а):

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

Убрать выделенным красным:

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

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {

  border-color: rgba(0, 0, 0, 0);  /*ЦВЕТ*/

}

А вообще, у вас там бордюра и нет:

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 0 0 1px 0;
  }

У вас бордюр стоит на минипрофиле:

/*Фон мини-профиля в Топике */
.punbb .post .post-author {
/*  background-image: url(https://i.ibb.co/5rG3TY6/image.png); */
  background-color: rgba(77, 101, 102, 0);
  border-color: rgba(77, 101, 102, 1);
  border-width: 2px;
  border-style: none solid none none;
  border-radius: 0px;
  margin: 0px 0!important;
}

Вот он и отображается короткой полосой, так как минипрофиль короче поста..

Проще будет если вы сделаете скриншот с тем как вы хотите, чтобы было..

+2

Перевести1258

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

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

Код:
#tags .container {background-color: red;}

Огонь, спасибо!

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

Проще будет если вы сделаете скриншот с тем как вы хотите, чтобы было..

Тут я имела в виду другое. Меня устраивает, что на всем форуме бордюры прозрачные. Но я хочу назначить отдельные параметры бордюрам табличек, которые в самом тексте поста и в тексте подписи у пользователей, те, что bb-кодом прописываются. Если я убираю прозрачность в том коде, что я прислала выше, они появляются, но вместе с ними и все остальные бордюры, которые мне не хочется видеть.
Вот так хочу:
https://upforme.ru/uploads/0000/14/1c/37057/t311565.png

0

Перевести1259

adeliada, ну для поста:

Код:
.post-content td {border-color: red;}

Для подписи (это если есть таблица в подписи, как в моей подписи здесь):

Код:
.post-sig td {border-color: red;}

+2

Перевести1260

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

adeliada, ну для поста:

Код:
.post-content td {border-color: red;}

Для подписи (это если есть таблица в подписи, как в моей подписи здесь):

Код:
.post-sig td {border-color: red;}

Тысяча благодарностей! <3

+1


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