�O���X�N���v�g�FHorizontal Archives Link

�A�[�J�C�u���X�g��^���L�c�[���̂悤�Ȑ����o�[�`���ɏ��������܂��B

����

����T���v��

��

�i���F�����N�͎��ۂ̃A�[�J�C�u�Ɉړ����܂��j

HTML

<ul id="archives">
 <!--archive-->
  <li><a href="<%archive_link>" title="<%archive_count>���̋L��">
<%archive_year>�N<%archive_month>��(<%archive_count>)</a></li>
 <!--/archive-->
</ul>
<script type="text/javascript">
 horizontal( 'archives' );
</script>

CSS�i���j

/* �X�N���v�g�I�t�̊ϗ��ł����X�g�̍������ł��邾���}�������ꍇ */
ul#archives {
list-style-type: none;
}
ul#archives li {
display: inline;
margin-right: 1em;
}
ul.horizon li {
display: block;
}

/* �X�N���v�g�I�t�̏ꍇ�ɂ͕\�������Ȃ��ꍇ
�i�ʓr�A�[�J�C�u�ւ̃����N���K�v�ɂȂ�܂��j */
ul#archives {
display: none;
}
ul.horizon {
display: block;
}

���ӓ_

�A�[�J�C�u���X�g��ul�v�f�Ń}�[�N�A�b�v����Ă��āA�eli�v�f�ɂЂƂ‚���a�v�f�����邱�Ƃ������̃X�N���v�g�ł��B�idl�o�[�W�������������邩���j

�X�^�C���V�[�g��id: archives�܂���className: .horizon�����łɎg�p����Ă���ꍇ�͓K�X�ҏW���Ă��������B

�_�E�����[�h

> horizon.js

�A�b�v���[�h

  1. �hFC2�Ǘ���ʁh���h�t�@�C���̃A�b�v���[�h�h�i�c�[���j���h�A�b�v���[�h����t�@�C���̑I���h �Ɛi�݁Ajs�t�@�C�����A�b�v���[�h���܂��B
  2. �h�t�@�C�����h�Łh���̃t�@�C���ŃG���g���[�h��I�����N���b�N�B�V���������J���A���e���Ɉȉ��̂悤�ȃR�[�h���������܂�܂��B
    <a href="http://blogNO.fc2.com/ID�̈ꕶ����/ID/file/horizon.js" target="_blank">fold.js</a>
    ���̃t�@�C����http://blogNO.fc2.com/ID�̈ꕶ����/ID/file/horizon.js�̕������������Ă����܂��B
  3. �hFC2�Ǘ���ʁh���h�e���v���[�g�̐ݒ�h�i�‹��ݒ�j���h�e���v���[�g�̕ҏW�h �Ɛi�݁A���ݑI������Ă���X�^�C���̏C�����J���܂��B
  4. �hHTML�̕ҏW�h�̗����ȉ��̂悤�ɕҏW���܂��B�i�K�{�j
    <head>
    <meta http-equiv="content-type" content="text/html; charset=euc-jp" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- �lj����� �n�܂�-->
    <meta http-equiv="content-script-type" content="text/javascript" />
    <!-- �lj����� �I���-->
    <link href="<%css_link>" rel="stylesheet" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
    <!-- �lj����� �n�܂�-->
    <script src="http://blogNO.fc2.com/ID�̈ꕶ����/ID/file/horizon.js" type="text/javascript" charset="euc-jp"></script>
    <!-- �lj����� �I���-->
    <title><%blog_name><%sub_title></title>

�e���v���[�g��HTML�ҏW����HTML���R�s�[�A���h�y�[�X�g���āh�N�h�h���h�Ȃǃ����N�������ҏW���Ċ����ł��B

�쐬�� 2005-04-26

©2004-2005 FC2