人気ブログランキング | 話題のタグを見る
total・・・・・・・・・
yesterday・・
today・・・・・・・・
更新履歴&お知らせ
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

Top | 管理 | RSS | Log-out |
かたつむり


日記、おいしく作れた料理、ちょっとしたスキン編集、関ジャニ∞のことを載せているブログ。最近は子供のことも。
by ayamori メールはこちらへ

以前の記事
'12
1 2 3 4 5 6 7 8 9 10 11 12
'11
1 2 3 4 5 6 7 8 9 10 11 12
'10
1 2 3 4 5 6 7 8 9 10 11 12
'09
1 2 3 4 5 6 7 8 9 10 11 12
'08
1 2 3 4 5 6 7 8 9 10 11 12
'07
1 2 3 4 5 6 7 8 9 10 11 12
'06
1 2 3 4 5 6 7 8 9 10 11 12
'05
1 2 3 4 5 6 7 8 9 10 11 12
'04
12

Click for Tokyo, Japan Forecast

【QR code】
おいしいたのしい毎日のQRコード
Excite Blog
        
チビアヤ成長記録
最新のトラックバック
タグ
その他のジャンル
最新の記事
京都大阪2日目
at 2019-07-07 21:32
京都大阪旅行1日目
at 2019-07-06 23:04
ランチ
at 2019-07-05 14:02
5年生の宿泊合宿
at 2019-06-20 18:57
ヒヨドリ
at 2019-06-16 21:45
以前の記事
2019年 07月
2019年 06月
2019年 05月
2019年 04月
2019年 03月
2019年 02月
2019年 01月
2018年 12月
2018年 09月
2018年 05月
2018年 04月
2018年 02月
2017年 11月
2017年 10月
2017年 09月
2017年 08月
2017年 07月
2017年 03月
2017年 02月
2017年 01月
2016年 12月
2016年 11月
2016年 10月
2016年 06月
2016年 05月
2016年 04月
2016年 03月
2016年 02月
2016年 01月
2015年 12月
2015年 11月
2015年 10月
2015年 09月
2015年 08月
2015年 07月
2015年 06月
2015年 05月
2015年 04月
2015年 03月
2015年 02月
2015年 01月
2014年 12月
2014年 11月
2014年 10月
2014年 09月
2014年 08月
2014年 07月
2014年 06月
2014年 05月
2014年 04月
2014年 03月
2014年 02月
2014年 01月
2013年 12月
2013年 11月
2013年 10月
2013年 09月
2013年 08月
2013年 07月
2013年 06月
2013年 05月
2013年 04月
2013年 03月
2013年 02月
2013年 01月
2012年 12月
2012年 11月
2012年 09月
2012年 08月
2012年 07月
2012年 06月
2012年 04月
2012年 03月
2012年 02月
2012年 01月
2011年 11月
2011年 10月
2011年 09月
2011年 08月
2011年 07月
2011年 06月
2011年 05月
2011年 04月
2011年 03月
2011年 02月
2011年 01月
2010年 12月
2010年 11月
2010年 10月
2010年 09月
2010年 08月
2010年 07月
2010年 06月
2010年 05月
2010年 04月
2010年 03月
2010年 02月
2010年 01月
2009年 12月
2009年 11月
2009年 10月
2009年 09月
2009年 08月
2009年 07月
2009年 06月
2009年 05月
2009年 04月
2009年 03月
2009年 02月
2009年 01月
2008年 12月
2008年 11月
2008年 10月
2008年 09月
2008年 08月
2008年 07月
2008年 06月
2008年 05月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月
2005年 03月
2005年 02月
2005年 01月
2004年 12月
2001年 11月
ファン
記事ランキング
ブログジャンル
画像一覧
リンク
tohaさんのHP trifles cafe

ホッツのHP alcoholiday



素材を使わせて頂いてます G.B.MATERIALS
ふわふわ。り
ORENGE BITTER CHOCOLATE
TINY BOUBBLES
Blues*y





「以前の記事」の表示変更
11日(木)から会社の夏休みでダラダラと過ごしてるayamoriです、こんにちは(ペコリ)。

思いっきりPC生活してます。(何のための休みだ?しかも引越し準備しなくちゃいけないのに)
こんなにずーっとネットにつなげてるのに固定料金でしかも速度が速いADSLサイコー!!
昔はこんな便利じゃなかったんですよねぇ・・ありがたや・・。

こんなに時間があるときじゃなくちゃ出来ないスキン編集をまとめてしてみました。
前から『以前の記事』の表示に、ん?と思っていたのです。
これって縦に表示されてて、しかも月ごとに『2005年』と年の表示もされてしまう。
スペースも取るし、月ごとに年の表示はいらんがね!(石川弁)
色んなブログを拝見して、こんなカンジにしてみました。
「以前の記事」の表示変更_c0010648_1631623.jpgこうするとすっごくすっきりした!!しかも省スペース。でもちょーっと面倒。何故なら次月になって記事を投稿しても自動的に月は加えてくれません。自分で手作業になります。エキサイトさんは自動的に月を加えてくれますし、便利っちゃー便利。なんせ楽チン。でもやってみたい方、必見です。


Ⅰメモ帳を増設します。
 メモ帳というか、メニューを増やすというカンジでしょうか。
 私はby ayamori-yakoの下に増設してます。
 なので私のパターンでご紹介。

1.HTML編集で<$nick$>を探して、その下に以下の分を入れます。
<div class="MN">
 <div class="MNTTL">好きなタイトル←私は普通に「以前の記事」にしてます</div>
 </div>
 <div class="KIJIBODY">
 '05<br>
 <a href="http://ayamori.exblog.jp/m2005-01-01">1</a>
 <a href="http://ayamori.exblog.jp/m2005-02-01">2</a>
 <a href="http://ayamori.exblog.jp/m2005-03-01">3</a>
 <a href="http://ayamori.exblog.jp/m2005-04-01">4</a>
 <a href="http://ayamori.exblog.jp/m2005-05-01">5</a>
 <a href="http://ayamori.exblog.jp/m2005-06-01">6</a>
 <a href="http://ayamori.exblog.jp/m2005-07-01">7</a>
 <a href="http://ayamori.exblog.jp/m2005-08-01">8</a><br>
 '04<br>
 <a href="http://ayamori.exblog.jp/m2004-12-01">12</a></div></div>

この『"http://ayamori.exblog.jp/m2005-01-01"』なんですが、(『以前の記事』の月にポインタを合わせていただくと分かりやすい)、
1月全部の記事を見るときに使うリンクのようなんですよね。
/m年-月-01/と構成されていることが分かります。(月は1桁の場合は先頭に0が入る)
http://サイトURL/m年-月-01/
なのでこれを利用して、
<a href="http://ayamori.exblog.jp/m2005-01-01">1</a>
1の文字にリンクを貼っています。
それから<br>は改行を意味するタグです。

そしてCSS編集します。CSSの一番下にでも(どこでも良いが分かりやすく)入れてください。
/*以前の記事*/
DIV.KIJIBODY{ WIDTH : 160PX; FONT-SIZE : 12PX; FONT-FAMILY : Verdana,Osaka ; LINE-HEIGHT : 150%; COLOR : #777777;TEXT-ALIGN : LEFT;}

WIDTH:横幅
FONT-SIZE:文字の大きさ
FONT-FAMILY:文字の種類
LINE=HEIGHT:行の高さ
COLOR:文字の色
TEXT-ALIGN:文字の位置

横幅とかはご自分のブログに合った横幅にしてくださいね。文字の大きさや文字の種類、行の高さなども。
文字の位置は何も指定しないとCENTERになります。私は左寄せがいいなぁと思ったのでTEXT-ALIGNでLEFTにしています。
横幅がどのくらいか分からないよー!という場合。
CSS編集でDIV.MNかDIV.MNTTLを探すと、WIDTHって書いてあるはず。
これと同じにすれば大丈夫だと思います。
ちなみにHEIGHTを付け加えると、増設したメモ帳の高さも指定できます。

『KIJIBODY』は勝手につけました。何でもかまいません。ご自分で分かりやすい名前を付けてください。

以前にも書きましたが、/*~*/はコメントです。後で『これってどの部分を変化させてるんだっけ?』と分からなくなるので、メモを書いてるのです。なので書かなくてもOK。

最後にスキンを保存する前に必ずプレビューで確認してくださいね!!
※スキンによっては違う書き方かもしれません。ご了承ください。

ちなみに何故HTMLとCSSの両方を編集しなければいけないかと言うと・・・
HTMLで出来ることって限られちゃってるらしいんです。
それ以上のことをするにはCSSの編集が必要不可欠となります。
HTMLに<div class="KIJIBODY">と書き、そこから</div>の間は『CSSのDIV.KIJIBODYって書いてあるところで詳しく設定してるよーん』と言ってるんですね。

次回は『「次のページ」を画像に置き換える』です。
by ayamori | by ayamori-yako | 2005-08-14 16:59 | Skin | Top↑
<< 「次のページへ」を画像に置き換... こわーーーー!! >>