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

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

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


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


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

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

1

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

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

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

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

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

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

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

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

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

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

0

121

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

На странице

http://almtest2019.mybb.ru/pages/test
--

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

Код:
[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 (Пн, 8 Фев 2021 23:29:29)

0

123

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

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

0

124

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

0

125

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

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

0

126

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

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

0

127

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

0

128

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

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

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

--

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

--
--

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

0

129

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

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

CSS трюки

+1

130

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

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

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

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

0

131

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

0

132

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

0

133

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

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

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

0

134

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

+1

135

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

0

136

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

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

+1

137

Deff
Можно следующий вопрос:
А Новое сообщения так же можно зацепить? И обернуть
--
Можно так же как и сдесь (на майбе) полупрозрачный или как тут (сейчас чёт копался и ни как не могу найти)

0

138

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

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

+1

139

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

0

140

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

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

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

Скрины

С хрома:

--

С оперы:

--

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

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

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

Для входа:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0


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