S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
タイトル一覧の表示方法
ご質問いただいたので記事にて説明します。
各記事へのリンクを貼ったタイトルの一覧の作成方法ですが、
作り方は結構簡単です。サクっと出来ます。

でも・・・・人によっては激しく面倒だと感じるかもしれません。
だってこれ、別に自動生成される訳でもなく(当たり前か)
記事作成するたびにタイトルもタグで追加しなくちゃならないんですもの(笑)
なので、時々タイトルの一覧更新だけ忘れてしまうという事態も発生します (*´д`)

では説明です。
まずHTMLタグの部分ですが、

<div class="TITLE">

<ul>
<li><a href="http://lupin038.exblog.jp/1649938/" target="_top">2/13.おひさしぶりでござります </a></li>
<li><a href="http://lupin038.exblog.jp/1542010/" target="_top">1/13.eq冒険記-6</a></li>
<li><a href="http://lupin038.exblog.jp/1515154/" target="_top">1/06.スキン戻し </a></li>
<li><a href="http://lupin038.exblog.jp/1500557/" target="_top">1/01.正月らしい日</a></li>
<li><a href="http://lupin038.exblog.jp/1496241/" target="_top">12/31.eq冒険記-5 </a></li>
<li><a href="http://lupin038.exblog.jp/1496127/" target="_top">12/31.久方ぶりでございます </a></li>
     ・
     ・
     ・
</ul>

</div>

こんな感じになってます。
要はタイトル一覧を箇条書きにして、そこに各記事へのリンクを貼ってるだけですね。

で、各記事へのリンクを簡単に取得する方法ですが、
a0034157_14262335.jpg
記事を書くと上記のような日付が出ると思います。
これを右クリックして『ショートカットのコピー』をするだけでOKです。

このタグをどこに配置するかに関してですが、
デフォルトのスキンかオリジナルのスキンかによって違ってくると思います。
オリジナルの人は適当に場所を確保して配置できると思うのですが
デフォルトのスキンを使用してる場合、もうデザインが出来上がってしまってますので
メモ帳あたりにタグを貼り付けて使用するのがイイのではないかと思います。
(ただ、この方法だと横幅に限界が出てきてしまいますが・・・)



オオジロさん、ネタ提供ありがとうございました。
久々に内容のある記事が出来ました(笑)
上記の説明で何か不明な点があれば、またお気軽にご質問ください。





div.title{
width: 240px;
height: 148px;
background-color: olive;
color: white;
overflow: auto;
overflow-x: hidden;
float: right;
scrollbar-face-color: olive;
scrollbar-highlight-color: olive;
scrollbar-shadow-color: olive;
scrollbar-3dlight-color: olive;
scrollbar-arrow-color: white;
scrollbar-track-color: olive;
scrollbar-darkshadow-color: olive;
scrollbar-base-color: olive;
}

div.title a:link{
color: white;
text-decoration: none;
}
div.title a:visited{
color: white;
text-decoration: none;
}
div.title a:hover{
color: yellow;
text-decoration: none;
}


この辺はスキンに合わせて適当に設定してありますので、参考程度にお願いします。
[PR]
by lupin038 | 2005-02-15 14:48 | ブログ & スキン
total ・・・・・・・
today ・・・・
yesterday ・・・・
タグ
以前の記事
フォロー中のブログ
ライフログ
Other BLOG
Personal LINK

おまいらモチツケ
by lupin038
プロフィールを見る
画像一覧