質問編集履歴

2

コードの書き換え

2019/02/01 06:42

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,9 @@
18
18
 
19
19
 
20
20
 
21
+ ```CSS
22
+
21
- ```style.css(変更前)
23
+ style.css(変更前)
22
24
 
23
25
  /*--------------------------------
24
26
 
@@ -74,7 +76,9 @@
74
76
 
75
77
 
76
78
 
79
+ ```CSS
80
+
77
- ```style.css(変更後)
81
+ style.css(変更後)
78
82
 
79
83
  /*--------------------------------
80
84
 
@@ -138,7 +142,9 @@
138
142
 
139
143
 
140
144
 
145
+ ```PHP
146
+
141
- ```st-kanricss.php(変更前)
147
+ st-kanricss.php(変更前)
142
148
 
143
149
  /*--------------------------------
144
150
 
@@ -198,7 +204,9 @@
198
204
 
199
205
 
200
206
 
207
+ ```PHP
208
+
201
- ```st-kanricss.php(変更後)
209
+ st-kanricss.php(変更後)
202
210
 
203
211
  /*--------------------------------
204
212
 

1

試してみた内容とコードを追記

2019/02/01 06:42

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,250 @@
12
12
 
13
13
 
14
14
 
15
+ とりあえずstyle.cssの「PCレイアウト(左サイドバー)」のところを以下の様に変えてみましたが、
16
+
17
+ 特に変化がありませんでした。
18
+
19
+
20
+
21
+ ```style.css(変更前)
22
+
23
+ /*--------------------------------
24
+
25
+ PCのレイアウト(左サイドバー)
26
+
27
+ ※st-kanricss.phpで制御されています
28
+
29
+
30
+
31
+ #contentInner {
32
+
33
+ float: right;
34
+
35
+ width: 100%;
36
+
37
+ margin-left: -320px;
38
+
39
+ }
40
+
41
+
42
+
43
+ main {
44
+
45
+ margin-right: 0px;
46
+
47
+ margin-left: 320px;
48
+
49
+ background-color: #fff;
50
+
51
+ border-radius: 4px;
52
+
53
+ -webkit-border-radius: 4px;
54
+
55
+ -moz-border-radius: 4px;
56
+
57
+ padding: 30px 50px 30px;
58
+
59
+ }
60
+
61
+
62
+
63
+ #side aside {
64
+
65
+ float: left;
66
+
67
+ width: 300px;
68
+
69
+ ---------------------------------*/
70
+
71
+
72
+
73
+ ```
74
+
75
+
76
+
77
+ ```style.css(変更後)
78
+
79
+ /*--------------------------------
80
+
81
+ PCのレイアウト(左サイドバー)
82
+
83
+ ※st-kanricss.phpで制御されています
84
+
85
+
86
+
87
+ #contentInner {
88
+
89
+ float: right;
90
+
91
+ width: 60%;/* 100 --> 60 */
92
+
93
+ margin-left: -220px;/* -320 --> -220 */
94
+
95
+ }
96
+
97
+
98
+
99
+ main {
100
+
101
+ margin-right: 0px;
102
+
103
+ margin-left: 220px;/* 320 --> 220 */
104
+
105
+ background-color: #fff;
106
+
107
+ border-radius: 4px;
108
+
109
+ -webkit-border-radius: 4px;
110
+
111
+ -moz-border-radius: 4px;
112
+
113
+ padding: 30px 50px 30px;
114
+
115
+ }
116
+
117
+
118
+
119
+ #side aside {
120
+
121
+ float: left;
122
+
123
+ width: 200px;/* 300 --> 200 */
124
+
125
+ ---------------------------------*/
126
+
127
+
128
+
129
+ ```
130
+
131
+
132
+
133
+ 次にstyle.cssのコメント「st-kanricss.php」を確認した所、「PCのレイアウト(左サイドバー)」の箇所があり、
134
+
135
+ こちらを同じように変えてみたところ、サイドバーの幅は狭くなりましたが、合せて記事エリアの幅も狭くなって
136
+
137
+ しまいました。(サードバーと記事エリアの間隔が広くなった)
138
+
139
+
140
+
141
+ ```st-kanricss.php(変更前)
142
+
143
+ /*--------------------------------
144
+
145
+ PCのレイアウト(左サイドバー)
146
+
147
+ ---------------------------------*/
148
+
149
+
150
+
151
+ #contentInner {
152
+
153
+ float: right;
154
+
155
+ width: 100%;
156
+
157
+ margin-left: -320px;
158
+
159
+ }
160
+
161
+
162
+
163
+ main {
164
+
165
+ margin-right: 0px;
166
+
167
+ margin-left: 320px;
168
+
169
+ background-color: #fff;
170
+
171
+ border-radius: 4px;
172
+
173
+ -webkit-border-radius: 4px;
174
+
175
+ -moz-border-radius: 4px;
176
+
177
+ padding: 30px 50px 30px;
178
+
179
+ }
180
+
181
+
182
+
183
+ #side aside {
184
+
185
+ float: left;
186
+
187
+ width: 300px;
188
+
189
+ padding: 0px;
190
+
191
+ }
192
+
193
+
194
+
195
+
196
+
197
+ ```
198
+
199
+
200
+
201
+ ```st-kanricss.php(変更後)
202
+
203
+ /*--------------------------------
204
+
205
+ PCのレイアウト(左サイドバー)
206
+
207
+ ---------------------------------*/
208
+
209
+
210
+
211
+ #contentInner {
212
+
213
+ float: right;
214
+
215
+ width: 60%;/* 100 --> 60 */
216
+
217
+ margin-left: -220px;/* -320 --> -220 */
218
+
219
+ }
220
+
221
+
222
+
223
+ main {
224
+
225
+ margin-right: 0px;
226
+
227
+ margin-left: 220px;/* 320 --> 220 */
228
+
229
+ background-color: #fff;
230
+
231
+ border-radius: 4px;
232
+
233
+ -webkit-border-radius: 4px;
234
+
235
+ -moz-border-radius: 4px;
236
+
237
+ padding: 30px 50px 30px;
238
+
239
+ }
240
+
241
+
242
+
243
+ #side aside {
244
+
245
+ float: left;
246
+
247
+ width: 200px;/* 300 --> 200 */
248
+
249
+ padding: 0px;
250
+
251
+ }
252
+
253
+
254
+
255
+ ```
256
+
257
+
258
+
15
- アドバイス等を頂けると非常に助かります。
259
+ PHPに関して余り詳しくない為、アドバイス等を頂けると非常に助かります。
16
260
 
17
261
  よろしくお願い致します。