https://wiki.nonip.net/index.php?action=history&feed=atom&title=Css%2Fsprite
Css/sprite - 変更履歴
2026-04-24T17:20:09Z
このウィキのこのページに関する変更履歴
MediaWiki 1.24.2
https://wiki.nonip.net/index.php?title=Css/sprite&diff=1464&oldid=prev
Admin: /* cssスプライトサンプル */
2015-08-29T17:23:22Z
<p><span dir="auto"><span class="autocomment">cssスプライトサンプル</span></span></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年8月29日 (土) 17:23時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">行3:</td>
<td colspan="2" class="diff-lineno">行3:</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>==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>==cssスプライトサンプル==</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;">画像間隔 1 px 1 px</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>  <style type="text/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>  <style type="text/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>  .spriteImg{background-image:url(sprite.png);}</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>  .spriteImg{background-image:url(sprite.png);}</div></td></tr>
</table>
Admin
https://wiki.nonip.net/index.php?title=Css/sprite&diff=1463&oldid=prev
Admin: ページの作成:「==cssスプライト作成サイト== http://kuchikomi.tim.jp/yama2/CSSSprite/CSSSprite.html ==cssスプライトサンプル== <style type="text/css"> .spriteImg{back...」
2015-08-29T17:22:54Z
<p>ページの作成:「==cssスプライト作成サイト== http://kuchikomi.tim.jp/yama2/CSSSprite/CSSSprite.html ==cssスプライトサンプル== <style type="text/css"> .spriteImg{back...」</p>
<p><b>新規ページ</b></p><div>==cssスプライト作成サイト==<br />
http://kuchikomi.tim.jp/yama2/CSSSprite/CSSSprite.html<br />
<br />
==cssスプライトサンプル==<br />
<style type="text/css"><br />
.spriteImg{background-image:url(sprite.png);}<br />
.sprite_icon_facebook_36x36_png{background-position:0px 0px;width:36px;height:36px;}<br />
.sprite_icon_google_36x36_png{background-position:0px -37px;width:36px;height:36px;}<br />
.sprite_icon_hatena_36x36_png{background-position:0px -74px;width:36px;height:36px;}<br />
.sprite_icon_line_36x36_png{background-position:0px -111px;width:36px;height:36px;}<br />
.sprite_icon_mail_36x36_png{background-position:0px -148px;width:36px;height:36px;}<br />
.sprite_icon_mixi_36x36_png{background-position:0px -185px;width:36px;height:36px;}<br />
.sprite_icon_twitter_36x36_png{background-position:0px -222px;width:36px;height:36px;}<br />
</style><br />
<br />
<-- 以下は、各行をそれぞれ画像の表示する場所へ --><br />
<img src="d.png" class="spriteImg sprite_icon_facebook_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_google_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_hatena_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_line_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_mail_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_mixi_36x36_png"><br />
<img src="d.png" class="spriteImg sprite_icon_twitter_36x36_png"></div>
Admin