https://wiki.nonip.net/index.php?action=history&feed=atom&title=Cms%2Fpukiwiki%2Fmonobook%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%8C%96
Cms/pukiwiki/monobookレスポンシブ化 - 変更履歴
2026-04-18T20:01:28Z
このウィキのこのページに関する変更履歴
MediaWiki 1.24.2
https://wiki.nonip.net/index.php?title=Cms/pukiwiki/monobook%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%8C%96&diff=955&oldid=prev
2015年5月19日 (火) 23:05に36.55.238.17による
2015-05-19T23:05:54Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2015年5月19日 (火) 23:05時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">行7:</td>
<td colspan="2" class="diff-lineno">行7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>headタグ内に追加</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>headタグ内に追加</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <<nowiki />meta name="viewport" content="width=device-width, initial-scale=1.0"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>  <<nowiki />link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>  <<nowiki />link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>  <<nowiki />link rel="stylesheet" type="text/css" media="screen" href="<?php echo SKIN_DIR ?>monobook/bootstrap_return.css" /></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>  <<nowiki />link rel="stylesheet" type="text/css" media="screen" href="<?php echo SKIN_DIR ?>monobook/bootstrap_return.css" /></div></td></tr>
</table>
36.55.238.17
https://wiki.nonip.net/index.php?title=Cms/pukiwiki/monobook%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%8C%96&diff=950&oldid=prev
2015年5月19日 (火) 20:12に127.0.0.1による
2015-05-19T20:12:08Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2015年5月19日 (火) 20:12時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">行61:</td>
<td colspan="2" class="diff-lineno">行61:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   略</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   略</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==<del class="diffchange diffchange-inline">コンテンツフッターにスマホ時にページ遷移用のメニューを追加</del>==</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins class="diffchange diffchange-inline">スマホ時のコンテンツフッターにページタイトルを追加</ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></div></td></tr>
</table>
127.0.0.1
https://wiki.nonip.net/index.php?title=Cms/pukiwiki/monobook%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%8C%96&diff=556&oldid=prev
127.0.0.1: ページの作成:「pukiwikiのmonobookテーマをレスポンシブにします。 monobookスキン以外でも概念は同じなのでこんな感じで組み込めば良い。 ==boots...」
2015-05-19T18:13:51Z
<p>ページの作成:「pukiwikiのmonobookテーマをレスポンシブにします。 monobookスキン以外でも概念は同じなのでこんな感じで組み込めば良い。 ==boots...」</p>
<p><b>新規ページ</b></p><div>pukiwikiのmonobookテーマをレスポンシブにします。<br />
<br />
monobookスキン以外でも概念は同じなのでこんな感じで組み込めば良い。<br />
<br />
==bootstrapのcssを追加==<br />
*monobook.skin.php<br />
<br />
headタグ内に追加<br />
<<nowiki />link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"><br />
<<nowiki />link rel="stylesheet" type="text/css" media="screen" href="<?php echo SKIN_DIR ?>monobook/bootstrap_return.css" /><br />
<br />
==bootstrapしたが故の変更を戻すcss==<br />
*bootstrap_return.css<br />
body {<br />
font: x-small sans-serif;<br />
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;<br />
color: black;<br />
}<br />
@media (max-width: 991px) {<br />
#main-column {<br />
margin-left: 0em;<br />
}<br />
#menubar-footer {<br />
font-size:16px<br />
}<br />
}<br />
<br />
==menubarをスマホ時に隠す==<br />
hidden-xs hidden-smを以下場所に追加<br />
<<nowiki />div id="globalWrapper"><br />
<<nowiki />div class="hidden-xs hidden-sm"><br />
<<nowiki />div id="menubar"><br />
<?php echo $menu ?><br />
</div><br />
</div><br />
<<nowiki />div><br />
<br />
==navigaterをスマホ時に隠す==<br />
hidden-xs hidden-smを以下場所に追加<br />
<<nowiki />div class="hidden-xs hidden-sm"><br />
<?php echo $navigation_tab ?><br />
</div><br />
<br />
==コンテンツフッターにスマホ時にメニューを表示==<br />
</div><br />
</div><br />
</div><br />
<<nowiki />!-- add --><br />
<<nowiki />div class="visible-xs-block visible-sm-block"><br />
<<nowiki />div id="menubar-footer"><br />
<?php echo $menu ?><br />
</div><br />
</div><br />
<<nowiki />!-- /add --><br />
<?php if($side) echo '<<nowiki />div id="sidebar">' . $side . '</div>' ?><br />
<br />
==フッターは幅がでかいのでスマホ時に消す==<br />
footerをhidden-xs hidden-smで囲む<br />
<<nowiki />div class="hidden-xs hidden-sm"><br />
<<nowiki />div id="footer"><br />
略<br />
<br />
==コンテンツフッターにスマホ時にページ遷移用のメニューを追加==<br />
</div><br />
</div><br />
</div><br />
<<nowiki />!-- add --><br />
<<nowiki />div class="visible-xs-block visible-sm-block" align="center"><br />
メニュー<<nowiki />br /><br />
<?php echo $bread_title ?><br />
<<nowiki />hr /><br />
</div><br />
<<nowiki />!-- /add --></div>
127.0.0.1