Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Igross

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

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

02/15/09 13:03 (изменено)

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

 

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

 

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

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

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

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

post-26407-1234702831_thumb.jpg

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

Поделиться сообщением


Ссылка на сообщение
02/15/09 13:39 (изменено)

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

post-26407-1234705027_thumb.jpg

 

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

post-26407-1234705157_thumb.jpg

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

Поделиться сообщением


Ссылка на сообщение

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение
02/15/09 17:56 (изменено)
1) найти где в шаблоне строится эта таблица и сманить colspan="7" на colspan="8"

 

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

 

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

 

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

 

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

post-26407-1234721809_thumb.jpg

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

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

 

 

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

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

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

Поделиться сообщением


Ссылка на сообщение

Поделиться сообщением


Ссылка на сообщение
02/17/09 08:10 (изменено)

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

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

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

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

 

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

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

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

 

 

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

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

 

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
02/18/09 19:07 (изменено)
Сравнивайте с дефолтным 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 от дефолта в свой новый скин, и вношу в него изменения.

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

Поделиться сообщением


Ссылка на сообщение

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

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...