Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83

Как изменить цвет текста в контенте в CSS?

15.12.2013, 10:50. Показов 2865. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Везде цвет могу поменять, а в контенте не получается, а именно нужно сменить заголовки, цвет вывода печати, тегов, емаил, просмотры и тп.
Пробовал для самого id ( #content80, #content80 ul li и тд)поменять не выходит, для классов, которые показывает при просмотре элементов тоже не получается.
Цвет для модулей задавал через .moduletable, а как для контента?
Зы. Шаблон joomla 3
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.12.2013, 10:50
Ответы с готовыми решениями:

Изменить цвет текста и кнопки через CSS на стороннюю тему Wordpress
Доброго времени! Установила на Denwer Worpress, после чего на последний установила тему. Теперь необходимо ее редактировать. Текст...

Как изменить цвет текста в textbox?
В textbox нету свойства ForeColor, а мне нужен белый цвет текста. P.S. Не спрашивайте зачем мне белым по белому писать.

Как изменить цвет текста в spinner?
Здравствуйте. Подскажите как изменить цвет текста выбранного элемента в spinner (когда он свернту). Если делаю так: private void...

4
6 / 6 / 2
Регистрация: 18.07.2013
Сообщений: 178
15.12.2013, 11:08
12Gerc, а можно код увидеть? В принципе (насколько я знаю, может и ошибаюсь) достаточно задать
CSS
1
color: #******;
для тега table, либо для tr/td, цвет поменяется, соответственно, в таблице/строке/ячейке.

P.S. И при чём тут списки? Ul и Li это списки, а не таблицы
0
23 / 23 / 1
Регистрация: 27.04.2013
Сообщений: 385
Записей в блоге: 3
15.12.2013, 11:32
с шаблонами сложнее. там возможно использование important которое повышает приоритет свойства. Нужно код смотреть html+css
0
6 / 6 / 2
Регистрация: 18.07.2013
Сообщений: 178
15.12.2013, 13:02
qlipoth, только вручную с нуля, только хардкор ))
0
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
15.12.2013, 14:10  [ТС]
Что-то под зарегистрированным ником не мог зайти пришлось пару раз по часу ждать)
Я сам шаблон нарисовал теперь верстаю. Вобщемто всё уже сделал кроме этой проблемки.
Код css
Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
@charset "UTF-8";
 @charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
/* nachalnie nastroiki zagolovkov vseh urovnei   */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    
}
/* oformlenie ssylok na saite     */
a {
    text-decoration: underline;
    color: #004f64;
}
/*ssylka neposeshenay  */
a:link {
    color: #004f64;
}
/*ssylka poseshenay  */
a:visited {
    color: #3b98b0;
}
/*ssylka pri navedenii*/
a:hover {
    text-decoration: none;
    color: #fe1919;
}
/*zagolovok uroven  1 */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
    font-size: 22px;
    color: #3b98b0;
    text-align: left;
    margin-bottom: 5px;
}
/*zagolovok uroven   2 */
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
    font-size: 20px;
    color: #004f64;
    text-align: left;
    border-bottom: 1px solid #a7a6aa;
    margin-bottom: 5px;
}
/*zagolovok uroven   3 */
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    font-size: 18px;
    color: #30b2cf;
    text-align: left;
}
/* zagolovoki uroveni  4-6 */
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    font-size: 16px;
    color: #3b98b0;
    text-align: left;
}
/*oformlenie kartinok na saite   */
/*kartinka kak ssylka  */
a img {
    border: none;
}
/*kartinka v tekste  */
p img {
    margin: 0;
}
/*oformlenie abzacev na saite   */
p {
    margin: 0 0 10px 0;
}
/* -----------------------------------------------------------------------   */
body {
    margin: auto;
    width: 1000px;
    font: 14px Arial, Helvetica, sans-serif;
    text-align: left;
    background-attachment: fixed;
}
/*blok page */
#maket {
    width: 1000px;
    margin: auto;
 background-color:# 9FC;
    overflow: hidden;
    background: url(../images/maket2.3.jpg) center center;
}
/*blok top dlya razmeshenia  div id="logo"  div id="user1" */
#top {
    height: 150px;
    width: 100%;
    margin: 0;
}
#user {
    position: relative;
}
#logo {
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
#user {
    height: 150px;
    width: 300px;
    float: left;
    background: url(../images/podlogo.jpg);
}
#user1 {
    height: 150px;
    width: 700px;
    float: right;
    background: url(../images/menutop.jpg) no-repeat;
}
/*------------------------------------------------------------------------- */
#top2 {
    height: 350px;
    width: 1000px;
    margin: 0;
}
#user2 {
    height: 350px;
    width: 1000px;
    float: left;
    margin: -40px 0 0 0;
    background: url(../images/heder4.png);
}
#kontact {
    height: 130px;
    width: 200px;
    margin: 80px 0 0 60px;
}
/*------------------------------------------------------------------------- */
#top3 {
    height: auto;
    width: 1000px;
    margin: 0;
}
/*div id="left"*/
#left {
    float: left;
    width: 340px;
    margin: -40px 0 0 0;
    background: url(../images/leftmenucenter.png) repeat-y;
}
#left:after {
    content: "";
    clear: both;
    position: absolute;
    display: block;
    margin: 0px 0px 0px 3px;
    width: 340px;
    height: 28px;
    background: url(../images/leftmenuniz.png) 0 0 no-repeat;
}
/*vivod contenta razmerom 80% */
#contentpos {
    float: right;
    width: 660px;
    margin: -40px 0 57px 0;
    background: url(../images/contentcenter2.png);
    background-position: -1px 0;
}
#contentpos:after {
    content: "";
    clear: both;
    position: absolute;
    display: block;
    margin: 0px 0px 0px 3px;
    width: 660px;
    height: 58px;
    background: url(../images/contentniz.png) 0 0 no-repeat;
    background-position: -4px 0;
}
#contentpos ul li {
    padding: 0 0 0 12px;
    margin: 5px;
    list-style: none;
}
 
#left li a:hover {
    display: block;
    text-decoration: underline;
    color: #fe1919;
}
 
#content80 {width:530px;
margin:0 0 0 50px;}
 
.dropdown-menu ul li{color:green;}
.print-icon li {color:#0FF;}
#content80 ul li{color:green;}
 
 
#footer {
    background: url(../images/footer.jpg) no-repeat;
    clear: both;
    height: 50px;
    width: 1000px;
}


Код index.php
Кликните здесь для просмотра всего текста
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<?php
defined('_JEXEC') or die;
JHtml::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/menu.css" type="text/css" />
 
<!--Следующий фрагмент кода позволяет нам сворачивать левую или правую колонки, если в позициях «left» и « right» не расположено ни одного модуля. В случае если свернуты обе колонки, то контент занимает  100% ширины страницы.  Если включена только одна колонка, то контент занимает 80%. При двух включенных колонках на контент приходится 60% ширины страницы.-->
<?php 
if($this->countModules('left or right') == 1) $contentwidth = "80";
?>
<link rel="icon" href="/templates/название шаблона/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/templates/название шаблона/favicon.ico" type="image/x-icon">
</head>
 
<body>
<div id="maket">
  <div id="top">
    <div id="user">
      <jdoc:include type="modules" name="user" style="xhtml" />
      <div id="logo">
        <h1><?php echo $app->getCfg(''); ?></h1>
      </div>
    </div>
    <div id="user1">
      <jdoc:include type="modules" name="user1" style="xhtml" />
    </div>
  </div>
  <!-- конец блока top -->
  
  <div id="top2">
    <div id="user2">
      <jdoc:include type="modules" name="user2" style="xhtml" />
      <div id="kontact">
        <jdoc:include type="modules" name="kontact" style="xhtml" />
       </div>
    </div>
  </div>
  <!-- конец блока top2 -->
  <div id="top3">
    <?php if($this->countModules('left')) : ?>
    <div id="left">
      <jdoc:include type="modules" name="left" style="xhtml" />
    </div>
    <?php endif; ?>
    <div id="contentpos">
      <jdoc:include type="modules" name="contentpos" style="xhtml" />
      
         <div id="content<?php echo $contentwidth; ?>">
      <jdoc:include type="message" />
      <jdoc:include type="component" style="xhtml" />
    </div>
    
    </div>
    <!--Открывается самый важный блок контента -->
 
    <!--конец блока контента--> 
    
  </div>
  <?php if($this->countModules('footer')) : ?>
  <div id="footer">
    <jdoc:include type="modules" name="footer" style="xhtml" />
  </div>
  <?php endif; ?>
</div>
<!--конец блока maket-->
</body>
</html>




Добавлено через 9 минут
Кажется сам нашёл. Просто пока сюда вставлял увидел, что в самом начале задал параметры для всех ссылок и тп, а потом просто для каждого модуля отдельно в другом css писал и забыл, что вначале добавлял в другом файле css. Работаю с ноута, экран маленький и код плохо просматривать(
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
15.12.2013, 14:10
Помогаю со студенческими работами здесь

Как изменить цвет текста и фона
Куда мне вставить изменения цвета текста и фона :-( ? Подскажите,пожалуйста. Код рабочей программы: d1 segment para public...

Как изменить цвет текста в консоли?
Нужно поменять цвет текста в консоли. Чтобы символ '#' был красным, буква 'H' была желтой, а буква 'o' - белой? Как это можно сделать?

Как изменить цвет текста #region?
Всем добрый день. Не получается изменить цвет текста для #region &quot;MyText&quot;. Для свернутого и раскрытого состояния нашел настройку, однако...

Как изменить цвет текста в менюшке
Сайт Baloo.by Просмотр кода элемента, там можно, но найти файл в котором нужно менять не могу, т.к. там нету пути к файлу.

Как изменить цвет текста в консоли
Как изменить цвет текста в консоли в C#?Заранее спасибо)


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru