BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪
トータル今日昨日 Since 29 November '05
ここのブログの記事をご覧のみなさんへ
  ここのブログを見に来てくださってありがとうございます♪m(_ _)m 勝手ながら、ここのブログは2006/08/02に
新ブログ『yozoの気が向いたと記2.0』に、非公開コメントを除く、すべての記事、及びコメント、トラックバックを
移転しております。また、移転以降、スパム対策のため、ここのコメント・トラックバックは受け付けておりません。
ご意見・ご感想は、お手数ですが、新ブログの同じタイトルの記事にて、お聞かせくだされば幸いです。m(_ _)m
新ブログ→yozoの気が向いたと記2.0 http://yozoblog2.blog63.fc2.com/
yozoの気が向いたと記
yozoの気が向いたと記2.0
ぽちっとお願いします♪

yozoの関連リンク

BlogPetのお友達

おすすめブログ紹介

BlogPet背景作家のみなさん

素材屋のみなさん

おすすめBlogGroup


BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪
カテゴリ:スキン編集( 17 )
|TOP▲
リンクにカーソルをあてるとリンクが動きま~す♪
リンクにカーソルをあてると「プニュ」って感じで動くのを見たことありませんか。実は「わぁ~♪」って驚いたことがあるyozoです。(笑)これって、さぞかし難しいカスタマイズかなぁ~って思っていましたが、CSSに一行追加するだけでした。楽勝ですよ~♪このカスタマイズは、CSSがいじれるブログならどこのブログでも可能ですよ。みなさんも、さくっとCSSをいじって「プニュ♪プニュ♪」してみませんか?ここの左サイドのリンク集をマウスのカーソルでなぞってみてください。木琴みたいに揺れてますよね♪(*ノェノ)キャーって喜ぶyozoでっす♪
このカスタマイズは、小粋空間yujiroさんの記事
リンクをマウスオン時にずらすを参考にさせていただきました。
yujiroさん、どうもありがとうございました m(_ _)m


  1. [ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」の中でクリックします。(「■ CSS編集」の中であればどこでも構いません。)

  2. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにA:HOVER(小文字でa:hoverとしてもOK)と入力して、検索してください。


  3. A:HOVERの{~}に下の1行(ほんとは3行ですが・・・笑)
    コピペして追加しましょう。
    position:relative; top:1px; left:1px;
    必ずバックアップしましょう!
    いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

    A:HOVER
    {
    COLOR: #8b0000;
    TEXT-DECORATION: UNDERLINE;
    position:relative; top:1px; left:1px;
    }

  4. 「プレビュー」で確認してから、「保存」してください。


<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ぼちっと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-06-14 17:49 | スキン編集 |TOP▲
タイトルの下にブログの説明を表示しましょう♪
エキサイトブログでは、タイトルの下に、ブログのURLが表示されていますが、これを他のブログのようにブログの説明に変更しましょう♪

  1. [ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」の中でクリックします。(「■ CSS編集」の中であればどこでも構いません。)

  2. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにDIV.URL(小文字でdiv.urlとしてもOK)と入力して、検索してください。


  3. DIV.URLの上の行に.description{~}のコードを追加しましょう。
    必ずバックアップしましょう!
    いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

    .description{
    padding-top: 5px;←上の行との間隔
    color:#cd5c5c;←文字色
    text-align: left;←leftは左揃え ※
    padding-left: 50px;←左端からの間隔
    }

    DIV.URL{
    ・・・・・・・・・・・・・・・・・・・・・・・省略・・・・・・・・・・・・・・・・・・・・・・・
    ※leftは左揃え 中央揃えはcenter 右揃えはrightです。


  4. 「■ HTML編集」(HTML-全体)の中でクリックします。(「■ HTML編集」の中であればどこでも構いません。)

  5. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにblogurlと入力して、検索してください。


  6. 下のように<$blogurl$>の部分を削除して、<$description$>のコードを追加しましょう。

    必ずバックアップしましょう!
    いつも書いてますが、編集する前に、必ずHTMLのコードをコピーして、「html_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「html_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪

    <div class=HEADER><$header$></div>
    <div class=URL><$blogurl$></div>
    <div class="description"><$description$></div>

  7. 「プレビュー」で確認してから、「保存」してください。


<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ぼちっと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-05-04 18:51 | スキン編集 |TOP▲
コメント表示部分の背景色を変えましょう♪
記事の下のCommentsをクリックして開くコメント表示部分の背景色を変えて、記事とコメントの区別をつけやすくしましょう♪

  1. [ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」の中でクリックします。(「■ CSS編集」の中であればどこでも構いません。)

  2. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにDIV.COMMENT(小文字でdiv.commentとしてもOK)と入力して、検索してください。


  3. DIV.COMMENTの{ }の中のBACKGROUNDのカラーコードを変更するだけです。
    必ずバックアップしましょう!
    いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

    DIV.COMMENT{
    BORDER : 1px solid #D3D3D3;
    BACKGROUND :#F9F0BA;
    PADDING : 10px 5px;
    margin-top: 20px;
    }
    BACKGROUND :#F9F0BA;は色カラーコードです。
    この数値はお好みで変更してくださいね。
    また、BACKGROUNDは小文字でbackgroundでも問題ありませんし、background-colorと書いても同じですよ。background-colorと書いた方が見やすいコードになりますね。
    background-image: url("http://pds.exblog.~省略~/□☆○1.gif");として、画像を設置してもおもしろいですよね。


  4. 「プレビュー」で確認してから、「保存」してください。


<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ぼちっと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-05-03 13:13 | スキン編集 |TOP▲
記事タイトルにワンポイント画像を設定する♪
記事のタイトルにアクセントとして、ワンポイント画像をつけましょう。
まずは、どんな画像を使うのか、素材屋さんをめぐって、結局いつもお世話になっている1キロバイトの素材屋さんよりダウンロードさせていただいたものを使用します。
1キロバイトの素材屋さんはコチラからどうぞ♪
なおyozoは左サイドの素材屋さんからお借りしています。必要な分だけダウンロードさせていただいています。もちろん、掲示板やコメントに一言、使用報告とお礼のカキコしています。


  1. まず、使用したい画像をアップロードします。
    アップロードの方法の説明はコチラ

      http://pds.exblog.~省略~/□☆○1.gif


  2. [ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」の中でクリックします。(「■ CSS編集」の中であればどこでも構いません。)

  3. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにDIV.POST_TTLと入力して、検索してください。


  4. DIV.POST_TTLの{ }の中に赤字のコードを追加してください。
    必ずバックアップしましょう!
    いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

    DIV.POST_TTL{
    color: #A86900;
    font: bold 14px/130% "Verdana", "MS ゴシック", "Osaka-等幅";
    background-image: url(http://pds.exblog.~省略~/□☆○1.gif);
    padding-left:20px;
    background-repeat:no-repeat;

    }
    ※padding-left:20px;で、タイトル文字と画像が重ならないように、文字の左に20pxの間隔をあけています。この数値は好みで変更してください。
    また、background-repeat:no-repeat;は、画像を繰り返し表示しない設定です。


  5. 「プレビュー」で確認してから、「保存」してください。


<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ぼちっと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-05-02 16:00 | スキン編集 |TOP▲
背景を変更する♪
CSSの編集で背下の3点の背景を変更してみました。
  1. ページの背景に画像を使ってみる♪

  2. ブログタイトルの背景に画像を使ってみる♪

  3. ブログの背景に画像を使ってみる♪


  1. まず、使用したい画像をアップロードします。
    アップロードの方法の説明はコチラ

    http://pds.exblog.~省略~/□☆○1.gif
    http://pds.exblog.~省略~/□☆○2.gif
    http://pds.exblog.~省略~/□☆○3.gif

    なおyozoは左サイドの素材屋さんからお借りしています。必要な分だけダウンロードさせていただいています。もちろん、掲示板やコメントに一言ですが、お礼のカキコしています。


  2. [ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」のそれぞれのセレクタ(BODYやDIV.TOPやDIV.CONTENTSのことです。)の{ }のbackgroundのurlの部分にURLを貼り付けるだけです。{ }の中のコードは使用しているスキンによって変わります。1回ずつ、「プレビュー」で確認するようにしましょう。編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

    1. ページの背景に画像を使ってみる♪の場合
      BODY{
      MARGIN : 0PX;
      PADDING : 0PX;
      background: url("http://pds.exblog.~省略~/□☆○1.gif");
      background-repeat:repeat;

      }
      なお、この画像は1キロバイトの素材屋さんよりダウンロードさせていただきました。


    2. ブログタイトルの背景に画像を使ってみる♪の場合
      DIV.TOP{
      width: 780px;
      border-right: 1px solid #CCCCCC;
      border-left: 1px solid #CCCCCC;
      height: 165px;
      background-image:url("http://pds.exblog.~省略~/□☆○2.gif");
      background-repeat:repeat;

      }
      なお、ここの画像はまったりほんぽよりダウンロードさせていただきました。


    3. ブログの背景に画像を使ってみる♪
      DIV.CONTENTS{
      border-left: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
      padding-bottom: 10px;
      border-bottom: 1px solid #CCCCCC;
      width: 780px;
      background-image:url("http://pds.exblog.~省略~/□☆○3.gif");
      background-repeat:repeat;

      }
      なお、ここの画像は『chai*』よりダウンロードさせていただきました。


  3. 「プレビュー」で確認してから、「保存」してください。



4/29 23:20 追記
下の『柴成@NNユーザー』様のコメントにありますように、CSS編集はブラウザによって表示のしかたが変わることもあります。
今回yozoの設定したbackgroundは、{ }の中に同じ文字backgroundの設定を残していると、IEでは表示されますが、他のブラウザでは反映されないのですね。そのことをうっかり忘れていたわけです。

DIV.TOP{
width: 780px;
background: #FFFFFF;←この行が残ってました
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
height: 165px;
background-image:url("http://pds.exblog.~省略~/□☆○2.gif");
background-repeat:repeat;

}

この追記を書くにあたり、下のコメントにて、助言くださった私の大切な友人webでお絵かきまこさんに心より感謝いたします。



<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m



人気blogランキング ←ぼちっと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-04-29 20:16 | スキン編集 |TOP▲
『引用』を設定する!
1/6に続いて、BLOG改良第17弾!
† CrossMoon † 初心者スキン編集記さんの記事を参考にさせていただいております。いつもありがとうございます。m(_ _)m

(16)『引用』を設定する!
『引用』というのは、投稿欄の上部にあるを押すと使える機能です。これを、下のように使いやすいように自分で装飾しましょう。
引用したい内容をこのように装飾しましょう♪

なんとなく、雰囲気がでてくると思いませんか・・・?

<方法>
1.[ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」を
クリックします。
2.「■ CSS編集」でわかりやすいところにに下記のコードを貼り付けて、保存します。(余計ですが、一番下がわかりやすいかも・・・)
(*´∀`*)/なお、この段階では、「プレビュー」しても何の変化も見られません。念のため・・・。

BLOCKQUOTE
{
PADDING: 5PX;
MARGIN : 15PX 20PX 15PX;
BORDER: 1PX #CC6600 DOTTED;
BACKGROUND:#FFFFFF;
}


BACKGROUND(背景色)やBORDER(枠線)の設定を好みで変更して下さい。
BORDER: 1PX #CC6600 DOTTED;
=枠線の設定の内容=
枠線の幅 1~PX
枠線の色
枠線の種類 DOTTED→点線 DASHED→破線 DOUBLE→二重線 NONE→実線(デフォルト)など

『引用』を複数使用したい方は、下のように.type1を必要数だけ書き加えてください。

BLOCKQUOTE.type1
{
 ~省略~
}
BLOCKQUOTE.type2
{
 ~省略~
}
BLOCKQUOTE.type3
{
 ~省略~
}


3.記事を投稿するときに、『引用』したい部分を
<blockquote>~</blockquote>
の中に書けばOKです。

なお、複数設定した方は
<blockquote class="type1" >~</blockquote>
としてください。
a0063386_1152413.gif

なお、この画像は『chai*』様より頂戴しました。


<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-01-13 11:09 | スキン編集 |TOP▲
メモ帳を増設する!
12/23に続いて、BLOG改良第16弾!

実は、昨年の12/25くらいにメモ帳を増設したのですが、

つい「クリスマスだー」


続けて「年末だー」


さらには「お正月ー」


っという具合に浮かれてしまって記事にするのをサボっていました。 m(_ _)m
それでは、遅まきながらはじめさせていただきます。
まず、† CrossMoon † 初心者スキン編集記さんの記事を参考にさせていただいております。いつもありがとうございます。m(_ _)m

(16)メモ帳を増設する!
デフォルトのメモ帳だけでは物足りない人にお勧めです。

<方法>
1.[ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」を
クリックします。
2.「■ CSS編集」でわかりやすいところにに下記のコードを貼り付けます。

div.menu{
width:150px;/*メモ帳の幅*/
height:100px;/*メモ帳の高さ*/←これは好みで変えましょう!
overflow:auto;
overflow-x:hidden;
overflow-y:auto;

text-align:left;
padding:0px;
margin:0px;}

overflow:auto; ←自動的にスクロールをつける設定
overflow-x:hidden; ←横方向スクロールなし
overflow-y:auto; ←縦方向スクロールが自動的につく
スクロールバーが必要なければ、この3行を削除してください。

2つ以上、メモ帳を増設したい方は、
div.menu1{
width:150px;/*メモ帳の幅*/
~ 省略 ~
margin:0px;}

div.menu2{
width:150px;/*メモ帳の幅*/
~ 省略 ~
margin:0px;}

このように、必要数だけ記述してください。

3.「■ HTML編集」の「メイン画面編集」でご自身で壁紙を設定したい部分に下記のコードを貼り付けるだけです。

左側に設置する場合には、<$menuleft$>を探します。
これが左側メニューを作成しているタグなので、これのすぐ上か下に以下のタグを書き加えてください。(メモ帳を増設したい場所が上なら上に、下なら下に書き加えてください。)

<div class="MNTTL_L">メモ帳の題名</div>
<div class="menu">メモ帳の内容</div>

右側に設置する場合には、<$menuright$>を探します。
これが右側メニューを作成しているタグですので、これのすぐ上か下に以下のタグを書き加えてください。

<div class="MNTTL_R">メモ帳の題名</div>
<div class="menu">メモ帳の内容</div>

なお、2つ以上、メモ帳を増設した方は、
<div class="menu">メモ帳の内容</div>のmenuをmenu1,menu2とするだけです。

4.一番下の「プレビュー」で確認し、よければ「保存」します。

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2006-01-06 22:05 | スキン編集 |TOP▲
壁紙を設定する!
12/20に続いて、BLOG改良第15弾!

いつもお世話になっている自由気ままな小部屋butyo_1280さんの記事を参考にしています。m(_ _)m

(15)壁紙を設定する!
壁紙を設定したいところにCSSで
background-image:url("http://pds.exblog.jp/pds/~省略~.gif")
を設定するだけです。

<方法>
1.[ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」を
クリックします。
2.「■ CSS編集」でご自身で壁紙を設定したい部分に下記のコードを貼り付けるだけです。
ブログタイトルの部分なら、DIV.TOP{ ~ 省略 ~ }、
記事の背景なら、DIV.POST_BODY{ ~ 省略 ~ }
の括弧{}の中に貼り付けましょう。

background-image:url("http://pds.exblog.jp/pds/~省略~.gif");
⇒この画像URLは「マイイメージアカウントにイメージ登録」したものでないといけないみたいです。詳しくはコチラ
background-repeat:no-repeat;
⇒no-repeatは画像を繰り返しさせません。repeatなら、縦横に敷き詰めます。
background-position:100% 100%;
⇒右への%、下への%(左上からウィンドウの位置を%で表します。)
background-attachment:fixed;
⇒fixedは画像をスクロールさせない設定です。

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2005-12-23 12:07 | スキン編集 |TOP▲
コメント欄の高さを大きくする!
12/18に続いて、BLOG改良第14弾!

いつもお世話になっている自由気ままな小部屋butyo_1280さんの記事を参考にしています。m(_ _)m

(14)コメント欄の高さを大きくする!
ちょっと力の入ったコメントを書こうとするとき(あまりお奨めできませんが・・・)に、Defaultではたったの3行ですから、スクロールが面倒ですね。CSS編集でこのコメント欄の行数を増やしましょう。

<方法>
1.[ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」を
クリックします。
2.「■ CSS編集」でご自身がわかりやすいところに下記のコードを貼り付けるだけです。

TEXTAREA.TXTFLD {height:10em;}

10emはコメント欄の行数です。(10emは10行)

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2005-12-20 14:11 | スキン編集 |TOP▲
ページ下の▲TOPへもどる▲を作成!
12/14に続いて、BLOG改良第13弾!

† CrossMoon † 初心者スキン編集記さんの記事を参考にさせていただきました。感謝します。m(_ _)m

(13)ページの最後の「▲TOPへもどる▲」で、BlogのTOPへもどる!
<方法>
(*´∀`)ノ 「1.」「2.」は前回の記事で済んでいます。
同じことをしている方は「3.」からはじめましょう!

1.[ブログ設定]-[スキン変更]-[現在使用中のスキン]の「編集」を
クリックします。
2.「■ HTML編集」の「全体」の一番上に、
下のように<a name="TOP"></a>を記入します。

<a name="TOP"></a>
<center>
<table width="780" border="0" cellspacing="0" cellpadding="0">
  ~ 省略 ~

(*´∀`)ノ ここまでは前回の記事で済んでいます。
同じことをしている方は「3.」からはじめましょう!

3.「■ HTML編集」の「全体画面」の<$prepage type=1$>(前のページ)<$nextpage type=1$>(後のページ)を探します。下にあるように、widthを調節して、真ん中に「▲TOPにもどる▲」(好みで変えてください)を挿入し、リンクをはります。

変更前
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td align=RIGHT width=48%><$prepage type=1$></td>
<td width=4%></td>
<td align=LEFT width=48%><$nextpage type=1$></td>
</tr>
</table>


変更後
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td align=RIGHT width=33%変更><$prepage type=1$></td>
<td width=34%>|<a href="#top" target="_self">▲TOPにもどる▲</a></td>追加
<td align=LEFT width=33%変更><$nextpage type=1$></td>
</tr>
</table>

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン(テンプレート)改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

[PR]
by yoblog | 2005-12-18 00:14 | スキン編集 |TOP▲
|▲TOPにもどる▲|
トップ
2006/08/02 より、『yozoの気が向いたと記2.0』に移転しました。

新ブログはコチラです。
↓↓↓↓↓↓↓
yozoの気が向いたと記2.0

「うさも」が書いたBlogです。
次女うさ「うさみ」もいますよ♪

↓↓↓↓↓↓↓
うさもの気が向いたと記

末うさ「うさめ」のBlogです♪
↓↓↓↓↓↓↓
yozoのおすすめ本


人気ブログランキング - yozoの気が向いたと記
検索
カテゴリ
フォロー中のブログ
以前の記事
最新のトラックバック
データのバックアップとイ..
from yozoの気が向いたと記2.0
BlogPet俳句を求め..
from うさもの気が向いたと記
コレけっこう間違えている..
from 「感動創造カンパニー」城北の..
たまごの「キリぺた」のーと
from それはそれとして。(仮)
うさびのキリぺた帳 11
from のんびり前進じたばた生活
エキサイトのネームカード..
from ととろのおもちゃ箱
エキサイトネームカード作..
from 京ポンで今日もゆく〜
BlogPetのお出かけ
from 果報は寝て待て(-_☆)
部屋バトン
from ROOM-M
エキサイトネームカードを..
from のんびり前進じたばた生活
エントリします!「俳句を..
from 感謝の日記
トッラクバックを学ぶ
from 感謝の日記
うさもちゃんにツッコミ!..
from のんびり前進じたばた生活
不思議の国のうさも
from つなビィ - yozoblog
まゆびさん、ついにBlo..
from つなビィ - yozoblog
次は『と』です@Blog..
from ◇藍真珠のつぶやき◇
高校野球 脳梗塞克服の投..
from ひでさん♪の雑記帳
「俳句を求めて三千里」エ..
from のんびり前進じたばた生活
「俳句を求めて三千里」エ..
from のんびり前進じたばた生活
ぴょんの夏休み前お友だち..
from 夢みるととろ日記
人気ジャンル
ファン
記事ランキング
ブログジャンル
画像一覧