Перейти к публикации
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.

Как изменить цвет шрифта в форме создания новой темы/форме ответа. css_rte

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

У меня вопрос по изменению цветов

 

FAQ с рисунками по css смотрел, но не все оветы нашел.

 

В окне создания/редактирования новой темы как изменить цвета, показанные на рисунке:

№1 - нужно изменить фон;

№2 - нужно изменить цвет шрифта, т.к. сейчас и цвет и фон - белый;

№3 - тоже самое. Нужно изменить цвет шрифта.

post-26407-1234702831_thumb.jpg

Изменено пользователем Igross

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

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

3. Опять же, окно создания/редактирования новой темы. Где изменить цвет фона, показанного на рисунке:

post-26407-1234705027_thumb.jpg

 

4. То же окно редактирования темы/ ответа в тему. Как изменит этот цвет?

post-26407-1234705157_thumb.jpg

Изменено пользователем Igross

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

1) найти где в шаблоне строится эта таблица и сманить colspan="7" на colspan="8"

 

2,3,4) посмотреть исходник страницы и узнать какие классы css редактировать

 

Хотя форма ответа и атачи вроде в скрипте строится...

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

есть закрепленная тема с описанием классов CSS в ипб.

Опубликовано:
  • Автор
1) найти где в шаблоне строится эта таблица и сманить colspan="7" на colspan="8"

 

2,3,4) посмотреть исходник страницы и узнать какие классы css редактировать

 

Хотя форма ответа и атачи вроде в скрипте строится...

 

Про длину colspan понятно, а в каком шаблоне искать?

 

Для 2,3,4 нужно действительно редактировать скрипты. Фон поменять удалось. А как можно поменять цвет шрифта в выпадающем списке(цифры 2 и 3 на рисунке).

post-26407-1234721809_thumb.jpg

В скриптах прописан его размер, а вот цвет - нет.

И получается, что и фон и шрифт белый, поэтому ничего не видно.

 

 

есть закрепленная тема с описанием классов CSS в ипб.

Я ей и пользовался, во многом она мне помогла. Но это описание не дает ответов на многие вопросы, поэтому и пишу сюда.

Изменено пользователем Igross

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

Я руководствовался вот этой темой, в которой вы объясняли, как сделать подобное.

Получилось изменить только цвет шрифта в выпадающем меню.

У меня коды не такие как в теме, в которой вы объясняли, поэтому не понимаю, куда конкретно добавить

параметр цвета шрифта.

 

На скрине показал зеленым цветом то, что получилось изменить, а красным - то, что не получилось.

post-26407-1234858050_thumb.jpg

 

Ирина, помогите пожалуйста, куда мне поставить параметр цвета? Что изменить?

Вот мой код css_rte:

.rte-cb-bg
{
background-color: #E5E6F1;
background-image: url('rte-cb-top-bg.gif');
background-repeat: repeat-x;
border-bottom: 1px solid #9be32c;
letter-spacing: 0;
height:11px;
text-align: left;
padding:0px;
margin:0px;
}

.rte-option-panel,
.rte-buttonbar
{
background-color: #ddf5b8;
background-image: url('rte_tile.gif');
background-repeat: repeat-x;
border: 1px solid #9be32c;
letter-spacing: 0;
}

.rte-option-panel
{
display: none;
float: left;
text-align: center;
margin-bottom: 5px;
}

.rte-option-emo-box
{
background-color: #FFFFFF;
border:1px solid #9be32c;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.rte-buttonbar tbody tr td,
.rte-buttonbar tr td,
.rteBack tbody tr td,
.rteBack tr td
{
padding: 0;
}

.rte-iframe
{
border:2px inset #9be32c;
background-color:#FFF;
margin-top:4px;
}

.rte-menu-button,
.rte-selected-menubutton,
.rte-hover-menubutton,
.rte-normal-menubutton
{
border: 1px solid #9be32c;
-moz-border-radius: 3px;
padding: 2px 1px 2px 4px;
margin:0px;
font-size: 11px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url('rte-dd-bg.gif');
background-repeat: no-repeat;
width:auto;
}

.rte-selected-menubutton,
.rte-hover-menubutton
{
border: 1px solid #9be32c;
background-color: #ffffff;
}

.rte-menu-face,
.rte-menu-size,
.rte-selected-menu,
.rte-hover-menu,
.rte-normal-menu
{
color: #353535;
}
{
background-color: #fff;
border-bottom:1px dotted #9be32c;
padding: 1px 1px 4px 1px;
width:100%;
clear: all;
cursor: pointer;
cursor: hand;
}

.rte-menu-size
{
padding-top: 12px;
padding-bottom: 12px;
}	

.rte-selected-menu-color,
.rte-hover-menu-color,
.rte-normal-menu-color,
.rte-menu-color
{
width: 10px;
border: 1px solid #FFFFFF;
cursor: pointer;
cursor: hand;
}

.rte-selected-menu-emo,
.rte-hover-menu-emo,
.rte-normal-menu-emo,
.rte-menu-emo,
.rte-menu-emo-box
{
width: auto;
border:1px solid #fff;
cursor: pointer;
cursor: hand;
}

.rte-selected-menu-emo div,
.rte-hover-menu-emo div,
.rte-normal-menu-emo div,
.rte-menu-emo  div
{
padding: 4px;
}

.rte-menu-emo-box div
{
padding: 1px;
}

.rte-menu-emo-box
{
border:1px solid #FFFFFF;
}

.rte-menu-emo-header
{
text-align: center;
font-weight: bold;
background-color: #E5E6F1;
color: #000000;
background-image: url('rte_tile.gif');
background-repeat: repeat-x;
padding:4px;
margin: 0px;
}

.rte-hover-menu-color
{
border:1px solid black;
}

.rte-hover-menu-emo
{
border:1px solid black;
}

.rte-popupmenu
{
background-color: #fff;
border: 1px solid #9be32c;
text-align: left;
font-size: 11px;
padding: 3px 5px 3px 3px;
}

.rte-selected,
.rte-hover,
.rte-normal
{
cursor: pointer;
cursor: hand;
padding:1px;
}

.rte-selected-menu,
.rte-hover-menu
{
background: #CFEBA4;
}


.rte-selected
{
border: 1px outset;
padding:0px;
}

.rte-hover
{
background: #EBEBEB;
}

.attach-menubutton
{
border: 1px solid #9be32c;
-moz-border-radius: 3px;
padding: 2px 1px 2px 4px;
margin:0px;
font-size: 11px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url('rte-dd-bg.gif');
background-repeat: no-repeat;
width:auto;
}

.attachfiles-dropdown
{
border: 1px solid #9be32c;
-moz-border-radius: 3px;
padding: 2px 1px 2px 4px;
margin:0px;
font-size: 11px;
overflow: hidden;
background-color: #FFFFFF;
width:auto;
}

.attach-parentdiv
{
background-color: #ddf5b8;
background-image: url('rte_tile.gif');
background-repeat: repeat-x;
border: 1px solid #9be32c;
letter-spacing: 0;
padding:6px;
text-align:left;
}

.attach-messagediv
{
background: #FFF;
color: #000000;
text-align:center;
border: 1px solid #9be32c;
}
.attach-msg-span
{
padding-top: 3px;
font-size:20px;
font-weight:bold;
}

.attach-iframe
{
border: 0px;
background-color:transparent;
}

.attach-popupmenu
{
background-color: #fff;
border: 1px solid #9be32c;
text-align: left;
font-size: 11px;
padding: 3px 5px 3px 3px;
}

.attach-menu-row-over,
.attach-menu-row
{
padding:1px 1px 4px 1px;
width:100%;
cursor: pointer;
cursor: hand;
}

.attach-menu-row-over
{
background: #CFEBA4;
}

Изменено пользователем Igross

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

Для начала в классы, содержащие

background-image: url('rte-dd-bg.gif');

Допишите

color: #000;

 

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

Если чего-то не достает, добавьте, оставляя свои цвета.

Опубликовано:
  • Автор
Для начала в классы, содержащие

background-image: url('rte-dd-bg.gif');

Допишите

color: #000;

 

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

Если чего-то не достает, добавьте, оставляя свои цвета.

Сравнивал с дефолтным, даже полностью его копировал и заменял свой нынешний - эффекта никакого, только фон меняется, а шрифт всё равно белый остается.

 

Пробовал вот так:

.rte-buttonbar tbody tr td,
.rte-buttonbar tr td,
.rteBack tbody tr td,
.rteBack tr td
{
color: #000;
}

 

Получается вот что:

post-26407-1234867953_thumb.jpg

Цвет меняется, но поля растягиваются по ширине и по высоте.

А в тегах слева всё неизменно.

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

Сравнивайте с дефолтным css и приписывайте цвета шрифта в классы, содержащие .rte-menu

Если не получается, обращайтесь к автору стиля.

 

 

У меня сегодня страшно болит голова.

Не заметила, что Вы смешали в теме вопросы.

 

У нас запрещены темы "несколько вопросов".

У нас запрещено бессмысленное название тем.

Читаем Правила форума

Устное предупреждение за нарушение двух пунктов.

Опубликовано:
  • Автор
Сравнивайте с дефолтным css и приписывайте цвета шрифта в классы, содержащие .rte-menu

Если не получается, обращайтесь к автору стиля.

 

 

У меня сегодня страшно болит голова.

Не заметила, что Вы смешали в теме вопросы.

 

У нас запрещены темы "несколько вопросов".

У нас запрещено бессмысленное название тем.

Читаем Правила форума

Устное предупреждение за нарушение двух пунктов.

Прошу прощения за нарушение правил форума. Название темы исправил, лишний вопрос убрал.

 

Теперь по теме.

 

1. Цвет шрифта rtebuttonbar изменить удалось, достаточным оказалось добавить параметр цвета в одну строчку:

.rte-buttonbar tbody tr td
{
color: #000;
}

 

2. Не удалось изменить цвет ни в форме быстрого доступа, ни в форме управления файлами:

post-26407-1234983361_thumb.jpg

Фон сменить могу, а цвет шрифта - нет :)

 

Я пробвал дефолтный файл css_rte.css ставить в текущий скин, но эффекта нет.

Ведь в нем нигде не прописывается отдельно цвет для шрифтов.

 

Может, что не так делаю, подскажите пжлст.

Изменено пользователем Igross

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

В основном css в классе darkrow3 + darkrow3 a:link какой цвет шрифта?

Опубликовано:
  • Автор
В основном css в классе darkrow3 + darkrow3 a:link какой цвет шрифта?

darkrow3 - #FF6D03 оранжевый

darkrow3 a:link - у меня такого нет

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

Допишите в css

.rte-buttonbar,
.rte-popupmenu,
.rte-buttonbar a:,
.rte-popupmenu a:{
color: #000;
}

Но вообще надо испытывать.

У Вас измененный css. Скачивать для испытаний этот скин никакого желания нет.

Самый простой путь – вставить css редактора от дефолтного скина и внести туда изменения, а не заставлять нас гадать, почему цвета белые.

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

.rte-buttonbar,
.rte-popupmenu,
.rte-buttonbar a:,
.rte-popupmenu a:{
color: #000;
}

Но вообще надо испытывать.

У Вас измененный css. Скачивать для испытаний этот скин никакого желания нет.

Самый простой путь – вставить css редактора от дефолтного скина и внести туда изменения, а не заставлять нас гадать, почему цвета белые.

Дописал - но ничего не изменилось.

 

Дело в том, что я и действую по простому пути, я как раз-таки и вставил css_rte от дефолта в свой новый скин, и вношу в него изменения.

Но вот почему что-то получается, а что-то нет - непонятно..

Опубликовано:
.rte-iframe

{

border:2px inset #9be32c;

background-color:#FFF;

margin-top:4px;

}

Тут допишите цвет шрифта.

А также в основном css для darkrow3

У Вас в самой первой картинке белые надписи около опций создания темы.

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

Сейчас на странице 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.