Я уже рассказывал как создать красивый разделитель статей в блоге на blogspot, сегодня же хочу поведать о не менее интересной элементе, таком как обрамление статей и сайдбара. Это Вам пригодится,если Вам кажется, что статьи в Вашем блоге недостаточно разделены, либо сливаются друг с другом.
Сделать это довольно-таки просто:
1. Необходимо найти следующий скрипт в теле Вашего шаблона (сам скрипт может немного отличаться, поэтому ищите что-то подобное, возможно просто по запросу sidebar):
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
2. Теперь замените его следующим кодом:
.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
Это добавит красивый бордюр вокруг Ваших статей и сайдбара.
Исправляя данные в верхнем скрипте Вы можете изменить размеры бордюра и его цвет.
Сделать это довольно-таки просто:
1. Необходимо найти следующий скрипт в теле Вашего шаблона (сам скрипт может немного отличаться, поэтому ищите что-то подобное, возможно просто по запросу sidebar):
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
2. Теперь замените его следующим кодом:
.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
Это добавит красивый бордюр вокруг Ваших статей и сайдбара.
Исправляя данные в верхнем скрипте Вы можете изменить размеры бордюра и его цвет.
Комментарии
Отправить комментарий