Top
ご訪問ありがとうございマス!!
ブログちょこちょこ再開予定です。
みなさま、またよろしくお願いします☆

↑デザイン・アート部門
最高記録10位です☆
++最新の記事++
9/14【映画を観る】
NANA
9/14【雑記】
脳みそゲーム
9/13【愛犬と暮らす】
こんなに大きく
9/12【あなたとわたし】
ハッピーサマーウェディング♪
7/9【オンナの愉しみ】
エスニックブーム
7/2【あなたとわたし】
もめごと
6/21【あなたとわたし】
やきもち
6/20【映画を観る】
交渉人 真下正義
6/7【オンナの愉しみ】
10年ぶり
6/5【あなたとわたし】
すきなひと
6/4【あなたとわたし】
ふわふわ
6/1 【デザインとアート】 +others+
かたちあるもの
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
Category
【あなたとわたし】
恋愛のコト、友達のコト。

【本を読む】
オススメ度と感想。

【音を楽しむ】
お気に入りのオンガク。

【映画を観る】
観るものは偏りがち。

【ブログ試行錯誤】
初心者なりの
スキンいぢり挑戦談。

【愛犬と暮らす】
わんこの話題。

【デザインとアート】
インテリアとか、
雑貨とか、好きな物。

【オンナの愉しみ】
美容、食べ物とか
ファッションのこととか。

【日々想うこと】
心の整理と日記

【雑記】
どうでもいいこと。
Comment
最新のコメント
cheap cheap
by FywAjata at 00:56
Greetings, ..
by Investblogger at 17:28
Ladies and G..
by Investblogger at 14:14
hypnotherapy..
by elizabeth at 06:22
[url=http://..
by orielmilm at 03:58
penis enlarg..
by hypnothera at 02:51
Recently fr..
by arabic fre at 01:02
[url=http://..
by orielmilm at 22:38
hypnotherapy..
by hypnothera at 14:31
Most downlo..
by boost free at 13:00
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
Trackback
最新のトラックバック
watch Enemy ..
from movies review
Manchurian C..
from historical rev..
divx Hostage..
from uk film reviews
online Kanga..
from reviews of cur..
download thi..
from movie trailer ..
download a M..
from Download New M..
Mousehunt ip..
from review movies ..
Mousehunt ip..
from review movies ..
Birds, The v..
from movie trailers
download new..
from movies reviews..
Link
【動作確認】
Internet Explorer6.0/Netscape7.1
Opera7.53/Firefox 1.0
IE以外ご利用の方で
文字が見にくい方は
表示→文字のサイズなどで
変更してご覧下さい。
お手数をおかけします。
【トラックバックをする際のお願い】
アフィリエイト目的だと判断した
トラバは削除させて頂いております。
トラックバックは大歓迎ですが、
記事の中で紹介・もしくは
コメントがない場合も内容を確かめた上で
削除する場合があります。ご了承下さい。
皆さんネットマナーを守って
楽しくインターネットをしましょうよ(懇願)
++ 見やすいカテゴリー欄を作る ++
スキン編集の応用編第1弾。

内容
 カテゴリー名だけが並んでいる既存のカテゴリーの代わりに
 全ての記事のリンクをコンパクトに表示出来る手打ちカテゴリーを作ります。

良いところ
 閲覧者の希望の記事を、記事のタイトルを見て探してもらえるので、
 閲覧者の誘導がしやすくなります。

注意点
 今までの記事数が多い人は作るのが大変です。
 また、更新作業が面倒。

対応ブラウザ
Internet Explorer6.0:○
Netscape7.1:○
Opera7.53:○
Firefox 1.0:○

準備
 まず、全ての記事のURLを調べながら進めて行くので、
 ブラウザを2つ立ち上げます。

 1つは記事管理の画面に。
 もう一つはスキン編集の画面にしておいてください。



++続き++


カテゴリーを表示したいところを決めます。

<$calender$>→カレンダー
<$menuright$>→右側のメニュー
<$menuleft$>→左側のメニュー
<$description$>→自己紹介の部分
<$post$>→投稿部分
これらの上下に設定することが多いと思いますので、好きな位置で。
位置が決まったら、以下のように入力します。

HTML編集→メイン編集
<div class="MN_R">
<div class="MNTTL_R">カテゴリ</div>

/*他のメニューと属性(テキストの色、大きさ)を統一するために設定します。
  左メニュー使用の方は"MN_L" "MNTTL_L"です。*/

<a href="http://trickycat.exblog.jp/i4">
【カテゴリー名】</a><br />
カテゴリーについての一言など書いてます。なくてもOK<br />

/*http://~は、カテゴリーのURLです。
別ブラウザで開いてる記事管理画面からそのカテゴリーに
カーソルを合わせて、プロパティを見るとURLが記載されています。*/

<div class="任意のクラス名">
<a href="http://trickycat.exblog.jp/411260">
記事のタイトル1</a><br />
<a href="http://trickycat.exblog.jp/329771">
記事のタイトル2</a><br />
</div></div><br />

/*http://~は記事のURLです。
別ブラウザから各記事のプロパティを確認してコピー&ペーストします。*/

これを記事の数分だけやるので初めは大変です(・・;)
HTML画面は完了。
次にCSS画面で各記事のスクロールやテキストの定義をします。

CSS編集
div.任意のクラス名{/*上記のクラス名*/
WIDTH : 130PX; /*横幅の指定*/
HEIGHT:35PX; /*縦幅の指定*/

overflow-x:hidden;
overflow-y:auto;
overflow:auto

/*Y(縦)方向にはみ出したときにスクロールするという意味です。*/

font-size:x-small;
line-height : 120%;
padding:3px 0px 3px 3px;
border:#9999CC solid 1px;}

/*テキスト、余白、枠線などお好みで指定してください。*/

これで、設定は完了です。

ただ、多少スタイルシートの知識がないと
毎回の更新に苦労するかもしれないです。
試行錯誤してみてください☆
[PR]
by trickycat | 2004-10-04 23:53 | ブログ試行錯誤 ▲page top▲