スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.ヤプ画の下に文字を横に流れるようにすることってできる?[3]

A.
ブログの説明文を使うを文字変更も簡単にできます。
スタイルシート、メインテンプレート、アーカイブテンプレート、1記事テンプレートを修正します。
以下、設置方法

2007.03.18修正


A.
ブログの説明文を使うを文字変更も簡単にできます。
スタイルシート、メインテンプレート、アーカイブテンプレート、1記事テンプレートを修正します。
以下、設置方法

1.
自分のヤプログにログインし、画面上部にある『設定』をクリック。



2.
[基本設定]の中の『ブログの説明文』に流したい文字の文章を入れます。



3.
説明文に流れる文字を入れたら『保存』ボタンをクリックします。



4.
更に、スタイルシートの76~90行目付近に
.blog_description
{
MARGIN: 0px auto 0px 0px;
PADDING-LEFT: 20px;
padding-right:20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

と、いうのがあります。

5.
それを…
.blog_description
{
MARGIN: 0px auto 0px 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99;
text-align:center;
}

と、書き換えます。

6.
メインテンプレートの21行目付近に
<td class="blog_description"><h2>{$BlogDescription$}</h2></td>
というのがあります。

アーカイブテンプレートは21行目付近、1記事テンプレートは22行目付近にあります。

7.
それを…
<td class="blog_description"><h2><marquee direction="方向" scrollamount="速さ" hspace="余白" width="幅" behavior="回数">{$BlogDescription$}</marquee></h2></td>

と、赤文字のところを書き加えます。

余白 → スクロールする文字範囲の左右の余白の数値を入れる。
速さ → スクロールする文字の速さを入れる。(数値が小さいほうが遅く表示される)
 → スクロールする文字範囲の長さです。(全体枠より小さくする)
回数 → 繰り返し表示する場合は省略OK。
     alternate 行ったり来たり
     slide 一回文字が流れる
方向 → 文字の流れ方を示してます。(他にもあります)
     left 右から左
     right 左から右

実際に数値を入れると…
<marquee direction="left" scrollamount="3" hspace="20" width="650">
{$BlogDescription$}</marquee>

このようになります。
スポンサーサイト
[ 02/03 ] [画像(ヤプ画・ブログタイトル)]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。