• Есть название блога, сайта на главной, «Мой Бизнес» — белые буквы. В каком файле и что нужно прописать что бы изменить только буквы М и Б на красные? Целиком изменить цвет слов не составило проблем, а вот одной буквы сложновато.

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Может поставить эти буквы в <span class=»red_word»>M</span>ой <span class=»red_word»>Б</span>изнес

    В css

    .red_word {
    color: ff0000;
    }

    еще можно в css

    (здесь id или class вашего заголовка):first-letter {
    color:#ff0000;
    }

    damnedqueen

    Может поставить эти буквы в <span class="red_word">M</span>ой <span class="red_word">Б</span>изнес

    В какой файл их прописать?

    Я думал:
    header.php

    <div id="header" class="outer">
    					<div class="header-part">
    							<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    							<h2><?php bloginfo('description'); ?></h2>
    					</div>

    Тут кажется <?php bloginfo('description'); ?> куда то направляет, я php не понимаю, но наверное заглавие нужно изменить где то в другом месте, так как в header.php нету слов «Мой Бизнес». А Сам css ссылается именно сюда, для изменения полного цвет текста.

    #header h1 {
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 0 !important;
        margin-top: 7px;
        padding: 20px 0 0;
        text-transform: none;
    }
    
    #header h1 a, #header h1 a:visited {
        <strong>color: #DBDBDB;</strong>  // - меняет цвет всего текста
        text-decoration: none;
    }
    #header h2 {
        color: #DDDDDD;
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 12px;
        line-height: 14px;
    }

    Я правильно понимаю ваш заголовок это h1?

    #header h1 a:first-letter {
    color:#ff0000;
    }

    А если добавить в css?

    #header h1 {
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 0 !important;
        margin-top: 7px;
        padding: 20px 0 0;
        text-transform: none;
    }
    
    #header h1 a, #header h1 a:visited {
        color: #FF0000;                                          --------- тут сменился цвет всего текста
        text-decoration: none;
    }

    #header h1 a:first-letter {
    color:#ff0000;
    }

    С этим не прокатило.

    Я его пишу так:

    #header h1 {
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 0 !important;
        margin-top: 7px;
        padding: 20px 0 0;
        text-transform: none;
    }
    
    #header h1 a:first-letter {
    color:#ff0000;
    }
    
    #header h1 a, #header h1 a:visited, a:first-letter {
        color: #DBDBDB;
        text-decoration: none;
    }

    Вот здесь
    #header h1 a, #header h1 a:visited, a:first-letter {
    color: #DBDBDB; // возвратка к оригинальному цвету
    text-decoration: none;
    }

    Пробуй так:

    #header h1 a:first-letter {
    color:#ff0000;
    }
    
    #header h1 a:visited:first-letter {
    color:#ff0000;
    }
    
    #header h1 a:visited, {
        color: #DBDBDB;
        text-decoration: none;
    }

    Интересно как выходит, у меня редактор вообще не выводит псевдоклас при наборе, авто выдает только 2 псевдокласа. Набранный first-letter вне внимания.

    http://s001.radikal.ru/i194/1301/1d/5ecbd8bffb5c.png

    Из доступныx псевдокласов: first-child, first-of-type

    можно задать class для h1 в title и присвоить first-letter ему

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Как изменить цвет одной буквы в названии сайта?» закрыта для новых ответов.