teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

写真追加

2017/02/10 11:28

投稿

revoiot
revoiot

スコア188

title CHANGED
File without changes
body CHANGED
@@ -424,4 +424,5 @@
424
424
 
425
425
 
426
426
 
427
- ![イメージ説明](f6c456b24d9f1468b6cbfc4b9191b132.png)
427
+ ![イメージ説明](f6c456b24d9f1468b6cbfc4b9191b132.png)
428
+ ![イメージ説明](dcda4d584bb0499c9b6b759f8f2eec76.png)

1

詳細情報追加

2017/02/10 11:28

投稿

revoiot
revoiot

スコア188

title CHANGED
File without changes
body CHANGED
@@ -11,16 +11,417 @@
11
11
 
12
12
 
13
13
 
14
+ **HTML**
15
+ ```ここに言語を入力<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
16
+ <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
17
+ <head>
18
+ <title>京都一の美容院 美容所joze & ARCH OF JOZE 烏丸御池</title>
19
+ <link rel="stylesheet" href="style.css" type="text/css">
20
+ <meta http-equiv="Content-Style-Type" content="text/css" charset="UTF-8">
21
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
22
+ <link rel="canonical" href="http://home.rasysa.com/joze//" />
23
+ <meta name="google-site-verification" content="90gP3x903Ua67pxDZYw1bEZEahbU6ZMV04ttkuUdU8A" />
24
+ <meta name="Description" content="経験豊富な若手の男女スタッフが、お客様の思い通りのヘアスタイルを実現します" />
25
+ <meta name="Keywords" content="美容院,カラー,ヘッドスパ,烏丸御池" />
26
+ <script>
27
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
28
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
29
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
30
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
31
+ ga('create', 'UA-42814292-1', 'home.rasysa.com');
32
+ ga('send', 'pageview');
33
+ </script>
34
+ </head>
35
+ <body>
36
+ <div id="fb-root">
37
+ </div>
38
+ <script>(function(d, s, id) {
39
+ var js, fjs = d.getElementsByTagName(s)[0];
40
+ if (d.getElementById(id)) return;
41
+ js = d.createElement(s); js.id = id;
42
+ js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8";
43
+ fjs.parentNode.insertBefore(js, fjs);
44
+ }(document, 'script', 'facebook-jssdk'));</script>
14
45
 
46
+ <div id="wrapper">
47
+ <div id="header">
48
+ <div class="header-bloc clearfix">
49
+ <div class="header_L">
50
+ <h2>経験豊かなスタッフがリラックスした空間をお届けします</h2>
51
+ <h1> <a href="index.html"><img src="img/logo.png" alt="jozeのロゴ"></a></h1>
52
+ </div>
53
+ <div class="header_center">
54
+ <img src="img/campaign.png" alt="ホームページ限定キャンペーン">
55
+ </div>
56
+ <div class="header_R">
57
+ <p class ="ph">075-746-3155</p>
58
+ <p class="ad">京都府京都市中京区室町通り御池上る
59
+ <br>御池の町324-1御池幸登ビル2F
60
+ </p>
61
+ <p class = "sd">営業時間: 8:00~19:00</p>
62
+ <p class = "bg">定休日:火曜日</p>
63
+ </div>
64
+ </div><!--header-bloc-end-->
65
+ </div><!--header-end-->
15
66
 
67
+ <div id="container">
68
+ <div id="side2">
69
+ <div class="menu_navo">
70
+ <p class="menutitlo"></p>
71
+ <ul>
72
+ <li class = "facebook" ><iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fjoze.beauty%2F&width=50px&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId" width="50px" height="30" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></li>
73
+ <li class = "facebook2">もしよければいいねボタン押してみてください!</li>
74
+ <li class ="qr"><img src="qr.png" alt="QRコード" class ="qrcode">美容所 joze&ARCH OF JOZE 烏丸御池店のケイタイ</li>
75
+ </ul>
76
+ <li class = "ek"><img src="Reviews.gif" alt="口コミ" class ="Reviews" >口コミランキング<br>1位獲得!</li>
77
+ </div><!--/menu_navi-->
78
+ </div>
16
79
 
80
+ <div id="inner-container">
17
81
 
18
82
 
83
+ <div id="side" class="clearfix">
84
+ <div class="menu_navi">
85
+ <p class="menutitle"><img src="img/menu.png" alt="メニュー">
86
+ </p>
87
+ <ul>
88
+ <li>
89
+ <a href="index.html"><img src="img/top-menu.png" alt="トップ">
90
+ </a>
91
+ </li>
92
+ <li>
93
+ <a href="charge.html"><img src="img/course.png" alt="コース・料金案内">
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="access.html"><img src="img/access.png" alt="アクセス">
98
+ </a>
99
+ </li>
100
+ </ul>
101
+ </div><!--/menu_navi-->
102
+ <p class="L_cy_box"></p>
103
+ <p class="L_cy_box">
104
+ ■詳しくはNEWS & TOPIXをご覧ください。 <br>
105
+ ■お客様からのお電話をお待ちしております <br>
106
+ tel : 075-746-3155 <br>
107
+ </p>
108
+
109
+ a:link {
110
+ color:#0962ad;
111
+ border:0;
112
+ }
19
113
 
114
+ a:visited {
115
+ }
20
116
 
21
117
 
22
118
 
119
+ .header-bloc{
120
+ margin-left:auto;
121
+ margin-right:auto;
122
+ height:104px;
123
+ width:904px;
124
+ }
23
125
 
24
126
 
127
+ .header_L{
128
+ width:350px;
129
+ margin:0 0 0 15px;
130
+ padding:4px 0 0 0;
131
+ float:left;
132
+ }
25
133
 
134
+ .header_R{
135
+ width:220px;
136
+ padding-left: 20px;
137
+ margin-right:13px;
138
+ float:right;
139
+ text-align:right;
140
+ }
141
+
142
+ .header_center{
143
+ margin-left: auto; margin-right: auto;
144
+ float: left;
145
+ padding-top: 25px;
146
+ padding-left:35px;
147
+ width: 200px;
148
+ }
149
+
150
+
151
+
152
+ #header h2{
153
+ font-size:11px;
154
+ color:#8d8d8d;
155
+ font-weight:lighter;
156
+ }
157
+
158
+
159
+ #container{
160
+ width:1007px;
161
+ margin:0 auto;
162
+ background:#fff;
163
+ }
164
+
165
+
166
+ #inner-container {/*新規:main/sideをまとめて右へ*/
167
+ float:right;
168
+ width:888px;
169
+ }
170
+
171
+
172
+
173
+ #main{
174
+ float:left;
175
+ width:650px;
176
+ height:1453px;
177
+ margin-bottom:100px;
178
+ }
179
+
180
+ #side{
181
+ float:right;
182
+ width:200px;
183
+ margin-right:30px;
184
+ }
185
+
186
+ #side2{
187
+ float:left;
188
+ width:104px;
189
+ }
190
+
191
+
192
+
193
+ /* メニューバー */
194
+
195
+
196
+
197
+ li { list-style:none; }
198
+
199
+ .menu_navi{
200
+ width:200px;
201
+
202
+
203
+
204
+ .color_1{
205
+ color:#eb6100;
206
+ font-size:14px;
207
+ }
208
+
209
+ .color_m{
210
+ color:#a40000;
211
+ }
212
+
213
+ .color_2{
214
+ color:#eb6100;
215
+ }
216
+
217
+
218
+
219
+ .pd1{
220
+ padding-top:5px;
221
+ }
222
+
223
+
224
+ .content_box{
225
+ width:750px;
226
+ height:658px;
227
+ margin:32px 0 0 0;
228
+ color:#313131;
229
+ padding-left:30px;
230
+ }
231
+
232
+ .title_line{
233
+ height:4px;
234
+ background: url("img/tw_line.png") bottom repeat-x;
235
+ margin:3px 0 0 0;
236
+ }
237
+
238
+
239
+ h3{
240
+ font-size:24px;
241
+ line-height:30px;
242
+ /*font-weight:bold;*/
243
+ color:#2a2a2a;
244
+ }
245
+
246
+ .content-tex{
247
+ width:100%;
248
+ margin-top:14px;
249
+ font-size:21px;
250
+ line-height:31px;
251
+ font-weight:lighter;
252
+ }
253
+
254
+
255
+
256
+
257
+
258
+
259
+
260
+
261
+ #footer{
262
+ clear:both;
263
+ background-image: url("img/footer-bg.gif") ;
264
+ background-repeat: repeat-x;
265
+ text-align:left;
266
+ height:126px;
267
+
268
+ }
269
+
270
+
271
+ #footer_topbg{
272
+ background: url("img/footer-bg-top.png") no-repeat center;
273
+ width:1152px;
274
+
275
+ margin:0 auto;
276
+ position:relative; top:3px; left:0;
277
+ }
278
+
279
+
280
+ #footer-area{
281
+ margin-left:auto;
282
+ margin-right:auto;
283
+ width:904px;
284
+ margin-bottom:18px;
285
+ }
286
+
287
+
288
+
289
+ .tex-hu-ri{
290
+ width:294px;
291
+ font-size:12px;
292
+ padding-top:22px;
293
+ padding-left:18px;
294
+ text-align:center;
295
+ color:#aaaaaa;
296
+ margin-left:auto;
297
+ margin-right:auto;
298
+
299
+ }
300
+
301
+ .hutter-copy-tex{
302
+ clear:both;
303
+ padding-top:18px;
304
+ width:370px;
305
+ text-align:center;
306
+ font-weight:lighter;
307
+ color:#8B4513;
308
+ font-size:13px;
309
+ margin-left:auto;
310
+ margin-right:auto;
311
+ }
312
+
313
+
314
+ .tex-hu-ri a:link{
315
+ color:#A0522D;
316
+
317
+ text-decoration: none;
318
+ }
319
+
320
+ .tex-hu-ri a:visited{
321
+ color:#A0522D;
322
+ text-decoration: none;
323
+ }
324
+
325
+
326
+
327
+ .tex-hu-ri a:hover{
328
+ color:#A0522D;
329
+
330
+ }
331
+
332
+
333
+
334
+ #footer li{
335
+ float:left;
336
+ }
337
+
338
+
339
+ /*下層ページ*/
340
+
341
+
342
+
343
+ .charge_tb{
344
+ width:100%;
345
+ border:2px solid #f93f9f;
346
+ background:#fff ;
347
+ border-radius: 10px; /* CSS3草案 */
348
+ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
349
+ -moz-border-radius: 10px; /* Firefox用 */
350
+ }
351
+
352
+
353
+ .charge_tit{
354
+ width:100%;
355
+ height:51px;
356
+ background:#fbd1d7;
357
+
358
+ border-top-left-radius: 10px;
359
+ border-top-right-radius: 10px;
360
+ -webkit-border-top-left-radius: 10px;
361
+ -webkit-border-top-right-radius: 10px;
362
+ -moz-border-radius-topleft: 10px;
363
+ -moz-border-radius-topright: 10px;
364
+
365
+ }
366
+
367
+ /*
368
+ .charge_tb td{
369
+ border-bottom:1px solid #f93f9f;
370
+ padding:17px;
371
+ }
372
+ */
373
+
374
+ .chtd-1{
375
+ border-right:1px solid #f93f9f;
376
+ border-bottom:1px solid #f93f9f;
377
+ padding:14px 16px;
378
+ }
379
+
380
+ .chtd-2{
381
+ border-bottom:1px solid #f93f9f;
382
+ padding:14px 0;
383
+ }
384
+
385
+
386
+ .f_bl{
387
+ color:#00a0e9;
388
+ font-size:28px;
389
+ }
390
+
391
+
392
+
393
+ .op-tit{
394
+ font-size:26px;
395
+ color:#a40000;
396
+ padding-bottom: 14px;
397
+ padding-top: 5px;
398
+ font-family: "A-OTF フォーク Pro", "Arial", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
399
+ text-align:left;
400
+
401
+ }
402
+
403
+
404
+
405
+ コード
406
+ ```
407
+
408
+
409
+ Atom version 1.14.1です。
410
+
411
+ OSのバージョンは
412
+ Microsoft Windows [Version 10.0.14393]
413
+ (c) 2016 Microsoft Corporation. All rights reserved.です。
414
+
415
+
416
+
417
+
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
26
427
  ![イメージ説明](f6c456b24d9f1468b6cbfc4b9191b132.png)