Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Изменение цвета поля quote

Опубликовано:

Подскажите пожалуйста где в CSS находится изменение ширины и цвета поля "цитата"

Рекомендованные сообщения

Опубликовано:

.quotetop

.quotemain

Опубликовано:
  • Автор
.quotetop

.quotemain

Фисана, я вам уже говорил, что я вас лУблУ? :)

 

А почему в двух местах? :)

 

И, в качестве предложения, может быть сделать одну развернутую тему по ССС с коротким объяснением, где что искать и что за что отвечает? Если такой еще не было, конечно!

Опубликовано:

Там один код устаревший и закомментпрован. Тот, что old.

Была тема и сейчас есть.

В закрепленных их несколько. Есть со ссылками на css в картинках..

 

Начинала развернуто писать. Давно.

Но никто не читал.

Создавали новые темы, а ту потом захламили вопросами не о css.

Опубликовано:
  • Автор

Так для изменения полей надо меняь оба .quotetop и .quotemain, или можно поменять любой один?

Опубликовано:

Верхние меняйте.

Опубликовано:
  • Автор
.quotetop{

background: #E4EAF2 url(2/css_img_quote.gif) no-repeat right;

border: 1px dotted #000;

border-bottom: 0;

border-left: 4px solid #8394B2;

color: #000;

font-weight: bold;

font-size: 10px;

margin: 2px auto 0 auto;

padding: 3px;

}

 

.quotemain{

background: #FAFCFE;

border: 1px dotted #000;

border-left: 4px solid #8394B2;

border-top: 0;

color: #465584;

padding: 4px;

margin: 0 auto 0 auto;

 

 

А какой параметр отвечает за ширину самого поля?

Опубликовано:

margin

auto замените значениями в px и посмотрите что получится

Опубликовано:
  • Автор

Заменил

 

.quotemain{

 

margin: 0 auto 0 auto;

 

на margin: 600пх <<<<<<<<<<<<<<<<< ВЫ НЕ ХОТИТЕ ЗНАТь ЧТО ПОЛУЧИЛОСь. :)

Опубликовано:

Это не ширина, а отступ.

10-20, но не 600.

Опубликовано:
  • Автор

Хм, не меняется, что то я не так делаю. Если я хочу сделать поле примерно на 20% уже, чем стандарт ИПБ, то какие мне цифры туда поставить?

 

И попутный вопрос: все цвета, которые я вижу в таблицах на интернете, довольно резкие. Как изменить оттенок цвета?

Опубликовано:

Слева auto замените и посмотрите.

Опубликовано:
  • Автор
Слева auto замените и посмотрите.

 

 

.quotetop{

background: #CCCCCC url(2/css_img_quote.gif) no-repeat right;

border: 1px dotted #000;

border-bottom: 0;

border-left: 4px solid #8394B2;

color: #000;

font-weight: bold;

font-size: 10px;

margin: 4px auto 40;

padding: 3px;

}

 

.quotemain{

background: #FAFCFE;

border: 1px dotted #000;

border-left: 4px solid #8394B2;

border-top: 0;

color: #465584;

padding: 4px;

margin:0 auto 40;

 

сделал так, не двигается. Отодвинуть сверху получилось, а сжать не удается.

Опубликовано:

Попробуйте вставить параметр в оба класса

width:500px;

 

Тогда верните auto

Опубликовано:
  • Автор
Попробуйте вставить параметр в оба класса

width:500px;

 

Тогда верните auto

 

 

Гениально, сжало. Как теперь отцентровать поле цитаты по отношению к полю поста?

 

Тогда верните auto

 

вот это не понял. Как надо прописать?

Опубликовано:

А auto вернули везде?

Если не центрируется с ним, то никак.

 

То есть придется центрировать в другом классе, а это повлияет не только на цитату, и приведет к центрированию текста сообщения.

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.