Question

У меня шапка сайта состоит из двух надписей: «Одесский национальный политехнический университет» и «Кафедра тепловых электростанций и энергосберегающих технологий». При изменении цвета и размера шрифта изменяются они обе вместе.

Как сделать так, чтобы первая надпись была меньшим шрифтом и синего цвета, а вторая большим, но черного?

И можно ли поменять фон шапки на какой-нибудь другой цвет или на какую-нибудь картинку?

Answer 1

В шапке сайта найдите код:

 

код

<span class="site-n">
<a href="http://teset.at.ua/">
<!-- <logo> --><!-- <logo> -->
Одесский национальный политехнический университет
Кафедра тепловых электростанций и энергосберегающих технологий
<!-- </logo> --><!-- </logo> --></a>
</span>

замените на следующий:

 

код

<span class="site-n">
<a href="http://teset.at.ua/">
<!-- <logo> -->
<p style="color:blue!important;font-size: 30px!important;">Одесский национальный политехнический университет</p>
<p style="color:black!important;">Кафедра тепловых электростанций и энергосберегающих технологий</p>
<!-- </logo> -->
</a>
</span>

размер шрифта вместо 30 пропишите свой.

Comments

Спасибо.  Но теперь между надписями большой интервал, это можно как-то изменить?  И Вы не ответили: можно ли поменять фон шапки?

---

Денис Пирковский,

По интервалу, в стили пропишите:

.site-n p {line-height:0.8;}

вместо 0.8 пишите какой интервал вам нужен. Фон в стилях в строке 8 меняется:

header{border-bottom:3px solid #212121;background: red;}

красное добавьте, вместо red пропишите нужный вам фон, цвет подобрать можете на сайте http://www.color-hex.com/

В том случае если на фон хотите картинку прописать, тогда стили:

header{border-bottom:3px solid #212121;background: red;}

замените на:

header{border-bottom:3px solid #212121;background: url(ссылка на фото фона шапки сайта)no-repeat 0%0%/cover;}

---

Yuri_Geruk,

Спасибо, разобрался.

Answer 2

<div class="logotext1"> «Одесский национальный политехнический университет»</div>
<div class="logotext2">«Кафедра тепловых электростанций и энергосберегающих технологий»</div>

В ксс пишем это...

.logotext1 {color:red;}

.logotext2 {color:green;}

Comments

Спасибо, разобрался.