Для выравнивания заголовка по центру идем в знакомую
вкладку шаблоны => Изменить HTML.
Не забывайте делать резервную копию.
Точно так же ниже производим выравнивание заголовка поста. У меня на шаблоне это выглядело вот так:
Так же прописываем text-align:center; Не забывайте ставить в конце точку с запятой и помните. что в редактировании важны все знаки.
Теперь перейдем к выравниванию заголовка боковой панели.
Не забывайте делать резервную копию.
Далее заходим в изменить HTML:

и сверху жмем на первый черный
треугольник - вот так:
В открывшемся тексте находим .Header
h1 {
сразу после скобок прописываем text-align:center;

Так же прописываем text-align:center; Не забывайте ставить в конце точку с запятой и помните. что в редактировании важны все знаки.
Если вы производите выравнивание даты поста, то тогда :
Я дату не выравнивал, потому у меня это поле пустое,
а вы если хотите. то можете там прописать либо text-align:center; или справа
text-align:rigt;
Для того, чтобы лучше понимать код, я вам рекомендую прочитать короткий пост о CSS и работе с ним.
Продолжайте экспериментировать и просматривать шаблон пока не добьетесь результата на предварительном просмотре. После этого можно сохранять внесенные изменения. И помните. что экспериментировать с настройками шаблона спокойнее, если у вас в запасе есть сохраненная копия.Теперь перейдем к выравниванию заголовка боковой панели.
Идем ниже и находим
.sidebar .widget h2 {
Прописываем text-align:center;
Для выравнивания заголовка гаджетов в футере находим
.footer-inner .widget h2 {
Прописываем то же самое text-align:center;
Вы можете не
найти у себя этих кодов, в зависимости от того. какой стиль (макет шаблона вы используете), но есть
возможность прописать это самостоятельно.
Для этого находим
внизу всех кодов CSS вот
такой код - ]]></b:skin>
и прямо перед
ним прописываем:
.sidebar .widget h2 {
background:url(http://www.fonstola.ru/large/201310/134392.jpg);
height:20px;
width: 200px;
border-radius: 13px;
margin-left: 0px;
padding-top:0px;
font-size: 16px;
text-align: center;
text-shadow: 4px 3px 0px #d2bf94;, 6px 5px 5px
rgba(0,0,0,0.10);
box-shadow: 0 4px 6px rgba(0, 0, 0, .2);}
Точно так же нужно поступить и с остальными.
Если вы хотите сделать удобную навигацию по вашему блогу. то можете начать с того, как добавить анонс сообщения на страницу вашего блога.
Пройдя по это ссылке, вы сможете узнать более подробную информацию о работе с HTML кодом.
Если вы хотите сделать удобную навигацию по вашему блогу. то можете начать с того, как добавить анонс сообщения на страницу вашего блога.
Пройдя по это ссылке, вы сможете узнать более подробную информацию о работе с HTML кодом.
Комментариев нет:
Отправить комментарий