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

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

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

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

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

Страница:   1 … 84 85 86 87  

Сообщений 1701 страница 1720 из 1734

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1701

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00
Курама написал(а):

И что требуется?

Вынести эти поля из сворачивания.

0

Перевести1702

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57
kolobdur74 написал(а):

Вынести эти поля из сворачивания.

А можно подробнее? Я не знаю о чем речь. Что за сворачивание и куда, как вынести?

0

Перевести1703

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00
Курама написал(а):

А можно подробнее? Я не знаю о чем речь. Что за сворачивание и куда, как вынести?

Вы используете Деффовский скрипт: Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика. Поля Активен и Провел на форуме попали в этот скрипт. Насколько я помню, этот скрипт он позволяет указывать какие поля не надо скрывать. Вот и уберите оттуда эти два поля. Код Алекса - это не скрипт, а всего лишь оформление, без полей ему нечего показывать, а вы их скрыли.

0

Перевести1704

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57

Убрал. Ничего не поменялось с индикатором. Теперь стало видно поле "провел на форуме".

Отредактировано Курама (Вчера 22:50:10)

0

Перевести1705

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00
Курама написал(а):

Убрал. Ничего не поменялось с индикатором. Теперь стало видно поле "провел на форуме"

Я ошибся, надо Последний визит, а не Провел на форуме. А онлайн у вас картинкой, я так понимаю тоже скриптом вставлена картинка - этот скрипт тоже мешает.

0

Перевести1706

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57
kolobdur74 написал(а):

Я ошибся, надо Последний визит, а не Провел на форуме. А онлайн у вас картинкой, я так понимаю тоже скриптом вставлена картинка - этот скрипт тоже мешает

Сделал. Заработало!)
Спасибо огромное, что уделили столько внимания!)
А что по вопросу расположения колонок тем и соо? пост 1695 на прошлой странице (или это я уже губу раскатал за один день столько вопросов)

Отредактировано Курама (Вчера 23:01:13)

+1

Перевести1707

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00
Курама написал(а):

А что по вопросу расположения колонок тем и соо? пост 1695 на прошлой странице (или это я уже губу раскатал за один день столько вопросов)

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

0

Перевести1708

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57
kolobdur74 написал(а):

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

Хорошо. Заранее спасибо!)

+1

Перевести1709

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00

Курама, у вас что-то не то с форумом. Что вы делали в последние разы?

0

Перевести1710

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57
kolobdur74 написал(а):

Курама, у вас что-то не то с форумом. Что вы делали в последние разы?

Поставил менюшку под шапкой, индикатор активности и убрал код мигающих ссылок ( правда мигание так и не прошло почему-то).

Отредактировано Курама (Сегодня 15:51:02)

0

Перевести1711

  • Автор: Wilhelm
  • Заслуженный
  • Wilhelm
  • Зарегистрирован: Вс, 29 Ноя 2015
  • Сообщений: 75
  • Уважение: +72
  • Позитив: +159
  • Последний визит:
    Сегодня 20:42:27
Курама написал(а):

и ссылки вытянулись в строку.

чем больше ссылок - тем с большей вероятностью они не влезут в одну строку и перенесутся на следующую.

Но вот вариант с "растягивающейся" навигацией:

/* задаем направление для блока со ссылками */
.opisF {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/* растягиваем ссылки */
.opisF a {
  flex: auto;
  text-align: center;
}

ИЛИ (раз у вас заданы классы для этих ссылок)

/* задаем направление для блока со ссылками */
.opisF {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/* растягиваем ссылки */
.punbb a.ssylka {
  flex: auto;
  text-align: center;
}

НО! В этот блок - opisF - не нужно вставлять текст. Он будет использоваться только для контейнера с растягивающимися ссылками!
Как вариант - просто оберните ссылки в свой собственный блок (с классом opisLinks, например) - и замените его название в коде выше.

Для наглядности можете добавить ссылкам background. Сейчас его у вас нет и растягивания не видно.

https://i7.imageban.ru/out/2025/12/28/308338a5ef2dc5e4c9159c9233fd04fa.jpg

0

Перевести1712

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57

Wilhelm, спасибо большое, но это скорей всего не совсем то, что мне хотелось бы. Вот пример:

Свернутый текст

https://upforme.ru/uploads/0000/14/1c/34846/851397.png

0

Перевести1713

  • Автор: Wilhelm
  • Заслуженный
  • Wilhelm
  • Зарегистрирован: Вс, 29 Ноя 2015
  • Сообщений: 75
  • Уважение: +72
  • Позитив: +159
  • Последний визит:
    Сегодня 20:42:27

Курама
я об этом и говорю. Сейчас у вас очень много ссылок на очень маленькую ширину. И сами ссылки с очень длинным названием. Как только вы сократите названия - они будут ужиматься по ширине.
https://i1.imageban.ru/out/2025/12/28/a577219e15790869b43de58de8339f2e.jpg

Отредактировано Wilhelm (Сегодня 16:24:37)

0

Перевести1714

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57

Ну, сократить немного можно, но для начала надо  убрать лишние колонки, чтобы это все растянулось в ширину, а я пока не знаю как это сделать.
И еще я не совсем понял, как вот это сделать:

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

Как вариант - просто оберните ссылки в свой собственный блок (с классом opisLinks, например) - и замените его название в коде выше.

0

Перевести1715

  • Автор: Wilhelm
  • Заслуженный
  • Wilhelm
  • Зарегистрирован: Вс, 29 Ноя 2015
  • Сообщений: 75
  • Уважение: +72
  • Позитив: +159
  • Последний визит:
    Сегодня 20:42:27
Курама написал(а):

И еще я не совсем понял, как вот это сделать:

Примерно так:

<div class="opisF">

Тут ваше развернутое описание форума, или же просто ничегошеньки.

  <div class="opisLinks">

   <a href="адрес_ссылки" class="ssylka">Сюжет</a>

   <a href="адрес_ссылки" class="ssylka">Новости</a>

   <a href="адрес_ссылки" class="ssylka">Отсутствие</a>

   <a href="адрес_ссылки" class="ssylka">Квесты</a>

  </div>

</div>

Вы вкладываете в пакет с описанием новый пакет со ссылками )  И у вас классический пакет с с пакетами! :3

+1

Перевести1716

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57

а,  так у меня такое уже есть)
Вот:

Свернутый текст

<div class=opisF>
</br>
<style>
.punbb a.ssylka {
display: inline-block;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
background-image: url("");
background:  #;
position: relative;
color: #;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
background: #;
border: 0px solid transparent;;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>
<a href="https://testso.mybb.ru/viewtopic.php?id=76" class="ssylka">| Объявления и новости <a href="https://testso.mybb.ru/viewtopic.php?id=77#p4778" class="ssylka">| Круглый стол</a>
</br><a href="https://testso.mybb.ru/viewtopic.php?id=78" class="ssylka">| Отсутствие, смена роли, уход </a>
</br>
</div>

И все же в вопрос пока не решен, как мне сделать то оформление.

Отредактировано Курама (Сегодня 17:09:01)

0

Перевести1717

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51727
  • Уважение: +15542
  • Позитив: +12354
  • Последний визит:
    Сегодня 18:01:05

Курама У Вас это сам стиль к коду(хотя классы чуть другие)
Дык эту фигню от Wilhelm :

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

<div class="opisF">

Тут ваше развернутое описание форума, или же просто ничегошеньки.

  <div class="opisLinks">

   <a href="адрес_ссылки" class="ssylka">Сюжет</a>

   <a href="адрес_ссылки" class="ssylka">Новости</a>

   <a href="адрес_ссылки" class="ssylka">Отсутствие</a>

   <a href="адрес_ссылки" class="ssylka">Квесты</a>

  </div>

</div>

Нун вставить в описание форума (Администрирование-форумы, нужный Форум - редактировать)

0

Перевести1718

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57
Deff написал(а):

Нун вставить в описание форума (Администрирование-форумы, нужный Форум - редактировать)

и тогда оно растянется в ширину? А как тогда с колонками тем и соо? Их разве не над убирать?

0

Перевести1719

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 21:39:00

Курама, в НТМЛ верх:

Код:
<!-- Убрать колонки 2 и 3 на главной, увеличить ширину 1 колонки -->
<style>
#pun-index #pun-main .tc2, #pun-index #pun-main .tc3 {
  display: none;
}

#pun-index #pun-main .tc1 {
  width: 60%;
}

#pun-index .category h3 {
  width: auto;
  padding: 10px 0;
  background-size: cover;
}
</style>

Найти в вашем описании соответствующие коды и заменить на мои коды:

Код:
.opisF {
  background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
    }
	
.punbb a.ssylka {
  display: inline;
  padding: 2px;
  margin: 2px;
  border: 0px solid  transparent;
  background-image: url("");
  background:  #;
  position: relative;
  color: #;
  text-decoration: none;
  border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
}

+1

Перевести1720

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 322
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 21:50:57

kolobdur74, спасибо!) Пойду пробовать!)
Еще походу небольшие вопросы: убрал код мигающих радужных ссылок, а эффект все равно остался. И в админке уже не загружает новые файлы. Переполнено?

0

Страница:   1 … 84 85 86 87  

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