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

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

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


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


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

Сообщений 1101 страница 1120 из 1734

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1101

бланш
Попробуйте в начало HTML низ:

<script>
if($('#pun-viewtopic .linkst .postlink .closed').length)
$('body').addClass('topic_closed');
</script>

+2

Перевести1102

Deff
сработало, спасибо огромное!

0

Перевести1103

Всем привет, не подскажете, как убрать эту бесячую точку?

https://upforme.ru/uploads/0000/14/1c/37492/t543706.png

Как это сделать при помощи CSS, я пока не нашел. Хотя один вариант есть: залепить поверх точки :after-ом с белой заливкой. Но это такой стремный костыль, что даже рука не поднимается.

Очень не хотелось бы вешать лишний скрипт, но может скриптом как-то получится убрать?

На самом деле, проблема не только в этой точке. Есть много таких мелких символов, которые я не могу скрыть или заменить, так как у них нет селекторов. В общем, если есть какой-то приличный способ для таких задач, буду весьма признателен за подсказку.

Форум: https://4tes.forumrpg.ru/

Отредактировано mamakatana (Сб, 3 Сен 2022 23:53:54)

0

Перевести1104

mamakatana
А почему просто не наехать на точку  элементом с черным фоном "помочь форуму" ? Добавить display:inline-block; и margin-right:-7px;

Отредактировано Deff (Вс, 4 Сен 2022 00:29:38)

+2

Перевести1105

Deff
Потому что мы очень, очень...тупые)

Это гениально, спасибо. inline-block только не добавлял: flex в данном случае проще.

0

Перевести1106

Здравствуйте.
Может вопрос глупый, но как делается вот такое оформление форумов в два столбика, каким-то отдельным скриптом или просто правильно прописывается в css?

Как здесь

https://upforme.ru/uploads/0000/14/1c/35846/67567.png

0

Перевести1107

Кэри
Имхо там типо строки таблицы делают инлайн блоками и примерно половинной ширины от полотна форума...

Типо:

#pun-index .category tr{
      max-width: 430px;
      display:inline-block;
      margin: 12px;
     background-color: #DCD2D2;
}

+3

Перевести1108

Deff
Ага, спасибо. Попробую разобраться.

А ещё вопрос. У меня тут форумчане интересуются, где найти скрипт, который вместо зачёркнутого текста делает его невидимым и появляющимся при наведении-нажатии курсором. Что-то подобное.

0

Перевести1109

Кэри написал(а):

А ещё вопрос. У меня тут форумчане интересуются, где найти скрипт, который вместо зачёркнутого текста делает его невидимым и появляющимся при наведении-нажатии курсором. Что-то подобное.

в конец Певого окна стиля:

.punbb del {
text-shadow: 0 0 1em #557FAE;
color: transparent;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-ms-transition:1s ease;
-o-transition:1s ease;
transition: 1s ease;
text-decoration: none!important;
text-shadow: none;
}

.punbb del:hover {
text-shadow: none;
color: currentColor;
text-decoration: none!important;
}

Цвет красным - подбираем

+4

Перевести1110

форум  https://witcher.rusff.me/

Вопрос №1. Памагити. Я долго ковыряла все испортила >.<
Стало невозможно поднять репутацию участнику. Она поднимается только если открываешь ссылку "+" в новой вкладке.

https://upforme.ru/uploads/0000/14/1c/13859/t947700.png

Вопрос №2. Подскажите как скрыть столбец "просмотры". Тем, сообщений - убрала, а это не выходит. Цифры посередине вообще ни к чему по информативности.

https://upforme.ru/uploads/0000/14/1c/13859/t484431.png

Отредактировано _Cerberus_ (Ср, 28 Сен 2022 02:07:58)

0

Перевести1111

_Cerberus_
Ужос...

Замените код в HTML верх:

Код:
<!---------------------------- Пиар-вход, хтмл верх ---------------------------->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

<!--Маска Профиля. Оформление всплывающей  подсказки-->
<style>
#tooltip {
position: absolute;
    background-color: #f9f9f9;
    z-index: 999;
    max-width: 200px;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 1px;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-family: arial;
    font-size: 11px;
    letter-spacing: 0px;
    display: none;
    color: #7b7b7b;
    padding: 5px;
    text-align: center;
   text-transform: lowercase;
}
</style>

<!-- Вернуть кнопку новых сообщений -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
   rusffLive.enable = false;
</script>

<script>
$(function() {
    $(".newsticker-jcarousellite").jCarouselLite({
        vertical: false,
        hoverPause:true,
        visible: 3,
        auto:10000,
        speed:1500,
        scroll: 1
    });
});
</script>


    <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<script type="text/javascript">
RusffCore.sets.share = false;
</script>

<!--цитата картинкой-->
<style>
#pun-main .code-box,
#pun-main .quote-box {
background: #897a63 background-image: url(https://forumstatic.ru/files/000b/1c/c0/60125.jpg);
border-width: 2px; 2px; 
border-style: double;
-webkit-border-image: url(https://forumstatic.ru/files/000b/1c/c0/60125.jpg) 2 repeat;
-moz-border-image: url(https://forumstatic.ru/files/000b/1c/c0/60125.jpg) 2 repeat;
-o-border-image: url(https://forumstatic.ru/files/000b/1c/c0/60125.jpg) 2 repeat;
border-image: url(https://forumstatic.ru/files/000b/1c/c0/60125.jpg) 2 repeat;
}
</style>
<!--конец цитаты-->

<style type="text/css">
.topic .sharelink {display:none}
</style>

<!-- Разрешить давать оценку поста в закрытых темах -->
<script type="text/javascript">function changeVisibility(id){var obj=document.getElementById(id);if(obj==null || typeof(obj)=='undefined')return;if(obj.style.display=='none')$(obj).show();else $(obj).hide();return}</script>


<!--Разделитель подписи-->
<style type="text/css">
#pun #pun-viewtopic #pun-main .topic .container .post-body .post-box .post-content .post-sig dt {background-color: #6c5b4a}
.post-sig { background-image:  url( ); background-position: top left; background-repeat: no-repeat;}
</style>

<!-- Ширина, ниж.фон и верхний (лого)-->
<style type="text/css">
.punbb .container {
    padding: 0 2px 0 5px; /* отступ от краев */
  }
#pun {width: 880px; margin -0px 0px -0px 0px ;}
html {background: transparent url(https://forumstatic.ru/files/001a/17/1c/62081.jpg) top center !important; background-repeat: no-repeat; background-attachment: fixed !important;}
body {background-color: transparent !important;
background-image: url(https://forumstatic.ru/files/001a/17/1c/76342.png); background-position: top center !important; background-repeat: no-repeat !important;}
</style>

<!-- Логотип -->
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {height : 247px;}
#pun-title, #pun-title .container {border-style: none; height : 247px;}
</style>


<!-- не показывать "Сообщение отредактированно, Новые сообщения, Объявление" -->
<style type="text/css">
.lastedit {display:none}
.newtext {display:none}
.topic .sharelink {display:none}
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<!-- Разрешить давать оценку поста в закрытых темах -->
<script type="text/javascript">function changeVisibility(id){var obj=document.getElementById(id);if(obj==null || typeof(obj)=='undefined')return;if(obj.style.display=='none')$(obj).show();else $(obj).hide();return}</script>

<!-- Цвет линии hr -->
<style>
   hr {border: none; /* Убираем границу для браузера Firefox */
    color: #6c5b4a; /* Цвет линии для остальных браузеров */
    background-color: #6c5b4a; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */}
  </style>

<!--прозрачность рамок и настройки шрифта, все в кучу-->
<style type="text/css">
#pun .category th,
#pun .forum th {color: transparent;}
#pun .category .tc2,
#pun .forum .tc2 {display:none;} /*второй столбец*/
#pun .category .tc3,
#pun .forum .tc3 {display:none;} /*третий столбец*/
#pun-searchtopics .main tr.isub { display:none;}
.stickytext,.closedatafield{ display:none;}
#pun-navlinks .container {border-style: none; margin-left: 10px; font-size: 10pt;}
#pun-ulinks .container {font-size: x-small; height: 5px; margin-top: 5px;}
#pun-announcement .container {margin-top: -5px;}
#pun_wrap #pun #pun-viewtopic #pun-main  h3 span {float: right; width: 904px;  margin: 0px 40px; margin-top: -3px; background: url(https://forumstatic.ru/files/001a/17/1c/43513.png); border-color: transparent; margin-left: -40px; color: #bcab7b;  font-weight: bold; text-shadow: #53483e 2px 1px 2px; hight: 40px!important;}
#pun-main .post .permalink {margin-left: 440px; color: #bcab7b;}
#pun-main .post-links li {margin-top: 0px; margin-left: -0px; font-weight: bold;}
#pun-main .post-links ul {margin-top: 30px;}
#profilenav {background-position: top center; background-repeat: no-repeat; background-color: #1c150f; border: 2px solid #342d17; border-radius: 2px; color: #bcab7b; color: #bcab7b;}
#viewprofile .container {background-position: top center; background-repeat: no-repeat; background-color: #1c150f; border: 2px solid #342d17; border-radius: 2px; color: #6b634b;}
#pun-main .formal textarea {border: none; border-color: transparent;}
#pun-main .postlink {margin-top: -15px; margin-right: 50px;}
#pun-main .pagelink {margin-top: -15px; }
#pun-main .subscribelink {margin-right: 50px;}
#pun-stats .container {width: 850px; margin-left: 5px;}
#pun-about p.container {width: 870px; margin-left: 5px; margin-top: -40px; font-size: x-small;}
#pun-crumbs2 p.container {margin-top: -14px;}
#pun-crumbs1 .container {border-style: none; font-size: x-small;}
#pun-main .post .container {border-style: none; margin-right: -10px; margin-left: -10px; }
#pun-main .post-body {width: 685px;}
#pun-main .post-links ul {height: 28px; margin-bottom: -8px; background: url(); background-position: bottom; background-repeat: no-repeat; }
#pun-main .post-content {margin-left: -4px;}
#form-buttons{margin-right: 20px; }
#pun-main .formal textarea { width: 800px; margin-left: -10px;
background: #afa37d url(background-image: url(https://forumstatic.ru/files/001a/17/1c/67204.jpg);
border-width: 4px; 4px; 
border-style: solid;
-webkit-border-image: url(https://forumstatic.ru/files/001a/17/1c/67204.jpg) 4 repeat;
-moz-border-image: url(https://forumstatic.ru/files/001a/17/1c/67204.jpg) 4 repeat;
-o-border-image: url(https://forumstatic.ru/files/001a/17/1c/67204.jpg) 4 repeat;
border-image: url(https://forumstatic.ru/files/001a/17/1c/67204.jpg) 4 repeat;}
</style>

<!-- "тем, сообщений" - фон и цвет шрифта -->
<style type="text/css"> 
#pun th {font-size: x-small;}
</style>

<!--Ник, статус и аватар: центровка, размеры-->
<style type="text/css">
.pa-author { margin-bottom: 15px; margin-top: -4px; line-height: 12px;}
.pa-title { margin-top: 12px; margin-bottom: 6px; font-size: 10px; line-height: 8px; font-weight: normal;} 
.pa-avatar { } 
</style>

<style>
input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}
</style>

+1

Перевести1112

Deff
СПАСИБО огромнейшее.

а еще съехали профили и ЛС.
Хоспаде, мне не стоило туда лезть по ходу  %-)  мои знания безнадежно устарели.
А если я еще пойму в чем дело и почему все съехало настолько некуртуазно, я буду благодарно вдвойне.

https://upforme.ru/uploads/0000/14/1c/13859/t649345.png
https://upforme.ru/uploads/0000/14/1c/13859/t193285.png

Отредактировано _Cerberus_ (Ср, 28 Сен 2022 10:33:28)

0

Перевести1113

_Cerberus_
Для профилей нужен админ-ник пароль в личку, с гостя не поправить

0

Перевести1114

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

_Cerberus_
Для профилей нужен админ-ник пароль в личку, с гостя не поправить

отправила =)

+1

Перевести1115

_Cerberus_
Ну вообщем что-то поправил(одни костыли на Ваши костыли), больше помогать по этому стилю не буду, ибо жуття...

Из рекомендаций: Подобрать-поставить что-то из бесплатных стилей(подходящее по размерам и оформлению), заменить фоновые картинки и цвета шрифтов  на Вам нужные...

Бесплатные стили можно глянуть тут => https://forumdes.mybb.ru/viewtopic.php?id=2791

+1

Перевести1116

Deff
спасибо!

+1

Перевести1117

добрый вечер!
подскажите, есть ли у кого-то информация о том, у кого можно заказать рисовку карты территорий для форума?
или, возможно, имеется какой-то сайт, который может её сгенерировать.
заранее спасибо!

0

Перевести1118

dead sea написал(а):

или, возможно, имеется какой-то сайт, который может её сгенерировать.

Ну это нужно искать в поисковиках

Заказать карту можно попробовать на форумах с Фотошоперами, например тут => https://imagiart.ru
Есть верстальщики которые делают интерактивную карту(при наведении всплывают описания области или места, бывает также выделяется окраска области)

+1

Перевести1119

Deff
спасибо за наводку, поищем!

0

Перевести1120

ну форумд был то ли скрипт, то ли кусок стиля, чтобы можно было оформить шрифты не единым столбцом, а в таблице, пример ниже
на сам форум почему-то нет доступа, а фигня эта нужна, ибо слетела; есть тут такая тема? поиск по ключевым словам ничего не дал(

пример

0


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