スキン編集 の記事一覧

≪新しい記事一覧へ メイン 古い記事一覧へ≫

2005年12月23日

壁紙を設定する！

12/20に続いて、BLOG改良第15弾！

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

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

＜方法＞
１.[ブログ設定]−[スキン変更]−[現在使用中のスキン]の「編集」を
クリックします。
２．「■ 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

FC2ブックマークに追加
Admin | Posted at 12:07 | スキン編集 | | Comments [4] | Trackbacks [0]
2005年12月20日

コメント欄の高さを大きくする！

12/18に続いて、BLOG改良第14弾！

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

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

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

TEXTAREA.TXTFLD {height:10em;}

10emはコメント欄の行数です。（10emは10行）

<yozoからのお願い>

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


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

FC2ブックマークに追加
Admin | Posted at 14:11 | スキン編集 | | Comments [10] | Trackbacks [0]
2005年12月18日

ページ下の▲TOPへもどる▲を作成！

12/14に続いて、BLOG改良第13弾！

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

(13)ページの最後の「▲TOPへもどる▲」で、BlogのTOPへもどる！
＜方法＞
(*´∀`)ﾉ 「１．」「２．」は前回の記事で済んでいます。
同じことをしている方は「３.」からはじめましょう！

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

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

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

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

変更前
<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">▲ＴＯＰにもどる▲</a></td>追加
<td align=LEFT width=33%変更><$nextpage type=1$></td>
</tr>
</table>

<yozoからのお願い>

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


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

FC2ブックマークに追加
Admin | Posted at 00:14 | スキン編集 | | Comments [2] | Trackbacks [0]
2005年12月14日

ページTOPにもどるリンクをつくる！

めげずに、12/13に続いて、Blog改良第12弾！

(12)記事の最後の右の「TOP▲」で、BlogのページTOPへもどる！

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

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

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

３．「■ HTML編集」の「本文」の<$posttail$>のすぐあとに|<a href="#top" target="_self">TOP▲</a>と入力するだけです。
TOP▲は自分の好きな言葉にして下さい。
なお、<$posttail$>はexciteブログ独特のタグで、記事下の「登録日、作成者、Trackback、Commentが表示されるタグだそうです。

<div class=POST>
<div class=POST_HEAD>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td><div class="POST_TTL"><$postsubject$></div></td>
<td align=RIGHT><$postadmin type=1$></td>
</tr>
</table>
</div>
<div class=POST_BODY> <$postcont$> </div>
<div class=POST_TAIL align=RIGHT><$posttail$>|<a href="#top" target="_self">TOP▲</a></div>
<$cmtjs$></div>

<yozoからのお願い>

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


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

FC2ブックマークに追加
Admin | Posted at 23:59 | スキン編集 | | Comments [0] | Trackbacks [0]
2005年12月13日

記事の最後の左の「by」の削除する。

12/11に続いて、BLOG改良第11弾！

(11)記事の最後の左の「by」の削除する。

11/22に、記事の最後の左の「byユーザID」からユーザIDを削除して「＃by」に変更という記事をかきました。このときはできなかった「by」の削除にTRYしました。
いつもの自由気ままな小部屋のbutyo_1280さんの記事と† CrossMoon †　初心者スキン編集記の雅さんの記事を参考にさせていただきました。お二人に感謝します。m(_ _)m

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

div.POST_TAIL span.TIME{
font-size:0pt; /*by最小*/
color:#000;　/*背景色と同じ色に設定*/ }
/*日付時間表示*/
div.POST_TAIL span.TIME A{
font-size:8pt;}

<yozoからのお願い>

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


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

FC2ブックマークに追加
Admin | Posted at 16:14 | スキン編集 | | Comments [0] | Trackbacks [0]

≪New メイン Old≫