Отправляет email-рассылки с помощью сервиса Sendsay

Blogger без проблем

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Блогосфера: продвижение сайта и многое другое" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Декабрь 2009   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Провинциальный программист

Статистика

127 подписчиков
0 за неделю
←   Все выпуски   →

__ISSUE__


Каркас стандартного шаблона Blogger

Внести изменения в стандартный шаблон Blogger и настроить его на свой вкус, в принципе, доступно любому пользователю. Но прежде чем начать это делать, необходимо разобраться в основах устройства стандартных шаблонов Blogger. Для этого Вам потребуются хотя бы элементарные знания HTML и CSS. Если у Вас пробелы в этой области знаний, могу Вам порекомендовать посетить сайт htmlbook.ru - написано толково и доступно.

На сегодняшний день Blogger предлагает пользователям 38 встроенных шаблонов. Все шаблоны построены с помощью блочной верстки, то есть на элементах div. Если Вы посмотрите код любого из встроенных шаблонов (да еще включив при этом флажок «Расширить шаблоны виджета»), то сначала Вы можете почувствовать себя плохо от обилия div-блоков и описания стилей CSS. Но не спешите опускать руки. Основных элементов, определяющих структуру шаблона, не так уж много. Расположение их в большинстве шаблонов (не во всех) примерно одинаково. Схематически структуру блоков можно представить следующим образом.

Структура блоков в стандартном шаблоне Blogger

Outer-wrapper, header-wrapper, content-wrapper, main-wrapper, sidebar-wrapper и footer-wrapper - это идентификаторы id элементов div. Блоки, помеченные на схеме голубым цветом, содержат в себе секции <b:section>. А секции в шаблонах Blogger, как известно, являются контейнерами виджетов (гаджетов).

Теперь давайте заглянем в html-код шаблона и посмотрим, как все это выглядит в коде. Флажок "Расширить шаблоны виджета" должен быть выключен. Сначала посмотрим описание тела body шаблона (на примере встроенного шаблона Minima):

<body>
<div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
        <a href='#main'>skip to main </a> |
        <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
        <b:section class='header'
id='header' maxwidgets='1' showaddelement='no'>
            <b:widget id='Header1' locked='true' title='Minima (заголовок)' type='Header'/>
        </b:section>
    </div>

    <div id='content-wrapper'>
        <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol'/>
        </div>
        <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
                <b:widget id='Blog1' locked='true' title='Сообщения блога' type='Blog'/>
            </b:section>
        </div>
        <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes' />
        </div>
        <!-- spacer for skins that
want sidebar and main to be the same height-->
        <div class='clear'> </div>
    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
        <b:section class='footer' id='footer'/>
    </div>

</div></div> <!-- end outer-wrapper -->
</body>

Читать далее »

Blogger без проблем
Copyright (C) 2009. Все права защищены.
В избранное