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

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

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

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

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

Страница:   1 … 5 6 7 8 9 … 88  

Сообщений 121 страница 140 из 1741

1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

121

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Сб, 6 Дек 2025 19:32:47

Deff
В общем, потестила на странице, вот что получилось:

На странице

http://almtest2019.mybb.ru/pages/test
https://funkyimg.com/i/3aDAv.jpg

Код:
<div style="background-color:#e8e8e8;border:1px solid #c6c6c6;border-radius:3px;box-shadow:0 0 7px rgba(0,0,0,0.13),0 0 0 rgba(0,0,0,0.1);margin-bottom:13px;padding:10px">
<center>
<h3 style="color:#383838;font-size:16px;padding-top:0;">Регистрация и первый пост, ведение хроник, приглашения</h3>
</center>
<table cellpadding="0" cellspacing="0" style="background:#e8e8e8" width="100%">
  <tr> 
    <td style="padding-bottom:5px" width="412px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%"><img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
    <td style="padding-bottom:5px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%"><img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
</tr>
  <tr> 
    <td style="padding-bottom:5px" width="412px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%"><img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
    <td style="padding-bottom:5px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%"><img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
</tr>
</table>
</div>

В посте стоит тот же самый код, только в тегах HTML, получается

вот что

http://almtest2019.mybb.ru/viewtopic.php?id=1#p52
https://funkyimg.com/i/3aDAu.jpg

Код:
[html]
<div style="background-color:#e8e8e8;border:1px solid #c6c6c6;border-radius:3px;box-shadow:0 0 7px rgba(0,0,0,0.13),0 0 0 rgba(0,0,0,0.1);margin-bottom:13px;padding:10px">
<h3 style="color:#383838;font-size:16px;padding-top:0;">[b]Регистрация и первый пост, ведение хроник, приглашения[/b]</h3>
<table cellpadding="0" cellspacing="0" style="background:#e8e8e8" width="100%">
  <tr> 
    <td style="padding-bottom:5px" width="412px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%">
                       <img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
    <td style="padding-bottom:5px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%">
                       <img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
</tr>
  <tr> 
    <td style="padding-bottom:5px" width="412px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%">
                       <img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост</br>
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
    <td style="padding-bottom:5px">
       <div style="border:2px solid #c6c6c6">
          <table cellpadding="4px" cellspacing="0" style="background:#e3e3e3" width="100%">
              <tr>
                 <td width="15%">
                       <img src="http://s9.uploads.ru/yYtN2.gif"> 
                  </td>
                  <td style="padding-right:10px" valign="top" width="85%"><h5 style="color:#383838; font-size:12px;">регистрация, создание квенты и первый пост
500 рейнов</h5>
                  </td>
              </tr>
          </table>
       </div>
    </td>
</tr>
</table>
</div>
[/html]

То, что на странице, меня устраивает. Как сделать, чтобы и в посте было так же?

Отредактировано Mirra Bell (Пн, 8 Фев 2021 19:22:02)

0

122

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42
бланш написал(а):

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

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

Отредактировано Deff (Пн, 8 Фев 2021 23:29:29)

0

123

  • Автор: borden
  • Заслуженный
  • borden
  • Зарегистрирован: Пн, 1 Окт 2018
  • Сообщений: 9
  • Уважение: +1
  • Позитив: +1
  • Последний визит:
    Чт, 29 Апр 2021 23:20:07

не подскажите, как убрать из профиля "подарки"?

Отредактировано borden (Вт, 9 Фев 2021 19:04:38)

0

124

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3830
  • Уважение: +2702
  • Позитив: +939
  • Пол: Мужской
  • Последний визит:
    Сб, 31 Янв 2026 09:11:24

borden
Подсказали бы, если бы вы оставили адрес форума.

0

125

  • Автор: borden
  • Заслуженный
  • borden
  • Зарегистрирован: Пн, 1 Окт 2018
  • Сообщений: 9
  • Уважение: +1
  • Позитив: +1
  • Последний визит:
    Чт, 29 Апр 2021 23:20:07

Reysler, оставляю адрес форума

Отредактировано borden (Вт, 9 Фев 2021 19:04:20)

0

126

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3830
  • Уважение: +2702
  • Позитив: +939
  • Пол: Мужской
  • Последний визит:
    Сб, 31 Янв 2026 09:11:24

borden
В свой стиль вставьте

Код:
/* Убираем подарки из постов */
.post li.pa-gifts {display:none}

0

127

  • Автор: borden
  • Заслуженный
  • borden
  • Зарегистрирован: Пн, 1 Окт 2018
  • Сообщений: 9
  • Уважение: +1
  • Позитив: +1
  • Последний визит:
    Чт, 29 Апр 2021 23:20:07

Reysler, спасибо за помощь

0

128

  • Автор: Rayne
  • Заслуженный
  • Rayne
  • Зарегистрирован: Вт, 23 Апр 2019
  • Сообщений: 20
  • Уважение: +15
  • Позитив: +10
  • Последний визит:
    Пт, 14 Мар 2025 08:15:37

Добрый вечер! :)

Возникли небольшие проблемы с дизайном.

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

https://upforme.ru/uploads/0000/14/1c/36566/t995451.png

2. Помогите, пожалуйста, сделать фон-форму под этим пунктом меню на первом скрине, таким же, как на втором скрине. То есть, чтобы выпадающее меню было не просто на прозрачном фоне, а на фоне с рамочкой, как другие меню кнопок формы ответа.

https://upforme.ru/uploads/0000/14/1c/36566/t972462.png
https://upforme.ru/uploads/0000/14/1c/36566/t554886.png

Форум:
http://starwarstiu.mybb.ru/

0

129

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42
Rayne написал(а):

2. Помогите, пожалуйста, сделать фон-форму под этим пунктом меню на первом скрине, таким же, как на втором скрине. То есть, чтобы выпадающее меню было не просто на прозрачном фоне, а на фоне с рамочкой, как другие меню кнопок формы ответа.

CSS трюки

+1

130

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42
Rayne написал(а):

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

В Конец Первого Окна Стиля:

.postlink.long {
    padding-top: 1em!important;
}

0

131

  • Автор: Rayne
  • Заслуженный
  • Rayne
  • Зарегистрирован: Вт, 23 Апр 2019
  • Сообщений: 20
  • Уважение: +15
  • Позитив: +10
  • Последний визит:
    Пт, 14 Мар 2025 08:15:37

Deff
Спасибо огромное! :)

0

132

  • Автор: superlewa
  • Заслуженный
  • Зарегистрирован: Вт, 12 Янв 2021
  • Сообщений: 106
  • Уважение: +34
  • Позитив: +53
  • Последний визит:
    Сб, 9 Июл 2022 03:18:38

Добрый день! А как сделать так что бы форум занимал всю ширину экрана? Вот как в этом например? https://commerc.webtalk.ru/ 
А еще лучше  - как можно самому обозначить ширину боковых полей?

0

133

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Deff
:flag: Дароф
Подскажи пожалуйста....
Важная/выделенная тема это  span.stickytext
Закрытая это  span.closedatafield

А тема которая Перемещена (как правильно?)

Отредактировано МАЧОнаДАЧЕ (Вт, 16 Фев 2021 06:11:08)

0

134

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42

МАЧОнаДАЧЕ
Да я не помню наизусть... Возьми перенеси тему, при этом при переносе оставить ссылку на перенесенную, вот в ней и смотреть в инспекторе, если сложно, то кинь ссылку на такой форум с с оставленной ссылкой о перенесенной теме, я посмотрю в инстпекторе и выложу селекторы...

+1

135

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42

Вот тут есть Иконка перенесенной Иконки для разделов и тем TR.iredirect Div.icon {

0

136

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Deff
Спасибо за наводку разобрался :cool: redirecttext

Отредактировано МАЧОнаДАЧЕ (Вт, 16 Фев 2021 13:34:14)

+1

137

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Deff
Можно следующий вопрос:
А Новое сообщения так же можно зацепить? И обернуть
https://upforme.ru/uploads/0000/14/1c/36838/t909219.png
Можно так же как и сдесь (на майбе) полупрозрачный или как тут (сейчас чёт копался и ни как не могу найти)

0

138

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12379
  • Последний визит:
    Вчера 18:03:42

МАЧОнаДАЧЕ
Пробуй так:

Код:
.forum td.tcl .icon-new + .tclcon a[href$="action=new"] {
  /*Тут твои правила*/
}

+1

139

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Deff
Прям вообще в точку :cool: всё супер. Спасибо :yep:

0

140

  • Автор: mamakatana
  • Заслуженный
  • mamakatana
  • Зарегистрирован: Ср, 17 Фев 2021
  • Сообщений: 12
  • Уважение: +3
  • Позитив: +2
  • Последний визит:
    Ср, 15 Ноя 2023 23:26:20

Проблема с ссылками, никак понять не могу, в чем тут дело.

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

Скриншоты прилагаю.

Скрины

С хрома:

https://i.ibb.co/B3WQbYd/Screenshot-2.png

С оперы:

https://i.ibb.co/D8nx4yR/Screenshot-1.png

Перепробовал очевидные для меня варианты: почистил кэш, обновил хром, проверил код стиля, этот элемент вроде бы нигде не скрыт (да и как? в других браузерах отображается). Могу только сделать вывод, что проблема в самом устройстве.

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

Адрес форума: http://kotor.forumrpg.ru/

Для входа:

0

Страница:   1 … 5 6 7 8 9 … 88  

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