Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Igross

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

Recommended Posts

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

 

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

 

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

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

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

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

post-26407-1234702831_thumb.jpg

Edited by Igross

Share this post


Link to post
Share on other sites

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

post-26407-1234705027_thumb.jpg

 

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

post-26407-1234705157_thumb.jpg

Edited by Igross

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
1) найти где в шаблоне строится эта таблица и сманить colspan="7" на colspan="8"

 

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

 

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

 

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

 

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

post-26407-1234721809_thumb.jpg

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

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

 

 

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

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

Edited by Igross

Share this post


Link to post
Share on other sites

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

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

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

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

 

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

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;
}
Edited by Igross

Share this post


Link to post
Share on other sites

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

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

Допишите

color: #000;

 

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

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

Share this post


Link to post
Share on other sites
Для начала в классы, содержащие

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

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

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

Share this post


Link to post
Share on other sites

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

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

 

 

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

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

 

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

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

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

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

Share this post


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

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

 

 

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

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

 

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

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

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

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

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

 

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

 

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

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

 

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

post-26407-1234983361_thumb.jpg

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

 

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

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

 

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

Edited by Igross

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
В основном css в классе darkrow3 + darkrow3 a:link какой цвет шрифта?

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

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

Share this post


Link to post
Share on other sites

Допишите в css

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

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

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

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

Share this post


Link to post
Share on other sites
Допишите в css

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

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

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

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

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

 

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...