Translate

Поиск по этому блогу

суббота, 27 февраля 2016 г.

Выравнивание заголовка и названия блога по центру.

    Для выравнивания заголовка по центру идем в знакомую вкладку шаблоны => Изменить HTML.
Не забывайте делать резервную копию.
Далее заходим в изменить 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 кодом.
                                           

Комментариев нет:

Отправить комментарий



Хотите освоить самые современные методы написания React приложений? Надоели простые проекты? Нужны курсы, книги, руководства, индивидуальные занятия по React и не только? Хотите стать разработчиком полного цикла, освоить стек MERN, или вы только начинаете свой путь в программировании, и не знаете с чего начать, то пишите через форму связи, подписывайтесь на мой канал в Телеге, вступайте в группу на Facebook.Пишите мне - kolesnikovy70 почта gmail.com