質問編集履歴

2

コードの追記

2017/10/21 08:35

投稿

heroherotail
heroherotail

スコア17

test CHANGED
File without changes
test CHANGED
@@ -79,3 +79,141 @@
79
79
 
80
80
 
81
81
  ![イメージ説明](2e7b4c2387d04c751c967f8b5f8be0c2.png)
82
+
83
+ ```
84
+
85
+
86
+
87
+ #### 追記 10/21 17:35
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+ ```html
96
+
97
+ <!doctype html>
98
+
99
+ <html>
100
+
101
+ <head>
102
+
103
+ <meta charset="utf-8">
104
+
105
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
106
+
107
+
108
+
109
+ <title>reveal.js</title>
110
+
111
+
112
+
113
+ <link rel="stylesheet" href="css/reveal.css">
114
+
115
+ <link rel="stylesheet" href="css/theme/serif.css">
116
+
117
+
118
+
119
+ <!-- Theme used for syntax highlighting of code -->
120
+
121
+ <link rel="stylesheet" href="lib/css/zenburn.css">
122
+
123
+
124
+
125
+ <!-- Printing and PDF exports -->
126
+
127
+ <script>
128
+
129
+ var link = document.createElement( 'link' );
130
+
131
+ link.rel = 'stylesheet';
132
+
133
+ link.type = 'text/css';
134
+
135
+ link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
136
+
137
+ document.getElementsByTagName( 'head' )[0].appendChild( link );
138
+
139
+ </script>
140
+
141
+ </head>
142
+
143
+ <body>
144
+
145
+ <div class="reveal">
146
+
147
+ <div class="slides">
148
+
149
+ <section data-markdown="math_test.md" data-separator="^\n---\n$"></section>
150
+
151
+ </div>
152
+
153
+ </div>
154
+
155
+
156
+
157
+ <script src="lib/js/head.min.js"></script>
158
+
159
+ <script src="js/reveal.js"></script>
160
+
161
+
162
+
163
+ <script>
164
+
165
+ // More info about config & dependencies:
166
+
167
+ // - https://github.com/hakimel/reveal.js#configuration
168
+
169
+ // - https://github.com/hakimel/reveal.js#dependencies
170
+
171
+ Reveal.initialize({
172
+
173
+ math: {
174
+
175
+ mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js',
176
+
177
+ config: 'TeX-AMS_HTML-full'
178
+
179
+ },
180
+
181
+ dependencies: [
182
+
183
+ { src: 'plugin/markdown/marked.js' },
184
+
185
+ { src: 'plugin/markdown/markdown.js' },
186
+
187
+ { src: 'plugin/notes/notes.js', async: true },
188
+
189
+ { src: 'plugin/math/math.js', async: true},
190
+
191
+ { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
192
+
193
+ ]
194
+
195
+ });
196
+
197
+ </script>
198
+
199
+ </body>
200
+
201
+ </html>
202
+
203
+
204
+
205
+ ```
206
+
207
+
208
+
209
+ reveal.cssの方のコピペは著作権的にアウトだと思うのでリンクを張ります
210
+
211
+ [reveal.css](https://github.com/hakimel/reveal.js/blob/master/css/reveal.css)
212
+
213
+
214
+
215
+ また,ここのソースコードをもとに改変を進めています
216
+
217
+ ここでは上記の部分以外の変更をしていません
218
+
219
+ [serif.css](https://github.com/hakimel/reveal.js/blob/master/css/theme/serif.css)

1

追記

2017/10/21 08:35

投稿

heroherotail
heroherotail

スコア17

test CHANGED
File without changes
test CHANGED
@@ -33,3 +33,49 @@
33
33
  }
34
34
 
35
35
  ```
36
+
37
+
38
+
39
+ #### 追記 10/21 17:09
40
+
41
+ 上記コードはこんなふうに動いています
42
+
43
+ ![イメージ説明](6d1e595b2166a983559ef8788916c220.png)
44
+
45
+
46
+
47
+
48
+
49
+ 以下のコードだと一番上に表示されますが,ワンテンポずれて表示されます
50
+
51
+
52
+
53
+ ```css
54
+
55
+ .reveal h3 {
56
+
57
+ position: fixed;
58
+
59
+ top: 0;
60
+
61
+ width: 100;
62
+
63
+ padding: 0;
64
+
65
+ border: 0;
66
+
67
+ margin: 0;
68
+
69
+ text-align: left;
70
+
71
+ color: #FFFFFF;
72
+
73
+ background-color: #0040FF;
74
+
75
+ font-size: 1.55em;
76
+
77
+ }
78
+
79
+
80
+
81
+ ![イメージ説明](2e7b4c2387d04c751c967f8b5f8be0c2.png)