-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
142 lines (134 loc) · 9.74 KB
/
index.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blogger Cheat Sheet</title>
<link href="assets/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid orange" name="Top">
<div class="container">
<h1 class="header">Blogger Cheat Sheet <small>Russia</small></h1>
</div>
</div>
<div class="container bottom-30">
<div class="well">Список id и классов, используемых в стандартных и кастомных шаблонах <a href="https://www.blogger.com/about" class="black" target="_blank" rel="noopener">Blogger</a>.</div>
<ul class="head-content">
<li><a class="button" href="#layout">Общие блоки</a></li>
<li><a class="button" href="#comment">Комментарии</a></li>
<li><a class="button" href="#header">Заголовок</a></li>
<li><a class="button" href="#post">Записи</a></li>
<li><a class="button" href="#status-bar">Инфопанель</a></li>
<li><a class="button" href="#gadget-widget">Гаджеты/виджеты</a></li>
</ul>
<div class="row">
<div class="col-md-4">
<h3 id="layout">Общие блоки</h3>
<ul class="list-unstyled">
<li class="content"><kbd>#navbar-iframe</kbd> - панель навигации Blogger</li>
<li class="content"><kbd>#outer-wrapper</kbd> - блок для всего блога</li>
<li class="content"><kbd>#header-wrapper</kbd> - блок для верхней части блога</li>
<li class="content"><kbd>#content-wrapper</kbd> - блок для записей и боковой колонки</li>
<li class="content"><kbd>#main-wrapper</kbd> - блок для записей</li>
<li class="content"><kbd>#sidebar-wrapper</kbd> - блок для боковой колонки</li>
<li class="content"><kbd>#footer-wrapper</kbd> - блок для нижней части блога</li>
<li class="content"><kbd>.header</kbd> - область для гаджетов в верхней части блога</li>
<li class="content"><kbd>.main</kbd> - область гаджета записей блога</li>
<li class="content"><kbd>.sidebar</kbd> - область для гаджетов в боковой колонке</li>
<li class="content"><kbd>.footer</kbd> - область для гаджетов в нижней части блога</li>
</ul>
<h3 id="comment">Комментарии</h3>
<ul class="list-unstyled">
<li class="content"><kbd>#comments</kbd> - блок для комментариев и формы для их добавления</li>
<li class="content"><kbd>#comments h4</kbd> - заголовок со количеством комментариев</li>
<li class="content"><kbd>dl.comments-block</kbd> - блок для одного комментария</li>
<li class="content"><kbd>.comment-author</kbd> - автор комментария</li>
<li class="content"><kbd>.comment-body</kbd> - текст комментария</li>
<li class="content"><kbd>.comment-footer</kbd> - нижняя часть комментария с дополнительной информацией</li>
<li class="content"><kbd>.comment-timestamps</kbd> - дата и время публикации комментария</li>
<li class="content"><kbd>.comment-form</kbd> - блок для формы добавления комментариев</li>
<li class="content"><kbd>h4.comment-post-message</kbd> - заголовок перед формой добавления</li>
</ul>
</div>
<div class="col-md-4">
<h3 id="post">Записи</h3>
<ul class="list-unstyled">
<li class="content"><kbd>.post</kbd> - блок для записи</li>
<li class="content"><kbd>.post-title</kbd> - заголовок записи</li>
<li class="content"><kbd>.post-header-line-1</kbd> - информация о записи под заголовком (дата и время публикации, автор, местоположение, прочее)</li>
<li class="content"><kbd>.date-header</kbd> - дата публикации</li>
<li class="content"><kbd>.post-author</kbd> - автор записи</li>
<li class="content"><kbd>.post-timestamp</kbd> - время публикации</li>
<li class="content"><kbd>.post-label</kbd> - ярлыки, указанные для записи</li>
<li class="content"><kbd>.comment-link</kbd> - ссылка на форму для добавления комментариев</li>
<li class="content"><kbd>.post-backlinks</kbd> - отслеживание записи</li>
<li class="content"><kbd>.star-ratings</kbd> - рейтинг записи</li>
<li class="content"><kbd>.reaction-buttons</kbd> - оценка зиписи</li>
<li class="content"><kbd>.post-location</kbd> - местоположение записи</li>
<li class="content"><kbd>.post-body</kbd> - текст записи</li>
<li class="content"><kbd>.post-footer</kbd> - информация о записи под контентом (ярлыки, автор, местоположение, прочее)</li>
<li class="content"><kbd>#blog-pager</kbd> - блок для ссылок навигации между записями</li>
<li class="content"><kbd>.blog-page-older-link</kbd> - ссылка на старые записи</li>
<li class="content"><kbd>.blog-page-newer-link</kbd> - ссылка на новые записи</li>
<li class="content"><kbd>.home-link</kbd> - ссылка на домашнюю страницу</li>
<li class="content"><kbd>.feed-links</kbd> - ссылки подписки на новые записи (Atom, RSS)</li>
</ul>
<h3 id="status-bar">Инфопанель</h3>
<ul class="list-unstyled">
<li class="content"><kbd>.status-msg-wrap</kbd> - блок для инфопанели</li>
<li class="content"><kbd>.status-msg-body</kbd> - текст инфопанели</li>
<li class="content"><kbd>.status-msg-border</kbd> - блок с границей инфопанели</li>
</ul>
</div>
<div class="col-md-4">
<h3 id="header">Заголовок</h3>
<ul class="list-unstyled">
<li class="content"><kbd>#header-inner</kbd> - блок для виджета заголовка блога</li>
<li class="content"><kbd>h1.title</kbd> - заголовок блога</li>
<li class="content"><kbd>p.description</kbd> - описание блога</li>
</ul>
<h3 id="gadget-widget">Гаджеты/виджеты</h3>
<ul class="list-unstyled">
<li class="content"><kbd>.widget</kbd> - блок для всего виджета</li>
<li class="content"><kbd>.widget-content</kbd> - содержиоме виджета</li>
<li class="content"><kbd>.widget h2</kbd> - заголовок виджета</li>
<li class="content"><kbd>.Label</kbd> - виджет списка ярлыков</li>
<li class="content"><kbd>.BlogArchive</kbd> - виджет архива</li>
<li class="content"><kbd>.Poll</kbd> - виджет опроса</li>
<li class="content"><kbd>.VideoBar</kbd> - виджет видео</li>
<li class="content"><kbd>.SlideShow</kbd> - виджет слайдшоу</li>
<li class="content"><kbd>.Image</kbd> - виджет изображения</li>
<li class="content"><kbd>.AdSense</kbd> - виджет AdSense</li>
<li class="content"><kbd>.Text</kbd> - виджет текста</li>
<li class="content"><kbd>.HTML</kbd> - виджет HTML</li>
<li class="content"><kbd>.CustomSearch</kbd> - виджет поиска</li>
<li class="content"><kbd>.Followers</kbd> - виджет подписчиков (vGoogle Friend Connect)</li>
<li class="content"><kbd>.Profile</kbd> - виджет профиля автора</li>
<li class="content"><kbd>.BloggerButton</kbd> - виджет кнопки "Powered by Blogger"</li>
<li class="content"><kbd>.Subscribe</kbd> - виджет кнопок подписки на блог</li>
<li class="content"><kbd>.NewsBar</kbd> - виджет для "Google Новости"</li>
<li class="content"><kbd>.Feed</kbd> - виджет ссылки подписки на блог</li>
<li class="content"><kbd>.LinkList</kbd> - виджет списка ссылок</li>
<li class="content"><kbd>.BlogList</kbd> - виджет списка ссылок на блоги</li>
</ul>
</div>
</div>
<div class="container-fluid">
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">© 2018 | <a href="http://web-xaser.mit-license.org" class="inspired" target="_blank" rel="noopener">MIT License</a> | Вдохновлено <a href="https://github.com/fatonio/blogger-cheat-sheet-id" class="inspired" target="_blank" rel="noopener">fatonio</a></div>
<div class="col-md-6"><span class="pull-right">Размещено на GitHub | <a href="#Top" class="Top">Наверх</a></span> </div>
</div>
</div>
</footer>
</div>
</body>
</html>