Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Изменение background-color

Всем привет! Работаю с WordPress и в шаблоне ни как не могу найти место, где изменить свойство background-color на нужный мне. В консоле "код элемента" показывает вот такое расположение: (index):1446. Я так понимаю, что в строку №1446 подставляется значение цвета из какого-то другого скрипта. Как узнать, какой это скрипт и где его найти?

Вот код страницы:

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- .section-post.post-92 Style -->
<style>
.section-post.post-92, .section-post.post-92 h1, .section-post.post-92 h2, .section-post.post-92 h3, .section-post.post-92 h4, .section-post.post-92 h5, .section-post.post-92 h6 {
    color: #ffdbba
}
.section-post.post-92 .section-title {
    font-size: 2.5em;
    color: #ffffff
}
.section-post.post-92 {
    background-color: #f06544
}
</style>
<!-- End .section-post.post-92 Style -->
    </div> <!-- /.section-inner -->
    
</section>
<!-- /.section-post -->
Мне нужно изменить цвет в классе ".section-post.post-92" с "#f06544" на "#1980CA". Заранее, спасибо!
Ответ: Eduardo_1992, в личку
Вопрос: Изменение background-color при наведении на область

Уважаемые форумчане, помогите с идеей, как это реализовать:
Есть карта svg, регионам присвоены id.
При наведении (hover) на регион с определенным id (красный круг) она подсвечивается определенным цветом.
Слева располагается список (ul>li), для каждого li присвоен свой id.

Необходимо при наведении на регион(красный круг) изменить background-color у всех li которые выделены красной чертой. Еще проблема - не понимаю как вообще связать id региона с несколькими id у li, не то что бы уже у них менять background-color.
Ответ: Ребята, спасибо что навели на правильный путь. Буду пробовать реализацию через js.
Вопрос: li:hover background-color начинался слева - как?

Подскажите, как сделать чтобы li:hover background-color начинался слева (впритык к div), а не со ссылки начинался.

<!DOCTYPE HTML>
<html><body>
<div class="column-left-wrap">
                    <ul class="column-left-list">
                        <li><a href="#">пункт1</a></li>
                        <li><a href="#">пункт2</a></li>
                        <li><a href="#">пункт3</a></li>
                        <li><a href="#">пункт4</a></li>
                    </ul>
</div>
<style type="text/css">
.column-left-wrap {
    width: 220px;
    border: 1px solid #2C6A99;
    background: #f3f9fc;
}

.column-left-list {
    margin-left: 0; 
    padding-left: 10;
   }
.column-left-list li:hover {
    background-color: #086BE6;
}
</style>
</body>

</html>
Ответ:
Сообщение от Ruslan_xDD
вот
благодарю
Вопрос: Background color не работает

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  .green{
      background-color:green;
  }
  table {
    border-spacing: 0px; 
    position: absolute;
    left: 34px;
    top: 36px;
  }
  td {
    padding: 0px;
    width: 70px;
    height: 70px;
  }
HTML5
1
2
3
4
<table>
<tr>
<td id="1" style="green"></td>
</tr></table>
Но эта ячейка зеленым не заливается в чем проблема?
Ответ:

Не по теме:

Сообщение от mrtoxas
Определенно показалось. Слово "следует" придает фразе рекомендательный характер, а не категорично запрещающий
Ну да чёрное не чёрное, белое не белое, где-то я уже это слышал...

Вопрос: Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?

.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код:
HTML
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
</head>
<body>
    <div class="up">
        <div class="wrap">
            <div class="up__head"></div>
            <div class="up__foot"></div>
        </div>
    </div>
    <div class="down">
        <div class="wrap">
            <div class="footer"></div>
        </div>
    </div>
</body>
</html>
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
html, body{
    width:100%;
    height:100%;
    padding:0; margin:0;
}
 
.wrap{
    min-width:500px;
    max-width:70%;
    height:100%;
    margin:0 auto;
}
 
 
.up{
    min-width:592px;
    max-width:70%;
    background:gray;
    height:50%;
    margin:0 auto;
    z-index:3;
}
 
.head{
    width:500px;
    height:50%;
}
 
.up__head{
    width:100%;
    height:100px;
    background-color:#616262;
    margin-bottom:200px;
}
 
.up__foot{
    background-image:url(../img/lead.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:325px;
    width:100%; 
}
 
.down{
    min-width:592px;
    max-width:70%;
    height:50%;
    margin:0 auto;
    background-color:blue;
    z-index:0;
}
Ответ: Так без height его видно не будет. А magrin-bottom, только для того чтобы было видно проблему, по которой я обратился
Вопрос: Работа с background-color,background-image

Добрый день ув. пользователи! Подскажите пожалуйста, можно как-то сделать, что бы div, которому прописывают правила background-color,background-image, background-image был по ширине блока родителя, а background-color по ширине экрана? Или это делается скриптами ?
Ответ: Fedor92, mrtoxas, спасибо Вам, разобрался.
Вопрос: Свойство background-color вынести за рамки блока

Есть страница, что называется в "рамке". Есть необходимость растянуть background-color некоторых блоков, на ширину всего окна. Как это сделать?



Ответ:
HTML5
1
2
3
4
5
6
<div class="block1">
     <div class="container">...</div>
</div>
<div class="block2">
     <div class="container">...</div>
</div>
.block1 и .block2 будет на всю ширину страницы, ставьте фон какой нужно
Вопрос: <div contenteditable= "true" '.$rootFunction.' style = "background-color: '.$expl[0].

<div contenteditable= "true" '.$rootFunction.' style = "background-color: '.$expl[0].'" id = "nomerDogovora'.$r['id'].'">'.$r['nomerDogovora'].'</div>

Привет, такой вот код, как средствами жквери поменять contenteditable на false или true?
Ответ:
$('#nomerDogovora<?=$r['id']?>').prop('contentEditable', false);


document.getElementById('nomerDogovora<?=$r['id']?>').contentEditable = false;
Вопрос: jQuery-color plugin, удаление css свойства

Добрый день! Ребята, подскажите пожалуйста в чем проблема. Использую плагин jquert.color-2.1.2. Задача такая: есть поле ячеек 10x10, часть ячеек периодически имеет неактивное состояние. По клику по такому полю оно меняет цвет от текущего к красному и обратно. Все бы ничего, но после этого при изменении css класса элемента, цвет его остается прежним из-за того, что в процессе анимации создается
style="background-color: rgb(142, 142, 142);"
Пробовал удалять и при помощи .css('background-color', '') и при помощи .removeAttr('style'), без результата. Это однозначно плагин не позволяет, чего делать-то?)

Код:

var this_cell = $(this);
var before_color = this_cell.css('backgroundColor');

this_cell.animate({backgroundColor: '#FF0000'}, 300);
this_cell.animate({backgroundColor: before_color}, 300);
Ответ:
Сообщение от Dogmat
потому что без него jQuery не анимирует цвет
может тогда jquery-ui
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  div{
      width: 408px;
     height: 30px;
     background-color: #00FF00;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
   $(function ()
{
    $('div').animate({
			backgroundColor:'#ff0000'
		},5000, function() {
      $(this).removeAttr("style")
});

})
  </script>
</head>

<body>

  <div></div>

</body>

</html>
Вопрос: Background-color работает не для всего блока

Доброго времени суток.
Я учусь делать сайты на фреймворке django, верстка с помощью bootstrap.
И я столкнулся с такой проблемой:
(Не уверен что смогу точно описать проблему,но думаю по скриншотам будет видно о чем речь)
В общем когда окно браузера развернуто полностью,все отображается корректно (скриншот №1), но при изменении размера окна (скриншот №2), на определенном моменте(скриншот №3) контент сжимается и задний фон уходит как бы вверх, тем самым оставляя надпись и кнопку без фона.(скриншот №4)
Но это только когда под постом нету комментариев. Если они есть,то все отображается корректно. ( скриншот №5 )

Скриншоты : [del]

В чем может быть проблема? (Исходный код прилагается)
HTML5
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
 {% extends 'blog/base.html' %}
 
    {% block content %}
            <div class="post">
                {% if post.published_date %}
                    {{ pass }}
                {% else %}
                    <a class="btn btn-primary" href="{% url 'post_publish' pk=post.pk %}" style="float: right;margin-left: 5px;">Publish</a>
                {% endif %}
                {% if user.is_authenticated %}
                    <a class="btn btn-primary" href="{% url 'post_edit' pk=post.pk %}" style="padding: 9px;float: right;"><span class="glyphicon glyphicon-pencil"></span></a>
                    <a class="btn btn-primary" href="{% url 'post_remove' pk=post.pk %}" style="float: right;margin-right: 5px;padding: 9px;"><span class="glyphicon glyphicon-remove"></span></a>
                {% endif %}    
                <h1 style="color: black;font-weight: bold;margin-bottom: 50px;">{{ post.title }}</h1>
                <p style="color: black;">{{ post.text|linebreaksbr }}</p>
                <div class="date">
                    {{ post.published_date }}
                </div>
            </div>
            <div style="border-bottom: 1px solid #999ea8;margin-bottom: 20px;padding-top: 10px;"></div>
            <p style="float: left; font-family:'Lobster', cursive; font-size:25px;margin-bottom:20px;text-decoration: underline;">Comments:</p>
            <a class="btn btn-primary" href="{% url 'add_comment_to_post' pk=post.pk %}" style="float: right;">Add comment</a>
            {% for comment in post.comments.all %}
                {% if user.is_authenticated or comment.approved_comment %}
                    <div class="comment" style="clear: both;margin-top: 25px;">
                        <div class="date">
                        {{ comment.created_date }}
                        {% if not comment.approved_comment %}
                            <a class="btn btn-default" href="{% url 'comment_remove' pk=comment.pk %}"><span class="glyphicon glyphicon-remove"></span></a>
                            <a class="btn btn-default" href="{% url 'comment_approve' pk=comment.pk %}"><span class="glyphicon glyphicon-ok"></span></a>
                        {% endif %}
                        </div>
                        <strong style="font-size:20px; font-family: 'Roboto Condensed', sans-serif; color: blue;">{{ comment.author }}</strong>
                        <p style="font-family: 'Roboto Condensed', sans-serif;">{{ comment.text|linebreaks }}</p>
                    </div>
                {% endif %}
            {% endfor %}
    {% endblock %}
Прошу не ругать за стили внутри тегов, просто на этапе обучения так наглядней можно понять что к чему относиться.
Заранее спасибо за помощь

 Комментарий модератора 
Изображения и любые другие файлы загружайте на форум! (Правила п.4.11)


Скриншоты (по порядку):
Ответ: ну логично что коменты внутри блока и если они есть то натягивается фон на них