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

Поделиться1Сб, 19 Дек 2020 13:24:51

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

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


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

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

+1

Поделиться121Пн, 8 Фев 2021 19:20:44

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

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Пн, 8 Фев 2021 23:28:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

бланш написал(а):

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

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

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

0

Поделиться123Вт, 9 Фев 2021 18:47:00

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

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

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

0

Поделиться124Вт, 9 Фев 2021 18:58:21

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3556
Уважение: +2310
Позитив: +743
Пол: Мужской
Последний визит:
Пт, 15 Ноя 2024 11:14:46

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

0

Telegram @reysler

Поделиться125Вт, 9 Фев 2021 18:59:09

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

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

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

0

Поделиться126Вт, 9 Фев 2021 19:02:25

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3556
Уважение: +2310
Позитив: +743
Пол: Мужской
Последний визит:
Пт, 15 Ноя 2024 11:14:46

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

Код:

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

0

Telegram @reysler

Поделиться127Вт, 9 Фев 2021 19:04:07

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

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

0

Поделиться128Вс, 14 Фев 2021 22:10:14

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

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

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

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

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

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

0

Поделиться129Пн, 15 Фев 2021 00:20:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

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

CSS трюки

+1

Поделиться130Пн, 15 Фев 2021 00:31:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

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

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

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

0

Поделиться131Пн, 15 Фев 2021 01:10:15

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

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

0

Поделиться132Пн, 15 Фев 2021 15:46:20

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

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

0

Поделиться133Вт, 16 Фев 2021 06:07:26

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

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

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

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

0

Поделиться134Вт, 16 Фев 2021 10:19:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

+1

Поделиться135Вт, 16 Фев 2021 10:23:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

0

Поделиться136Вт, 16 Фев 2021 13:08:30

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

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

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

+1

Поделиться137Вт, 16 Фев 2021 15:08:36

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

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

Можно так же как и сдесь (на майбе) полупрозрачный или как тут (сейчас чёт копался и ни как не могу найти)

0

Поделиться138Вт, 16 Фев 2021 16:19:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

Код:

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

+1

Поделиться139Вт, 16 Фев 2021 16:31:46

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

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

0

Поделиться140Ср, 17 Фев 2021 13:33:32

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

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

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

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

Скрины

С хрома:

С оперы:

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

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

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

Для входа:

0

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться121Пн, 8 Фев 2021 19:20:44

Поделиться122Пн, 8 Фев 2021 23:28:16

Поделиться123Вт, 9 Фев 2021 18:47:00

Поделиться124Вт, 9 Фев 2021 18:58:21

Поделиться125Вт, 9 Фев 2021 18:59:09

Поделиться126Вт, 9 Фев 2021 19:02:25

Поделиться127Вт, 9 Фев 2021 19:04:07

Поделиться128Вс, 14 Фев 2021 22:10:14

Поделиться129Пн, 15 Фев 2021 00:20:21

Поделиться130Пн, 15 Фев 2021 00:31:22

Поделиться131Пн, 15 Фев 2021 01:10:15

Поделиться132Пн, 15 Фев 2021 15:46:20

Поделиться133Вт, 16 Фев 2021 06:07:26

Поделиться134Вт, 16 Фев 2021 10:19:23

Поделиться135Вт, 16 Фев 2021 10:23:10

Поделиться136Вт, 16 Фев 2021 13:08:30

Поделиться137Вт, 16 Фев 2021 15:08:36

Поделиться138Вт, 16 Фев 2021 16:19:17

Поделиться139Вт, 16 Фев 2021 16:31:46

Поделиться140Ср, 17 Фев 2021 13:33:32