Как внести изменения в название сайта (шрифт и расположение слогана в одну строку)?

Голоса: +1
Адрес сайта zhukovanat.ucoz.net
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: +3
 
Лучший ответ

1. Чтобы не было в 3-4 строки, найдите в таблице стилей СSS строку номер 57:

.logo {
 width: 35%; измените на 72
 float: left;
 background: url('/.s/t/1256/3.png') left center no-repeat;
 padding: 0 0 0 60px;
 min-height: 47px;
 }

размер шрифта меняем в строке номер 64:

.logo h1 {
 font-size: 180%;
 padding: 0;
 margin: 10px 0 5px 0;
 color: #fff;
 font-weight: normal;
 line-height: 1em;
 }

вот именно в строке 61 в этих стилях вы можете прописать свой шрифт, для слогана сайта, как это сделать читаем в материале - http://htmlbook.ru/css/font-family

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Помогите все вернуть обратно!!!

вы в строке номер 57 допустили ошибку в таблице стилей:

.logo  {
 width: 72%; хотите вернуть назад поставьте вместо 72 как и было 32
 float: left;
 background: url('/.s/t/1256/3.png') left center no-repeat;
 padding: 0 0 0 60px;
 min-height: 47px;
 }

выделил красным, вы удалили фигурную кавычку в стилях это важная кавычка, если удалить может исказиться дизайн.

Спасибо! Все получилось.

Одной строкой получается некрасиво. Так как сделать в 2 или 3 строки?

Найдите в верхней части сайта - http://zhukovanat.ucoz.net/panel/?a=tmpl;m=1;t=AHEADER подобный код:

<h1><a href="http://zhukovanat.ucoz.net/" title="Home" id="logo-lnk">
<!-- <logo> -->Сайт учителя русского языка и литературы Жуковой Натальи Юрьевны<!-- </logo> --></a>
</h1>

замените на:

<h1><a href="http://zhukovanat.ucoz.net/" title="Home" id="logo-lnk">
<!-- <logo> -->Сайт учителя русского языка и литературы<br> Жуковой Натальи Юрьевны<!-- </logo> --></a>
</h1>

после в той же строке 57 в таблице стилей, произведите изменения замените стили:

.logo  {
 width: 32%; 
 float: left;
 background: url('/.s/t/1256/3.png') left center no-repeat;
 padding: 0 0 0 60px;
 min-height: 47px;
 }

 на:

.logo{ 
 height: 90px;
 float: left;
 background: url('/.s/t/1256/3.png') left center no-repeat;
 padding: 0 0 0 60px;
 min-height: 47px;
 }

должно получится вот так:

...