2007–01–05 ¡ÊFri¡Ë 21:48
¥È¥Ã¥×¥Ú¡¼¥¸¤Ë¤½¤Î¤Þ¤Þ¥É¡¼¥ó¤ÈÃÖ¤¯¤Î¤â²¿¤Ê¤Î¤Ç¡¢
ÊÌ¥Ú¡¼¥¸¤Ë¥ê¥ó¥¯¤¹¤ë·Á¤ÇÃÖ¤¤¤Æ¤ß¤Þ¤·¤¿¡£
¾¤ÎÊý¤ÎÀßÃÖ²èÌ̤ò¸«½¬¤¤¤Ä¤Ä¡¢HTML¤ÈCSS¥Õ¥¡¥¤¥ë¤ò¤½¤ì¤¾¤ìºî¤Ã¤Æ¤¤¤Þ¤¹¡£
Äɵ°Ê²¼¤ÎÀâÌÀ¤ò»²¹Í¤Ë¤·¤Ê¤¬¤é³Æ¥Õ¥¡¥¤¥ë¤ò½ñ¤´¹¤¨¤¿¸å¡¢¸æ¼«Ê¬¤Î¥Ö¥í¥°¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Æ¤¯¤À¤µ¤¤¡£
¡ãÃí°Õ¡ä Äɵ°Ê²¼¤Î²òÀâ¤Ï¡¢FC2¥Ö¥í¥°¥æ¡¼¥¶¡¼¤ËÂбþ¤·¤¿ÊýË¡¤Ç¤¹¡£
¾¤Î¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤Ê¤É¤Ç¡¢ÌÜŪ¤Î·ë²Ì¤¬ÆÀ¤é¤ì¤ë¤«¤É¤¦¤«¤ÏÉÔÌÀ¤Ç¤¹¡£¡Ê²èÁü¥Õ¥¡¥¤¥ë¤Î³°Éô¸Æ½Ð¤·¤Ï¶Ø»ß¤µ¤ì¤Æ¤¤¤ë¤¿¤á¡£¡Ë¾¤Î¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤ò¤´ÍøÍѤÎÊý¤Ï¡¢¡Ö¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤ÎÊݸʸ»ú¥³¡¼¥É¡×¡Ö²èÁü¥Õ¥¡¥¤¥ë¡×¤Ê¤É¤ò¡¢¸æ¼«Ê¬¤Î¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤ËÂбþ¤·¤¿¤â¤Î¤ËÃÖ¤´¹¤¨¤Æ¡¢ºîÀ®¤·¤Æ¤¯¤À¤µ¤¤¡£
¾¤Î¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤ò¤ª»È¤¤¤ÎÊý¤ÏÆÃ¤Ë¡¢¼¡¤ÎÅÀ¤ËÃí°Õ¤·¤Æ¤¤¤¿¤À¤¯É¬Íפ¬Í¤ê¤Þ¤¹¡£
¡ÖHTML¥Õ¥¡¥¤¥ë¡×¡ÖCSS¥Õ¥¡¥¤¥ë¡×¤Î³ÆËÁƬÉôʬ¤Ç»ØÄꤷ¤Æ¤¢¤ëʸ»ú¥³¡¼¥É¡ÖEUC-JP¡×¤Ï¡¢FC2¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤ËÂбþ¤·¤¿¥³¡¼¥É¤Ç¤¹¡£¸½ºß¤ª»È¤¤¤Î¥Ö¥í¥°¥µ¡¼¥Ó¥¹¤ÇÂбþ¤·¤Æ¤¤¤ëʸ»ú¥³¡¼¥É¡ÊÎã¡§Shift-JIS¤Ê¤É¡Ë¤òÄ´¤Ù¡¢É¬¤º¤½¤Á¤é¤Ë½ñ¤´¹¤¨¤ë¤è¤¦¤Ë¤·¤Æ¤¯¤À¤µ¤¤¡£
ºî¶È¤Î¼ê½ç ¡§
- windows·Ï¤Ê¤éTeraPad¤Þ¤¿¤Ï¥µ¥¯¥é¥¨¥Ç¥£¥¿¡¢Mac·Ï¤ÎÊý¤Ê¤émi¤Ê¤É¤Î¡¢EUC-JP·Á¼°¤ËÂбþ¤Ç¤¤ë¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤òµ¯Æ°¤·¤Þ¤¹¡£¡ÊFC2¥Ö¥í¥°¤ò¤´ÍøÍѤÎÊý¤Ï¡¢¡Ö¥Ç¡¼¥¿¤Î¥Ð¥Ã¥¯¥¢¥Ã¥×¡×¤Î²èÌ̲¼¤«¤é³Æ¥¨¥Ç¥£¥¿¤Î¥À¥¦¥ó¥í¡¼¥É¤¬¤Ç¤¤Þ¤¹¡£¡Ë
- HTML¥Õ¥¡¥¤¥ë¡¢CSS¥Õ¥¡¥¤¥ë¶¦¤ËÏÈÆâ¤ò¥³¥Ô¥Ú¤ÇOK¡£EUCÂбþ¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤ÇÊÔ½¸¤·¡¢Êݸ¤·¤Þ¤¹¡£
- ¥Õ¥¡¥¤¥ë¤ÎËöÈø¤Ë¤¢¤ë³ÈÄ¥»Ò.txt ¤ò.html¤Ë¡¢¤Þ¤¿¤Ï.css¤Ë¡¢¤½¤ì¤¾¤ì½ñ¤´¹¤¨¤Æ¤¯¤À¤µ¤¤¡£
- ¼«Ê¬¤Î¥Ö¥í¥°¡Ê´ÉÍý¼Ô¥Ú¡¼¥¸¡Ë¤Î¥¢¥Ã¥×¥í¡¼¥É²èÌ̤«¤é¡¢³Æ¥Õ¥¡¥¤¥ë¤ò¥¢¥Ã¥×¤·¤Þ¤¹¡£¡ÊCSS¤ò¥Ç¥Õ¥©¥ë¥ÈÀßÄê¤Î¤Þ¤Þ»ÈÍѤ¹¤ë¾ì¹ç¡¢CSS¥Õ¥¡¥¤¥ë¤Î¥¢¥Ã¥×¥í¡¼¥É¤ÏÉÔÍפǤ¹¡£¡Ë
- ¥¢¥Ã¥×¥í¡¼¥É¤·¤¿¥Õ¥¡¥¤¥ë¤Î¤¦¤Á¡¢HTML¥Õ¥¡¥¤¥ë¤Î¡Öɽ¼¨¡×¤È¤¤¤¦Ê¸»ú¥ê¥ó¥¯¤ò¥¯¥ê¥Ã¥¯¤·¡¢¤¤Á¤ó¤Èɽ¼¨¤µ¤ì¤Æ¤¤¤ì¤ÐOK¤Ç¤¹¡£
- ¤´¼«Ê¬¤¬¥ê¥ó¥¯¤µ¤»¤¿¤¤Ç¤°Õ¤Î¾ì½ê¤Ë¡¢¼«¥Ö¥í¥°¤Ë¥¢¥Ã¥×¤·¤¿HTML¥Õ¥¡¥¤¥ë¤Î¥Õ¥ë¥Ñ¥¹¤òµ½Ò¤·¤Æ¡¢<a href="HTML¥Õ¥¡¥¤¥ë¤Î¥Õ¥ë¥Ñ¥¹" target="_blank">Blog Battler</a>¤Ê¤É¤È¤Ê¤ë¤è¤¦¡¢¥ê¥ó¥¯¤òޤê¤Þ¤¹¡£
¡ãα°ÕÅÀ-£±¡ä
»ä¤Î»×¤¤°ã¤¤¤«¤â¤·¤ì¤Þ¤»¤ó¤¬¡¢ÉáÄ̤Υƥ¥¹¥È¥¨¥Ç¥£¥¿¡Ê¥á¥âÄ¢¤Ê¤É¡Ë¤ÇÊÔ½¸¤·¤¿¥Õ¥¡¥¤¥ë¤ò¤½¤Î¤Þ¤Þ¥¢¥Ã¥×¤·¤¿¤é¡¢HTMLÃæ¤Î¡Ö¥Ö¥í¥°¥¿¥¤¥È¥ë¡×¤ä¡Ö¾Ò²ðʸ¡×¡Ö¹àÌÜ̾¡×¡ÖBlog Battler ²¼¤Îʸ¡×¤Ê¤É¤Î¡¢ÆüËܸì¤ÎÉôʬ¤¬Ê¸»ú²½¤±¤·¤¿¤è¤¦¤Ë»×¤¦¡Ê±Ñ»úÉôʬ¤Ïʸ»ú²½¤±¤·¤Ê¤«¤Ã¤¿¡Ë¤Î¤Ç¡¢°ì±þEUC·Á¼°¤ËÂбþ¤·¤¿¥¨¥Ç¥£¥¿¤ÇÊÔ½¸→¥¢¥Ã¥×¥í¡¼¥É¤È¤¤¤¦¼ê½ç¤ò¼è¤ê¤Þ¤·¤¿¡£
¡ãα°ÕÅÀ-£²¡ä
EUC·Á¼°Âбþ¤Î¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤Ï¡¢¤¢¤é¤«¤¸¤á¡Öɽ¼¨¡×¤Î¡Ö¥ª¥×¥·¥ç¥ó¡×¤Ê¤É¤Ç¡¢¡ÖÊݸʸ»ú¥³¡¼¥É¡×¤Î¼ïÎà¤ò¡ÖEUC¡×¤ËÀßÄꤷ¤Æ¤ª¤¤¤Æ¤¯¤À¤µ¤¤¡£
HTML¥Õ¥¡¥¤¥ë¡§
¥Ô¥ó¥¯¡¦¥°¥ê¡¼¥ó¡¦¥Ö¥ë¡¼¤ÎÉôʬ¤Ï¡¢¤½¤ì¤¾¤ì¸æ¼«Ê¬¤Î¾ðÊó¤Ë½ñ¤´¹¤¨¤Æ¤¯¤À¤µ¤¤¡£Blog Battler ¤Î¥¹¥¯¥ê¥×¥Èľ²¼¤Îʸ¤â¡¢Å¬µ¹¸æ¼«Ê¬¤Î¤ª¹¥¤ß¤Î¤â¤Î¤Ë½ñ¤´¹¤¨¤Æ¤¯¤À¤µ¤¤¡£
CSS¥Õ¥¡¥¤¥ë¤ò¸æ¼«Ê¬ÆÈ¼«¤Î¤â¤Î¤ËÊѹ¹¤¹¤ë¾ì¹ç¡¢¥ª¥ì¥ó¥¸¤ÎÉôʬ¤ò¼«Ê¬¤Ç¥¢¥Ã¥×¥í¡¼¥É¤·¤¿CSS¥Õ¥¡¥¤¥ë¤Î¥Õ¥ë¥Ñ¥¹¤ËÊѹ¹¤·¤Æ¤¯¤À¤µ¤¤¡£
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="author" content="¼«Ê¬¤Î̾Á°" />
<meta name="description" content="¼«Ê¬¤Î¥Ö¥í¥°¤Î¾Ò²ðʸ" />
<title>¥Ö¥í¥°¥¿¥¤¥È¥ë</title>
<link rel="stylesheet" type="text/css" href="http://blog27.fc2.com/h/hakoirisakura/file/wired_battler.css" media="screen,tv" title="¥Ç¥Õ¥©¥ë¥È" />
<link rel="alternate" type="application/rss+xml" href="¼«Ê¬¤Î¥Ö¥í¥°¥¢¥É¥ì¥¹?xml" title="RSS" />
<link rel="top" href="¼«Ê¬¤Î¥Ö¥í¥°¥¢¥É¥ì¥¹" title="¥È¥Ã¥×" />
</head>
<body>
<div id="wrapper"><!--wrapper-->
<div id="header"><!--header-->
<h1 class="site-tittle"><a href="¼«Ê¬¤Î¥Ö¥í¥°¥¢¥É¥ì¥¹" accesskey="0" title="¼«Ê¬¤Î¥Ö¥í¥°¥¿¥¤¥È¥ë">¥Ö¥í¥°¥¿¥¤¥È¥ë</a></h1>
<p class="site_info">¼«Ê¬¤Î¥Ö¥í¥°¤Î¾Ò²ðʸ</p>
</div><!--/header-->
<div id="master-column" class="column"><!--master-column-->
<div class="section3">
<h2 class="plugin_area">¹àÌܤʤɤÎʸ</h2>
<div class="entry-body2">
¡Á¤³¤³¤Ë¡¢ÅÐÏ¿¥µ¥¤¥È¤«¤éÆþ¼ê¤·¤¿¼«Ê¬¤Î¥¹¥¯¥ê¥×¥È¥¿¥°¤òޤêÉÕ¤±¤ë¡Á
<br /><br />¥³¥á¥ó¥È¤Ê¤É¤´¤¶¤¤¤Þ¤·¤¿¤é¡¢<a href="¼«Ê¬¤Î¥Ö¥í¥°Æâ¤Î´ØÏ¢µ»ö¤Ê¤É¤Î¥¢¥É¥ì¥¹">´ØÏ¢µ»ö¤Î¥¿¥¤¥È¥ë</a> ¤È¤¤¤¦µ»ö¤Î¥³¥á¥ó¥ÈÍó¤Þ¤Ç¤É¤¦¤¾¡£
</div>
</div>
</div><!--/master-column-->
<div id="footer"><!--footer-->
<div id="ads">copyright © 2007 ¼«Ê¬¤Î¥Ö¥í¥°Ì¾ all rights reserved.<br />Powered By <a href="http://blog.fc2.com/" target="_blank">FC2 blog</a> / Template design by <a href="http://emeraldmountain.blog11.fc2.com/" target="_blank">¢¡ ¼ã´³ÇÑÔÒ ¢¡</a>
</div>
</div><!--/footer-->
<!--/wrapper-->
</div>
</body>
</html>
¡ãα°ÕÅÀ-£³¡ä
¤Ç¤¤ì¤Ð¡¢¥Æ¥ó¥×¥ì¡¼¥È¤ÎÃøºî¸¢É½¼¨¤È¡¢Powered by FC2 ¤ÎÉôʬ¤Ïºï½ü¤·¤Ê¤¤¤Ç¤¯¤À¤µ¤¤¡£CSS¤ò¤¤¤¸¤Ã¤Æ¡¢²èÁü¤«¤é²¿¤«¤éÁ´¤Æºî¤êÊѤ¨¤Æ¤·¤Þ¤Ã¤¿¾ì¹ç¤Ï¡¢¤½¤Î¸Â¤ê¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡£¡Ê¤¿¤À¤·¡¢¤³¤ÎBlog Battler ÀßÃÖ¾ì½ê¤Î¥Ç¥¶¥¤¥ó¤Ë¸Â¤ê¤Þ¤¹¡£¡Ë
CSS¥Õ¥¡¥¤¥ë¡§
¥ª¥ì¥ó¥¸¿§¤ÎÉôʬ¤Ï¡¢¸æ¼«Ê¬¤Ç¹¥¤ß¤Î²èÁü¤ËÆþ¤ìÂØ¤¨¤Æ¤¯¤À¤µ¤¤¡£¡Ê¤â¤Á¤í¤ó¡¢¤½¤Î¤Þ¤Þ¤Ç¤âOK¤Ç¤¹¡£¡Ë
01·î06ÆüÄɵ→bodyÇØ·Ê²èÁü¤ò¡¢¥Õ¥¡¥¤¥ë¥µ¥¤¥º¾®¤µ¤á¤Îʪ¤ËÊѹ¹¤·¤Þ¤·¤¿¡£¡Êɽ¼¨¤Î·ÚÎ̲½¡Ë
@charset "EUC-JP";
/* Á´ÂÎŪ¤ÊÀßÄê--------------------------------------------- */
* { margin: 0;
padding: 0;
font-style: normal;
font-weight: normal; }
html { scrollbar-track-color: #222;
scrollbar-face-color: #000;
scrollbar-arrow-color: #4242ff;
scrollbar-3dlight-color: #333;
scrollbar-darkshadow-color: #444;
scrollbar-highlight-color: #777;
scrollbar-shadow-color: #555; }
body { color: #fff;
background-color: #000;
background-image: url("http://blog11.fc2.com/e/emeraldmountain/file/kalos_1_12_700_cm.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
line-height: 150%;
font-size: 12px;
text-align: center;
font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; }
html>body { font-size: 12px; }
textarea { width: 90%; }
/* ¥ê¥ó¥¯¤ÎÀßÄê
------------------------------------------------------------ */
a { text-decoration: none;
color: #9191ff; }
a:hover { color: #4242ff;
background-color: #222; }
a img { border-style: none;
border-width: 0px;
text-decoration: none; }
/*--- ¸«½Ð¤·¤ÎÀßÄê ---*/
h2, h3 { color: #fff; }
h4, h5, h6 { font-size: 12px; }
/* ¥ì¥¤¥¢¥¦¥È¤ÎÀßÄê
------------------------------------------------------------ */
div#wrapper { width: 541px;
margin-left: auto;
margin-right: auto;
text-align: left; }
div#header { width: 541px;
height: 100px;
margin: 0px;
padding: 0px;
background-color: transparent;
text-align: left; }
div.column { margin: 0px; }
/* master-column
-------------------------------------------------------------*/
div#master-column { margin: 0 auto;
text-align: center;
padding: 0px;
width : 541px; }
html>body div#master-column { width: 541px; }
/* footer¤ÎÀßÄê
------------------------------------------------------------ */
div#footer { clear: both;
text-align: center;
margin-bottom: 0px;
padding-top: 6px;
width: 541px;
height: 60px;
background-color: transparent; }
/* header
------------------------------------------------------------ */
div#header h1 a { text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: bold; }
div#header h1 a:hover { text-decoration: none;
color: #7171ff;
background-color: #333; }
html>body div#header h1 a { font-size : 20px;}
.site-tittle { margin : 0px;
padding-top: 20px;
text-align : left; }
.site_info { margin: 0px;
padding-top: 15px;
text-align: left;
font-size: 12px;
font-weight: normal;
color: #fff;
line-height: 150%; }
html>body .site_info { font-size : 12px;
line-height: 150%; }
/* master-column
------------------------------------------------------------ */
/*--- ¹àÌÜ̾¡Ü¥³¥ó¥Æ¥ó¥ÄÁ´ÂΤΥµ¥¤¥º ---*/
div.section3 { width: 541px;
margin: 0px auto; }
/*--- ¹àÌÜ̾¤ÎÀßÄê ---*/
div#master-column h2.plugin_area {
width: 541px;
height: 38px;
margin-bottom: 10px;
padding-top: 11px;
background : url("http://blog11.fc2.com/e/emeraldmountain/file/dot541x38p-2f.gif") top left no-repeat;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff; }
html>body div#master-column h2.plugin_area { font-size: 14px; }
/*--- ¥³¥ó¥Æ¥ó¥Ä¤ÎÀßÄê ---*/
div.entry-body2 { margin: 0px auto;
text-align: center;
padding: 10px 25px 10px;
line-height: 150%; }
html>body div.entry-body2 { line-height: 150%; }
/* footerÆâ¤ÎÀßÄê
------------------------------------------------------------*/
div#ads { margin-top: 5px;
padding: 0px;
font-size: 10px;
line-height: 150%;
color: #eee; }
div#ads a { margin-top: 5px;
padding: 0px;
font-size: 10px;
color: #eee; }
div#ads a:hover{ color: #5252ff;
background-color: #222; }