2017-01-01 4 views
1

Как сделать только одно слово «word2» в заголовке виджета полужирным или красного цвета?Настройте часть названия виджета для Blogger?

Или как мне разделить заголовок Blogspot в двух или трех встроенных частях? А потом отдельно создавайте свои части.

в CSS я получил:

<b:widget id='Profile1' locked='false' title='word1 word2 word3' type='Profile' version='1' visible='true'> 

Все мои многочисленные попытки, произведенные ошибки, сог Я не PRO

ответ

1

Blogger только позволяет добавлять следующие HTML-теги в поле Заголовок виджета -

Вы можете использовать некоторые HTML-теги, такие как <b>, <i>, <a>

В вашем случае при редактировании названия виджета, изменить его -

word1 <b>word2</b> word3 

Изменение цвета и другие свойства не могут быть непосредственно сделаны. Вы вместо этого нужно использовать выше HTML-теги и CSS, чтобы добиться того, что

Как, например -

  1. Вы хотите word2 быть смелым и красным цветом, то вам в первую очередь необходимо изменить название в

    word1 <b>word2</b> word3 
    

    , а затем добавить следующий CSS

    #Profile1 h2 b {color:red;} 
    
  2. Если вы хотите только word2 иметь красный цвет, не будучи жирным шрифтом, а затем изменить название на

    word1 <b>word2</b> word3 
    

    , а затем добавьте следующий CSS

    #Profile1 h2 b {color:red;font-weight:normal;} 
    
  3. Если вы хотите word1 в есть жирный шрифт & синего цвета и word3 иметь зеленый цвет, а затем изменить название на

    <b>word1</b> word2 <b>word3</b> 
    

    , а затем добавьте следующий CSS

    #Profile1 h2 b:nth-child(1) {color:blue;} 
    #Profile1 h2 b:nth-child(2) {color:green;font-weight:normal;} 
    

Селектор CSS, будет меняться в зависимости от id виджета.

Смежные вопросы