Шаблоны для Blogger - "Цветущий сад"

понедельник, 25 мая 2009 г.

Я дано хотел заняться поиском, оптимизацией и публикацией новых интересных шаблонов для Blogger. И вот этот день пришел! Сегодня представляю Вам новый шаблон "Цветущий сад".
Этот шаблон будет интересен в первую очередь своим оформлением, т.к. сделан в ярких летних тонах. Одной из главных особенностей является анимимированная шапка блога, которая изменяется следуя движениям Вашего курсора!
Шаблон имеет фиксированную ширину, состоит из основной области, 3-х колончатого сайдбара, и такого же подвала (footer). Блоги с этим шаблоном отлично отображаются в IE7, Firefox и Opera.
Из основных достоинств блога можно выделить:
  • Полностью поддерживаемую встроенную форму комментариев.
  • Полную русификацию.
  • Готовую область для рекламных ссылок.
  • Поддержку быстрого редактирования сообщений.
  • Часть уже установленных виджетов.
  • Интегрированную систему "Read more" с изменяемой величиной.
  • Ссылки подписки на сообщения и комментарии
Чтобы разместить рекламные ссылки найдите в шаблоне строки вида:
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='http://img30.imageshack.us/img30/7716/advertise125x125copy.jpg'/></a>
Все посты блога автоматически обрезаются до 430 знаков без изображений и 340 с изображениями. Остальная часть поста ображается на его странице при переходе по ссылке "Читайте далее". Изменить эти параметры можно в стоках:
summary_noimg = 430;
summary_img = 340;
изменить ссылки навбара можно в области:
<div class='NavbarMenu'>
Надеюсь новый шаблон вам понравится! Жду комментариев (=

Пишем блог на кирпичной стене

суббота, 9 мая 2009 г.

Я уже не раз рассказывал, как разнообразить внешний вид своего блога и как сделать его отличным от основной массы. Сегодня не буду нарушать уже сложившейся традиции и опишу способ, смены фона блога на кирпичную стену (например, как тут).
Для этого необходимо в шаблоне блога найти (Ctrl+F) часть кода подобную:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #fff;
background: url('http://www.................png') repeat;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
или:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Код может не совпадать точно предложенным вариантам (все зависит от вашего шаблона), но он должен содержать стоку, начинающуюся с background: в составе блока Body {
Теперь чтобы сделать фон с первым видом кирпича (самый верхний из представленных) строчку, начинающующуся с background: замените на:
background: url('http://img237.imageshack.us/img237/5771/wall3.png') repeat;
чтобы сделать фон в виде второго  типа кирпича замените на:
background: url('http://img23.imageshack.us/img23/9195/wall1m.jpg') repeat;
третьего:
background: url('http://img413.imageshack.us/img413/6978/wall4.jpg') repeat;
и четвертого соответственно:
background: url('http://img23.imageshack.us/img23/395/wall2jig.jpg') repeat;
Если у вас вас есть другие фоны на примете, можете попробовать их.
И не заабывайте сотавлять комментарии ;)

Ярлыки: ,