Как изменить стиль маркировки на блоге Блогспот

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

Сегодня напишу о том, как изменить пункт маркированного списка стилей на блоге Блогспот, которые вы можете захотеть включить в ваш блог тоже.
 
Сегодня вы узнаете, как изменить стиль маркеров в неупорядоченные списки. Изменения совершать очень легко и вы сами сможете спроектировать так, как вы захотите. Изменить по умолчанию жирную точку, на иной стиль включает в себя изменение CSS в вашем шаблоне на Блогспот.
 
               Итак, начнем создавать свой стиль маркировки на блоге Блогспот.
 
Мы можем сделать много изменений, а чтобы посмотреть все изменения CSS стилей вы можете просматривать при создании нового поста в «Просмотре» не публикую пост. Например, мы можем выбрать стиль квадратов, или мы можем выбрать не жирную точку, или же круглую фигуру в виде баранки. Вот так.
 
1. Переходим в «Дизайн»  > «Изменить HTML»
 
2. Делаем «Резервное копирование шаблона»
 
3. Далее ищем с помощью CTRL + F следующий код  ]]></b:skin> и добавляем стили перед ним
 
1 Способ: Это замещение обычного стиля на квадратики, путем добавления данного кода:
 
.post ul li {
list-style: square;
}
 
Сохраняем шаблон и просматриваем свой блог, чтобы увидеть, как круговой маркер был заменен на квадратные.
2 Способ: Это замещение на незаполненный круг, путем добавления данного кода:
 
.post ul li {
list-style: circle;
}
 
Так же, сохраняем шаблон и наблюдаем за своим новым маркером.
 
3 Способ: Замещение на кружок с дыркой по середине (бублик), путем добавления данного кода:
 
.post ul li {
list-style: circle inside;
}
 
Сохраняем шаблон и смотрим полученное, идем дальше…
4 Способ: Углубление CSS — это возможность добавления пользовательского углубления styling в списках. Например, здесь, я добавил, 2.5em отступ, используя следующий код на круги, пример:
 
.post ul li {
list-style: circle;
margin-left: 2.5em;
}
 
Сохраняем шаблон, вы может практически не почувствуете разницу, но она есть. Поиграйте с циферками и вы это увидите.
 
5 Способ: И наиболее мне понравившийся, это замещение обычных маркеров, на рисунок. Например, на стрелку или еще что нибудь. Таким же образом добавляем код, как и все.
 
.post ul li { 
list-style: url("URLaddress ");
}
 
Только необходимо заменить URL address на  URL адреса изображения, которое вы решили использовать для своего блога.
Для примера я вам могу предложить два варианта:
 
   1. http://velozone.narod.ru/img/pointer.gif
   2. http://www.ps-ps.ru/img/strelka.jpg
 
Сохраните изменения в вашем шаблоне на Блогспот и перейдите на пост страницы для просмотра изображения из установленного маркера.
 
6 Способ: Это вовсе убрать маркировку, получается простой отступ, как Tab. Для этого добавляем следующий код:
 
.post ul li { 
list-style: none;
}
 
Сохраняем и не нуждаемся больше в маркерах.
 
Вот и все, не трудно догадаться какой вариант вам больше понравился. Так используйте его, а я с вами прощаюсь.
 
До новых статей!!!

Трекбэк с Вашего сайта.

.