Read More？
2006年03月08日 AQ
Read More？ ・・・ つまり、『 続きを読む ... 』
のことですが、ここの文字を違う言い方に変えておられる方は、結構いますね。じゃぁ次は、ここの部分の 『 折りたたみ 』 のカスタマイズでもやってみませんか
このカスタマイズの説明は、地獄変OOさん
のカスタマイズをそのまま参考にし、ライブドアのリニューアルテンプレートに合わせて、CSS （ スタイルシート ） などの説明を解りやすく追記したものです。
このカスタマイズをおこなうと、『 続きを読む ... 』 をクリックしても、個別記事にジャンプせず、そのままのページ （ トップページ ） から 『 続きを読む ... 』 以降の記事文章が読めるようになります。以下、次のような特徴があります。
● 開くだけでなく、元の状態にワンクリックで戻す事ができる。
● 『 続きを読む ... 』 の上で、右クリックしながら開くと、通常どおり個別記事が表示される。
● JavaScript オフの環境でも、通常どおりの個別記事が表示されるので、記事が読めなくなるなどの心配はありません。
● 『 続きを読む ... 』 の上で、右クリックしながら開くと、通常どおり個別記事が表示される。
● JavaScript オフの環境でも、通常どおりの個別記事が表示されるので、記事が読めなくなるなどの心配はありません。
ただし ・・・
● トップページのファイルサイズが大きくなってしまう。
● 『 続きを読む ... 』 をクリックされても、実際のページの移動が行なわれないので、他のページへの閲覧数 （ ページビュー ） が減ってしまいます。そのブログを見にこられた方の、アクセスカウントは変わりません。
● 『 続きを読む ... 』 をクリックされても、実際のページの移動が行なわれないので、他のページへの閲覧数 （ ページビュー ） が減ってしまいます。そのブログを見にこられた方の、アクセスカウントは変わりません。
トップページのサイズが大きくなる点は、管理画面での設定で表示記事数を調整すれば問題ありませんが、ページビューにこだわる方は、良く考えてカスタマイズをおこなって下さい。
以下のスクリプトソースを <head> 〜 </head> の間に記述します。
<script type="text/javascript" language="javascript">
function showMore(id,link){
if(document.getElementById){
if(document.getElementById('more' + id).style.display){
document.getElementById('more' + id).style.display='block';
document.getElementById('show' + id).style.display='none';
document.getElementById('hide' + id).style.display='block';
} else {
document.location.href=link;
return true;
}
} else {
document.location.href=link;
return true;
}
}
function hideMore(id){
if(document.getElementById){
document.getElementById('more' + id).style.display='none';
document.getElementById('show' + id).style.display='block';
document.getElementById('hide' + id).style.display='none';
}
}
</script>
function showMore(id,link){
if(document.getElementById){
if(document.getElementById('more' + id).style.display){
document.getElementById('more' + id).style.display='block';
document.getElementById('show' + id).style.display='none';
document.getElementById('hide' + id).style.display='block';
} else {
document.location.href=link;
return true;
}
} else {
document.location.href=link;
return true;
}
}
function hideMore(id){
if(document.getElementById){
document.getElementById('more' + id).style.display='none';
document.getElementById('show' + id).style.display='block';
document.getElementById('hide' + id).style.display='none';
}
}
</script>
次に下記の 赤文字 の部分を削除します。
<div class="main"><$ArticleBody$><IfArticleBodyMore><a
href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br
clear="all"></div>
そうすると、こうなりますね ・・・
<div class="main"><$ArticleBody$></div>
そして ・・・
上記の 青文字 の </div> の後に続いて以下のソースを追記します。
<p align="left">
<IfArticleBodyMore>
<span class="main-continues" id="show<$ArticleId$>"><a class="acontinues" href="<$ArticlePermalink$>" onclick="showMore('<$ArticleId$>','<$ArticlePermalink$>');return false;">続きを読む</a></span>
</p>
<div class="main" id="more<$ArticleId$>" style="display:none"><$ArticleBodyMore$><br clear="all"></div>
<span class="main-continues" id="hide<$ArticleId$>" style="display:none"><a class="acontinues" href="#<$ArticleId$>" onclick="hideMore('<$ArticleId$>');return true;">続きを隠す</a></span>
</IfArticleBodyMore>
<br clear="all">
<IfArticleBodyMore>
<span class="main-continues" id="show<$ArticleId$>"><a class="acontinues" href="<$ArticlePermalink$>" onclick="showMore('<$ArticleId$>','<$ArticlePermalink$>');return false;">続きを読む</a></span>
</p>
<div class="main" id="more<$ArticleId$>" style="display:none"><$ArticleBodyMore$><br clear="all"></div>
<span class="main-continues" id="hide<$ArticleId$>" style="display:none"><a class="acontinues" href="#<$ArticleId$>" onclick="hideMore('<$ArticleId$>');return true;">続きを隠す</a></span>
</IfArticleBodyMore>
<br clear="all">
ピンク文字 の <p align="left"> </p> は、 別に無くても良いのですが、一番初めにページを読み込んだ時に、１段、段落が上がった状態で表示されます。一度クリックしてしまえば、１段下に落ちて任意の位置に表示されるのですが、また新たにページを読み込むと、同じ現象が繰り返されます。この現象の解決策として、強制的に左側に寄せるよう指示しています。
■ 追記 （ 2006年09月11日 ） ：
<p align="left"> 〜 </p>
で設定すると、一行、改行されます。
表示の具合を見てもし気に入らなければ、この部分を ・・・
<span align="left"> 〜 </span> もしくは
<div align="left"> 〜 </div> にしてみて下さい。
表示の具合を見てもし気に入らなければ、この部分を ・・・
<span align="left"> 〜 </span> もしくは
<div align="left"> 〜 </div> にしてみて下さい。
緑文字 の部分は、任意の好きな言葉に変更して下さい。もちろんそのままでも結構です。字の色を変えるには、後で説明するCSS （ スタイルシート ） でおこないます。
■ 追記 （ 2006年05月06日 ） ：
" 続きを読む " をクリックしてページを開き、" 続きを隠す " を押してページを元に戻す動作を改良しました。このコメント欄のやりとりをご覧下さい。
さあ、これでとりあえず 『 続きを読む 』 の折りたたみは完成しました。元の位置にトップページの HTML を貼り直して、保存。トップペーだけで良いので、再構築をおこなって下さい。
次は、CSS （ スタイルシート ） の設定です。機能的にはスタイルシートの設定をしなくても、このまま使用できるのですが、『 続きを読む 』 にリンクが張られているため、何も設定しなければ基本に設定している a link が効いてしまい、その字色 （ フォントカラー ） になってしまいます。文字の大きさもこの状態では設定されていません。そこでそれらの設定をおこないます。
.acontinues{
font-size:12px;
text-align:left;
}
a.acontinues{}
a.acontinues:link{color:#0F743D; text-decoration:underline;}
a.acontinues:visited{color:#0F743D; text-decoration:underline;}
a.acontinues:active{color:#0F743D; text-decoration:underline;}
a.acontinues:hover{color:#FC4128; text-decoration:underline;}
font-size:12px;
text-align:left;
}
a.acontinues{}
a.acontinues:link{color:#0F743D; text-decoration:underline;}
a.acontinues:visited{color:#0F743D; text-decoration:underline;}
a.acontinues:active{color:#0F743D; text-decoration:underline;}
a.acontinues:hover{color:#FC4128; text-decoration:underline;}
赤文字 の部分は、ご自身の好みに合わせて好きなように変更して下さい。ん
リンクの表示をアンダーラインじゃなくて、ＡＱ とこみたいに点線にしたい ・・・。必要であれば記事にします。ご希望はコメント欄に (^^)■ 追記 （ 2006年05月02日 ） ：
トップページだけのカスタマイズで良いと思っていたのですが、統一性を図るため、カテゴリーページ、月別ページにも同一の設定をなさっても良いと思います。設置方法はトップページに設置する方法とまったく同じです。
1. ｃｓｓを弄くってみた [ 日常茶番劇｡〜Dresser'S RooM〜 ]
2006年10月11日 01:44
ナレッジでの書き込み数が多い“AQさん”のブログを頼りにcssをちょいと弄くってみました｡PCからアクセスの方にしか判らないのですが“続きを読む”をクリックしてみてくださいませｖｖ
1. Posted by お気楽管理人
2006年04月15日 21:29
AQさん＼(^▽^)／コンバンワ！
先日はお世話になりました[ラブラブ]
オリジナルの絵文字もやっとこさ設置出来ました[晴れ]
いきなりの質問で申し訳ないのですが、
[Category Menu]を選ぶと、記事一覧が表示されタイトルとコメントの一部を表示させている方法はどのようにすれば宜しいのでしょうか？
検索して調べていると、タイトル一覧というものは見つけられるのですが、AQさんみたいに記事の一部も表示させたいのですが・・・
難しいのでしょうか？
こちらにコメント入れるのは畑違いかもしれませんが[汗タラー]
なんとなく・・・続きを読む。みたいな雰囲気だし[汗汗]
お暇なときで構いませんので、差し支えなければアドバイスお願いします[ハート]
先日はお世話になりました[ラブラブ]
オリジナルの絵文字もやっとこさ設置出来ました[晴れ]
いきなりの質問で申し訳ないのですが、
[Category Menu]を選ぶと、記事一覧が表示されタイトルとコメントの一部を表示させている方法はどのようにすれば宜しいのでしょうか？
検索して調べていると、タイトル一覧というものは見つけられるのですが、AQさんみたいに記事の一部も表示させたいのですが・・・
難しいのでしょうか？
こちらにコメント入れるのは畑違いかもしれませんが[汗タラー]
なんとなく・・・続きを読む。みたいな雰囲気だし[汗汗]
お暇なときで構いませんので、差し支えなければアドバイスお願いします[ハート]
2. Posted by AQ
2006年04月15日 21:47
＞ お気楽管理人 さん
こんばんわ (^^)
あのですね、その お気楽管理人 さんの質問に答えると、アドバイスどころかひとつの記事が出来上がってしまうんですね〜 [汗汗]
はは (^^)
でも実は、そのご質問のカスタマイズの仕方を記事に
しようと思って準備はしてあるんですよ。[アイタ]
後は記事書く時間が取れたらブログ上で掲載します。
カスタマイズの記事は、結構時間がかかるんですよ。[汗タラー]
こんばんわ (^^)
あのですね、その お気楽管理人 さんの質問に答えると、アドバイスどころかひとつの記事が出来上がってしまうんですね〜 [汗汗]
はは (^^)
でも実は、そのご質問のカスタマイズの仕方を記事に
しようと思って準備はしてあるんですよ。[アイタ]
後は記事書く時間が取れたらブログ上で掲載します。
カスタマイズの記事は、結構時間がかかるんですよ。[汗タラー]
3. Posted by お気楽管理人
2006年04月15日 22:20
AQさん、さっそくのコメントm（_ _）m アリガトォ〜[ラブラブ]
＞ひとつの記事
ですよね（笑）
厚かましい質問をしてすみませんでしたm(_ _)m
＞ブログ上で掲載
もの凄く楽しみにまってます[ハート]
今更ですが、是非リンクさせて頂こうと思ってます^^
事後報告ですがお許し下さい〜
＞ひとつの記事
ですよね（笑）
厚かましい質問をしてすみませんでしたm(_ _)m
＞ブログ上で掲載
もの凄く楽しみにまってます[ハート]
今更ですが、是非リンクさせて頂こうと思ってます^^
事後報告ですがお許し下さい〜
4. Posted by AQ
2006年04月15日 22:31
＞ お気楽管理人 さん
楽しみに ・・・ [汗汗]
すぐには上げられないかも知れませんよ。^^;
最近、カスタマイズの記事ばかりで、本業のペットの
話が少ないと、一部でお叱りを受けておりまして [汗汗]
リンク、ありがとうございます。
私の方も、Links > フレンズの中にリンク貼っておきますね。
今後とも宜しくお願い致します。(^^)
楽しみに ・・・ [汗汗]
すぐには上げられないかも知れませんよ。^^;
最近、カスタマイズの記事ばかりで、本業のペットの
話が少ないと、一部でお叱りを受けておりまして [汗汗]
リンク、ありがとうございます。
私の方も、Links > フレンズの中にリンク貼っておきますね。
今後とも宜しくお願い致します。(^^)
5. Posted by
ねね★もも
2006年04月20日 12:12
初めまして。 livedoor knowledge から来ました。
ＡＱさんのおかげで、「続きを読む･･･の折りたたみ」が出来ました。
ありがとうございました。
カスタマイズ関係の記事も沢山書いていらっしゃるのですね。
また伺います。
本当にお世話になりました。
ＡＱさんのおかげで、「続きを読む･･･の折りたたみ」が出来ました。
ありがとうございました。
カスタマイズ関係の記事も沢山書いていらっしゃるのですね。
また伺います。
本当にお世話になりました。
6. Posted by AQ
2006年04月20日 15:21
＞ ねね★もも さん 初めまして (^^)
良いですよね〜 かわいい娘さん ２人 いて [ハート]
うちなんか男 ３人 です。(-_-;)
家の中が、臭いです。・・・ 花の香りは絶対にしません [汗汗]
カスタマイズの記事はまだまだネタがあるんで、どんどん増えていきますよ。・・・ でも、時々掲載しないと怒られちゃうの A^^;
なんせペットブログだから [アイタ]
また、遊びに来てくださいね〜 (^^)
良いですよね〜 かわいい娘さん ２人 いて [ハート]
うちなんか男 ３人 です。(-_-;)
家の中が、臭いです。・・・ 花の香りは絶対にしません [汗汗]
カスタマイズの記事はまだまだネタがあるんで、どんどん増えていきますよ。・・・ でも、時々掲載しないと怒られちゃうの A^^;
なんせペットブログだから [アイタ]
また、遊びに来てくださいね〜 (^^)
7. Posted by
ましまろ
2006年04月26日 17:25
AQさんこんにちは、おかげさまで、続きを読むの、カスタマイズできました。とってもうれしいです。他のところで、たまたま見つけて、初めはやったんですが、なんとめちゃくちゃになってしまい、一時パニックになったんですが、何とか、元に戻して、こちらでの記事を見つけて、再び挑戦しました。
うれし〜〜〜[ハート]
そこで、又おばかな質問なんですが、CSSの設定は、それをコピーペーストするんでしょうか？CSSのところを探したんですが、同じ文字が見つかりません。もし、貼り付けるとすると、どの辺がいいのでしょうか？
うれし〜〜〜[ハート]
そこで、又おばかな質問なんですが、CSSの設定は、それをコピーペーストするんでしょうか？CSSのところを探したんですが、同じ文字が見つかりません。もし、貼り付けるとすると、どの辺がいいのでしょうか？
8. Posted by AQ
2006年04月26日 21:12
＞ ましまろ さん (^^)
上の記事に書かれている、CSS をコピーして、いったんメモ帳か何かに貼り付けます。そしてそれをもう一度コピーして、既存の CSS に貼り付ければ OK です。既存の CSS には、上記の CSS は初めからありませんよ。(^^)
貼り付ける場所は、どこでも OK です。CSS 内の表記に順番はありません。わかりやすく、一番最後でよいのじゃないでしょうか [ニコ]
上の記事に書かれている、CSS をコピーして、いったんメモ帳か何かに貼り付けます。そしてそれをもう一度コピーして、既存の CSS に貼り付ければ OK です。既存の CSS には、上記の CSS は初めからありませんよ。(^^)
貼り付ける場所は、どこでも OK です。CSS 内の表記に順番はありません。わかりやすく、一番最後でよいのじゃないでしょうか [ニコ]
9. Posted by
ましまろ
2006年04月27日 06:17
あ〜〜っ！やっぱりそうでしたか＝。＝；
やってみます。ありがとうございました。
やってみます。ありがとうございました。
10. Posted by
ましまろ
2006年04月27日 06:52
またまた、ましまろです。きれいに仕上がりましたので、一応ご報告[フリフリ] いつもありがとうございます[ハート]
11. Posted by
ましまろ
2006年04月27日 08:56
CSSを加えて、文字色の変更は出来たのですが、トップページのみで、他のページ、カテゴリーのページは、同じ色のままなんですが。。何か私は、またしくじったのでしょうか？[叫び]
12. Posted by AQ
2006年04月27日 10:08
＞ ましまろ さん (^^)
あ〜 ｗｗ しくじったんじゃなくて、カン違いです [ニコ]
通常このカスタマイズは、トップページに掲載された新しい記事を、スムーズに読んでいただく事が目的のものです。
そのため、上の記事の説明の中では ・・・
[blockquote]トップページの HTML をカスタマイズします。管理画面より、カスタマイズ / 管理 > デザインの設定 > カスタマイズ > より、トップページの HTML をメモ帳などにコピーして、新たなタグの追記、及び削除などをおこないます。
[/blockquote]
・・・ と書いてあります。もし他のページも同じ状態にするのであれば [span][style]color:#CC0066;[/style]月別[/span]、[span][style]color:#CC0066;[/style]カテゴリー別[/span] のページにも、上記のカスタマイズをしなければなりません。・・・ まだしていないでしょ [？]
あ〜 ｗｗ しくじったんじゃなくて、カン違いです [ニコ]
通常このカスタマイズは、トップページに掲載された新しい記事を、スムーズに読んでいただく事が目的のものです。
そのため、上の記事の説明の中では ・・・
[blockquote]トップページの HTML をカスタマイズします。管理画面より、カスタマイズ / 管理 > デザインの設定 > カスタマイズ > より、トップページの HTML をメモ帳などにコピーして、新たなタグの追記、及び削除などをおこないます。
[/blockquote]
・・・ と書いてあります。もし他のページも同じ状態にするのであれば [span][style]color:#CC0066;[/style]月別[/span]、[span][style]color:#CC0066;[/style]カテゴリー別[/span] のページにも、上記のカスタマイズをしなければなりません。・・・ まだしていないでしょ [？]
13. Posted by
ましまろ
2006年04月27日 13:19
まだやってませんでした。。[もっとorz...]少し知恵が付いてきて、もしかして、同じようにしないとだめなのかな？と思う事が、一瞬できたので、以前と比べると、マシになってきています[ポカーン]
他の部分もやってみて、出来ました。いつもすみません〜。
他の部分もやってみて、出来ました。いつもすみません〜。
14. Posted by AQ
2006年04月27日 22:31
＞ ましまろ さん (^^)
いえいえ、どういたしまして ｗｗ
そうですよね、その辺のこと （ 他のページにも同じ事を繰り返す ） も上の記事に付け足しておく方が親切ですよね。A^^;
さっそく、今日の夜にでも追記しておきます。
同じ事で困ってしまう方もおられると思いますから。[ニコ]
いえいえ、どういたしまして ｗｗ
そうですよね、その辺のこと （ 他のページにも同じ事を繰り返す ） も上の記事に付け足しておく方が親切ですよね。A^^;
さっそく、今日の夜にでも追記しておきます。
同じ事で困ってしまう方もおられると思いますから。[ニコ]
15. Posted by 通りすがりのＤ
2006年05月02日 17:49
お邪魔します。初めまして。
上のカスタマイズ、利用させてもらってます。
そこで１つ困った事が…(´･ω･`)
「続きを読む」をクリックすると「続きを隠す」が１番下に
表示されて、隠すと追記で表示された最後の位置から戻らない。
という現象が起こるのです(ﾉД`)
説明下手で申し訳ありませんが、対処法などありましたら教えていただきたいです。よろしくお願いします(._.)
上のカスタマイズ、利用させてもらってます。
そこで１つ困った事が…(´･ω･`)
「続きを読む」をクリックすると「続きを隠す」が１番下に
表示されて、隠すと追記で表示された最後の位置から戻らない。
という現象が起こるのです(ﾉД`)
説明下手で申し訳ありませんが、対処法などありましたら教えていただきたいです。よろしくお願いします(._.)
16. Posted by AQ
2006年05月02日 17:57
＞ 通りすがりのＤ さん
初めまして。(^^)
ごめんなさい、それに答えるにはあなたのブログを
見せてもらわないとわからないですね。[汗汗]
[blockquote]隠すと追記で表示された最後の位置から戻らない。[/blockquote]
ここの部分がどうなるか実際に試してみたいのですが。[無言]
よければアドレス書いていただけますか [？]
初めまして。(^^)
ごめんなさい、それに答えるにはあなたのブログを
見せてもらわないとわからないですね。[汗汗]
[blockquote]隠すと追記で表示された最後の位置から戻らない。[/blockquote]
ここの部分がどうなるか実際に試してみたいのですが。[無言]
よければアドレス書いていただけますか [？]
17. Posted by
通りすがりのＤ
2006年05月03日 14:06
あまり人に見せられるようなもんじゃないんですが(ﾟДﾟ;)
お願いします(._.)
お願いします(._.)
18. Posted by AQ
2006年05月03日 16:19
＞ 通りすがりのＤ さん (^^)
了解しました。見にいきますね〜 [ニコ]
了解しました。見にいきますね〜 [ニコ]
19. Posted by AQ
2006年05月03日 16:55
＞ 通りすがりのＤ さん
さて見にいってきましたが、『 続きを隠す 』 が記事の一番下に表示されているのは問題ないですよね [？] ず〜と記事を読んでいって、読み終わって 『 続きを隠す 』 をクリックすると開いた追記分が閉じます。
その時、スクロールされたページが段々と下のほうに向かっていきます。この動作が、もう少し改善されたら良いなという感じで解釈すれば良かったでしょうか [？]
ご質問の件は、この後の動作が具体的にどうなれば良いと思われていますか [？] そのご希望によって、できる場合とできない場合があります。とりあえずご希望をお聞かせ願えますでしょうか。[ニコ]
さて見にいってきましたが、『 続きを隠す 』 が記事の一番下に表示されているのは問題ないですよね [？] ず〜と記事を読んでいって、読み終わって 『 続きを隠す 』 をクリックすると開いた追記分が閉じます。
その時、スクロールされたページが段々と下のほうに向かっていきます。この動作が、もう少し改善されたら良いなという感じで解釈すれば良かったでしょうか [？]
ご質問の件は、この後の動作が具体的にどうなれば良いと思われていますか [？] そのご希望によって、できる場合とできない場合があります。とりあえずご希望をお聞かせ願えますでしょうか。[ニコ]
20. Posted by 通りすがりのＤ
2006年05月03日 19:21
度々すみません(._.)
説明がとても下手なのでうまく言えないのですが…。
追記が長ければ長いだけ、閉じた時にその分下がってて
次の記事を飛ばしてしまう。
開く前の位置に戻らない。
という事なんですが…
伝わったかな？(ﾟДﾟ;)
説明がとても下手なのでうまく言えないのですが…。
追記が長ければ長いだけ、閉じた時にその分下がってて
次の記事を飛ばしてしまう。
開く前の位置に戻らない。
という事なんですが…
伝わったかな？(ﾟДﾟ;)
21. Posted by AQ
2006年05月03日 22:34
＞ 通りすがりのＤ さん
伝わってますよ。(^^)
それができたら私もやってるんですよねぇ〜実は [汗汗]
でも、私のテンプレートではできないんですけど、（ 大幅にカスタマイズしているから ） 通りすがりのＤ さんのテンプレートならやれるかも知れません。[めがね] 今、少しひらめきました。[ピコン]
ちょっと検証してみます。1日 〜 2日の猶予を下さい。
またこのコメント欄を覗きに来て下さい。(^^)
伝わってますよ。(^^)
それができたら私もやってるんですよねぇ〜実は [汗汗]
でも、私のテンプレートではできないんですけど、（ 大幅にカスタマイズしているから ） 通りすがりのＤ さんのテンプレートならやれるかも知れません。[めがね] 今、少しひらめきました。[ピコン]
ちょっと検証してみます。1日 〜 2日の猶予を下さい。
またこのコメント欄を覗きに来て下さい。(^^)
22. Posted by AQ
2006年05月06日 19:50
＞ 通りすがりのＤ さん
できました。できましたよ〜 (^^)
何でできないって、決め付けていたんだろう [？]
考えて見るとムチャクチャ簡単な話でした。ｗｗ
私のブログにも、すでに設置しています。
トップページの HTML を （ カテゴリ・月別も同じく ） 上から覗いていくと、こういう部分があります。
<div id="blogcontainer">
<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
[span][style]color:#CC0066;[/style]<$TrackBackAutoDiscovery$>[/span]
[span][style]color:#CC0066;[/style]<div class="datetop"></div>[/span]
<div class="fullbody">
これに、<a name="<$ArticleId$>"></a> のアンカータグを打ち込みます。入れる場所は、[span][style]color:#CC0066;[/style]赤文字[/span] の <$TrackBackAutoDiscovery$> と <div class="datetop"></div> の間が良いでしょう。
こんな感じになります。
<div id="blogcontainer">
<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
<$TrackBackAutoDiscovery$>
<a name="<$ArticleId$>"></a>
<div class="datetop"></div>
<div class="fullbody">
これで保存して、再構築をかけて下さい。
決め付けるって言うのは何にせよダメだね〜 [汗汗]
おかげで勉強になりました。(^^)
できました。できましたよ〜 (^^)
何でできないって、決め付けていたんだろう [？]
考えて見るとムチャクチャ簡単な話でした。ｗｗ
私のブログにも、すでに設置しています。
トップページの HTML を （ カテゴリ・月別も同じく ） 上から覗いていくと、こういう部分があります。
<div id="blogcontainer">
<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
[span][style]color:#CC0066;[/style]<$TrackBackAutoDiscovery$>[/span]
[span][style]color:#CC0066;[/style]<div class="datetop"></div>[/span]
<div class="fullbody">
これに、<a name="<$ArticleId$>"></a> のアンカータグを打ち込みます。入れる場所は、[span][style]color:#CC0066;[/style]赤文字[/span] の <$TrackBackAutoDiscovery$> と <div class="datetop"></div> の間が良いでしょう。
こんな感じになります。
<div id="blogcontainer">
<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
<$TrackBackAutoDiscovery$>
<a name="<$ArticleId$>"></a>
<div class="datetop"></div>
<div class="fullbody">
これで保存して、再構築をかけて下さい。
決め付けるって言うのは何にせよダメだね〜 [汗汗]
おかげで勉強になりました。(^^)
23. Posted by 通りすがりのＤ
2006年05月07日 02:41
こんばんわ！お邪魔します。
おお…仕上がったんですね！お疲れ様です(._.)
お手数かけて本当にすみませんでした(ノд｀)
早速書かれている通り実行してみますね！
おお…仕上がったんですね！お疲れ様です(._.)
お手数かけて本当にすみませんでした(ノд｀)
早速書かれている通り実行してみますね！
24. Posted by 通りすがりのＤ
2006年05月07日 12:48
こんにちは！出来ましたよ！
ちゃんと元の位置に戻るようになりました！ヽ(´ー｀)ノ
お手数かけて本当にすみませんでした(ﾉД`)
本当にありがとうございました(._.)
これからもお邪魔させてもらいますね( ﾟーﾟ)
ちゃんと元の位置に戻るようになりました！ヽ(´ー｀)ノ
お手数かけて本当にすみませんでした(ﾉД`)
本当にありがとうございました(._.)
これからもお邪魔させてもらいますね( ﾟーﾟ)
25. Posted by AQ
2006年05月07日 14:44
＞ 通りすがりのＤ さん (^^)
できましたか。良かった良かった。[音符]
この部分は私も気になっていたんですよ。^^;
でも何度か修正して、できないと決め付けていました。[汗タラー]
通りすがりのＤ さんのおかげで、もう一度チャレンジして、
フッとひらめいた事で無事に解決しました。
こちらこそ、ありがとうございました。
いつでも遊びに来てくださいね〜 [アハ]
できましたか。良かった良かった。[音符]
この部分は私も気になっていたんですよ。^^;
でも何度か修正して、できないと決め付けていました。[汗タラー]
通りすがりのＤ さんのおかげで、もう一度チャレンジして、
フッとひらめいた事で無事に解決しました。
こちらこそ、ありがとうございました。
いつでも遊びに来てくださいね〜 [アハ]
26. Posted by cina
2006年05月18日 21:10
こんばんは[ふーん]
折りたたみ式に挑戦しました！[アハ]
分かりやすい説明で、本当に助かりました[チュッ]
そこで質問なのですが、「続きを読む」「続きを隠す」の
文字が異様にでかいです[無言]
小さくするにはどうしたらよいですか？
初心者質問で申し訳ないのですが、よろしゅうおねがいいたします[ウェーン]
折りたたみ式に挑戦しました！[アハ]
分かりやすい説明で、本当に助かりました[チュッ]
そこで質問なのですが、「続きを読む」「続きを隠す」の
文字が異様にでかいです[無言]
小さくするにはどうしたらよいですか？
初心者質問で申し訳ないのですが、よろしゅうおねがいいたします[ウェーン]
27. Posted by AQ
2006年05月18日 21:22
＞ cina さん 初めまして (^^)
ナレッジから来られたっぽいですね (･･;)
違いました [？] 意味は無いんですが ｗｗ
上の記事、すべてを読まれましたか [？]
コメント欄にも色々なヒントが入っています。
まず、CSS の設定はなされましたでしょうか [？]
.acontinues{
font-size:12px;
text-align:left;
}
この表記を CSS に追加してくださいね。追加する場所はどこでも良いです。ご自身でわかりやすいところに記述して下さい。12px より小さくするなら 11px、10px に。[ピコン]
でもあんまり小さくすると、ブラウザーによっては見えなくなるから、上記の数字ぐらいにしておく方が無難かも (^^)
ナレッジから来られたっぽいですね (･･;)
違いました [？] 意味は無いんですが ｗｗ
上の記事、すべてを読まれましたか [？]
コメント欄にも色々なヒントが入っています。
まず、CSS の設定はなされましたでしょうか [？]
.acontinues{
font-size:12px;
text-align:left;
}
この表記を CSS に追加してくださいね。追加する場所はどこでも良いです。ご自身でわかりやすいところに記述して下さい。12px より小さくするなら 11px、10px に。[ピコン]
でもあんまり小さくすると、ブラウザーによっては見えなくなるから、上記の数字ぐらいにしておく方が無難かも (^^)
28. Posted by 愛
2006年08月21日 18:53
はじめまして！
ｶｽﾀﾏｲｽﾞの参考にさせていただきました。
追記がとても見やすくなりました。
ありがとうございます！！
ただ、日記の文章と「続きを読む」に間が二行分くらい空いてしまう
のですが、それは解消できますでしょうか？
初心者なんですが、わからないながらも、
自分で色々と試してみて（br clear="all"）を消してみたり、
（p align="left"</p）を消してみたりと、
やってみたのですが、どうしても間が空いてしまいます。
（きっと、意味のない部分をいじってるのでしょうね）
行間を広めにしているので、かなり空いた感じになってしまい、改善したいです。
何か対策があれば教えてください。
ｶｽﾀﾏｲｽﾞの参考にさせていただきました。
追記がとても見やすくなりました。
ありがとうございます！！
ただ、日記の文章と「続きを読む」に間が二行分くらい空いてしまう
のですが、それは解消できますでしょうか？
初心者なんですが、わからないながらも、
自分で色々と試してみて（br clear="all"）を消してみたり、
（p align="left"</p）を消してみたりと、
やってみたのですが、どうしても間が空いてしまいます。
（きっと、意味のない部分をいじってるのでしょうね）
行間を広めにしているので、かなり空いた感じになってしまい、改善したいです。
何か対策があれば教えてください。
29. Posted by AQ
2006年08月21日 23:46
＞ 愛さん 初めまして (^^)
>>28
さて、本職も一段落し、書いていただいたコメントにお答えしようと思っていたんですが、ブログアドレスが書かれていないため、愛さんのブログが現在どうなっているかの確認ができません [汗汗]
言葉で説明を受けるより、見たほうが早いんです。
ですのでメールをお送りしますので、そのメールの
返信に、ブログアドレスを書いてくださいね。
宜しくお願い致します [フリフリ]
>>28
さて、本職も一段落し、書いていただいたコメントにお答えしようと思っていたんですが、ブログアドレスが書かれていないため、愛さんのブログが現在どうなっているかの確認ができません [汗汗]
言葉で説明を受けるより、見たほうが早いんです。
ですのでメールをお送りしますので、そのメールの
返信に、ブログアドレスを書いてくださいね。
宜しくお願い致します [フリフリ]
30. Posted by AQ
2006年08月22日 00:33
＞ 愛さん
>>28
ブログアドレス聞く前に、なんとなくどこをお教えすれば
良いか、わかっちゃいました。(^_^;)
CSS の中にね、こういう部分があるんですよ。(._.)
[blockquote].main,.mainmore,.article_tags{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
これを、3つに分離させて欲しいの。こんな風に (._.)
[blockquote].main{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
[blockquote].mainmore{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
[blockquote].article_tags{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
次に、一番上の 『 padding:15px 0px; 』 の記述を
こう書き換えて下さい。
[blockquote]padding:15px 0px ○○px 0px;[/blockquote]
左の数字から、上、右、下、左、の余白をあらわします。
今回の場合は、左から３番目の " 下 " の余白を調整します。
デフォルトは 15px だから、それより低い数字を書き込んで下さい。
とりあえずは、5px ぐらいで状態を確認してはいかがでしょうか？
.main は、記事本文の指示。
.mainmore は、追記文章の指示。
.article_tags は、タグ表示の指示です。
２番目の追記文章の指示は、個別記事の時に、記事本文と
追記文章との間隔に関係してきますよね。
これで一度やって見て下さい。CSS の保存、再構築は
必ず忘れずにして下さいね (^^)
>>28
ブログアドレス聞く前に、なんとなくどこをお教えすれば
良いか、わかっちゃいました。(^_^;)
CSS の中にね、こういう部分があるんですよ。(._.)
[blockquote].main,.mainmore,.article_tags{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
これを、3つに分離させて欲しいの。こんな風に (._.)
[blockquote].main{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
[blockquote].mainmore{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
[blockquote].article_tags{
font-size:11px;
color:#5E5E5E;
text-align:left;
line-height:190%;
padding:15px 0px;
}[/blockquote]
次に、一番上の 『 padding:15px 0px; 』 の記述を
こう書き換えて下さい。
[blockquote]padding:15px 0px ○○px 0px;[/blockquote]
左の数字から、上、右、下、左、の余白をあらわします。
今回の場合は、左から３番目の " 下 " の余白を調整します。
デフォルトは 15px だから、それより低い数字を書き込んで下さい。
とりあえずは、5px ぐらいで状態を確認してはいかがでしょうか？
.main は、記事本文の指示。
.mainmore は、追記文章の指示。
.article_tags は、タグ表示の指示です。
２番目の追記文章の指示は、個別記事の時に、記事本文と
追記文章との間隔に関係してきますよね。
これで一度やって見て下さい。CSS の保存、再構築は
必ず忘れずにして下さいね (^^)
31. Posted by
愛
2006年08月22日 21:34
AQさん
早速、コメレス頂いて、メールまで頂き、
ありがとうございました！
上の方法でｶｽﾀﾏｲｽﾞをしてみました。
前より少し「文章」と「続きを読む」の間の隙間が狭くなったようです！
上の様に３分割したあと、padding:15px 0px 0px 0px;のように3番目の数字を０と設定しました。
（隙間、いらないと思ったので・・）
まだ少し、隙間ありますが、変ではないので、これで満足しています！
※ちなみに、「続きを読む」と記事のヘッダー部分
【（コメント（1）/カテゴリー名）などの部分】
の間の隙間を設定するのは、CSSのどの部分なのでしょうか？
とても分かり易く教えていただいたおかげで、初心者の私でもｶｽﾀﾏｲｽﾞできました。ありがとうございました！
ブログは・・お恥ずかしいジャニヲタブログですが（苦笑）
よければ出来上がり？を見てください。
早速、コメレス頂いて、メールまで頂き、
ありがとうございました！
上の方法でｶｽﾀﾏｲｽﾞをしてみました。
前より少し「文章」と「続きを読む」の間の隙間が狭くなったようです！
上の様に３分割したあと、padding:15px 0px 0px 0px;のように3番目の数字を０と設定しました。
（隙間、いらないと思ったので・・）
まだ少し、隙間ありますが、変ではないので、これで満足しています！
※ちなみに、「続きを読む」と記事のヘッダー部分
【（コメント（1）/カテゴリー名）などの部分】
の間の隙間を設定するのは、CSSのどの部分なのでしょうか？
とても分かり易く教えていただいたおかげで、初心者の私でもｶｽﾀﾏｲｽﾞできました。ありがとうございました！
ブログは・・お恥ずかしいジャニヲタブログですが（苦笑）
よければ出来上がり？を見てください。
32. Posted by AQ
2006年08月23日 02:38
＞ 愛さん
>>31
[blockquote]まだ少し、隙間ありますが、変ではないので、
これで満足しています！[/blockquote]
もし良かったら、padding を margin に変更して
マイナス指定してみて下さい。こんな風に ・・・
[blockquote]margin:15px 0px -5px 0px;[/blockquote]
margin は、マイナスの指定が可能です。
padding は、できません。
・・・ と書きながら、今、愛さんのブログを見たら、
padding:15px 0px 5px 0px; になってますよね？
考え直したのかな [？]
> （コメント（1）/カテゴリー名）などの部分の間の隙間を
> 設定するのは、CSSのどの部分なのでしょうか？
CSS の中の、.posted{ } です。現在は、padding-top:5px; になっています。これを、padding-top:0px; にすれば、5px は縮まる事になりますが、それでも 5px だけですよ。
もともと記事内部の行間を 195% と広く取っておられるので、
一行でもあけば、相当の間が空いちゃいますね。
これも広げたかったら、padding-top:○px; の数字を大きくすれば良いし、縮めるのにマイナス指定したければ、margin-top:-5px; などと変更記述すれば OK です。
ひとつ気になる事があります。それは行間 195% も取れば、
普通はもっと行間が空くような気がするんですよね (･･?)
愛さんはブログタイトルをフラッシュになさっていますよね。実はこの記述が少しおかしいのです。そのせいで、そのフラッシュ画像以降の HTML に影響が出ているんじゃないかと考えています。
おかしいのは、<object> 〜 </object> で囲まれた記述の中の、codebase="・・・" の部分です。記述が足りずに不完全になっています。この部分は、もう一度確かめて早めに直しておいた方が良いと思います。頑張って (^^)
>>31
[blockquote]まだ少し、隙間ありますが、変ではないので、
これで満足しています！[/blockquote]
もし良かったら、padding を margin に変更して
マイナス指定してみて下さい。こんな風に ・・・
[blockquote]margin:15px 0px -5px 0px;[/blockquote]
margin は、マイナスの指定が可能です。
padding は、できません。
・・・ と書きながら、今、愛さんのブログを見たら、
padding:15px 0px 5px 0px; になってますよね？
考え直したのかな [？]
> （コメント（1）/カテゴリー名）などの部分の間の隙間を
> 設定するのは、CSSのどの部分なのでしょうか？
CSS の中の、.posted{ } です。現在は、padding-top:5px; になっています。これを、padding-top:0px; にすれば、5px は縮まる事になりますが、それでも 5px だけですよ。
もともと記事内部の行間を 195% と広く取っておられるので、
一行でもあけば、相当の間が空いちゃいますね。
これも広げたかったら、padding-top:○px; の数字を大きくすれば良いし、縮めるのにマイナス指定したければ、margin-top:-5px; などと変更記述すれば OK です。
ひとつ気になる事があります。それは行間 195% も取れば、
普通はもっと行間が空くような気がするんですよね (･･?)
愛さんはブログタイトルをフラッシュになさっていますよね。実はこの記述が少しおかしいのです。そのせいで、そのフラッシュ画像以降の HTML に影響が出ているんじゃないかと考えています。
おかしいのは、<object> 〜 </object> で囲まれた記述の中の、codebase="・・・" の部分です。記述が足りずに不完全になっています。この部分は、もう一度確かめて早めに直しておいた方が良いと思います。頑張って (^^)
33. Posted by 愛
2006年08月23日 21:12
AQさん
お忙しいだろうに、とても丁寧に分かり易く、教えていただき、
ありがとうございました！
早速、教えていただいたとおり、色々と試してみました！
結果は・・文章が長くなりすぎて、コメント欄に入らなかった為、先日頂いたメールに返信という形でメールをお送りさせていただきました。
お時間があるときにでも・・読んでいただけると嬉しいです。
ありがとうございました！
お忙しいだろうに、とても丁寧に分かり易く、教えていただき、
ありがとうございました！
早速、教えていただいたとおり、色々と試してみました！
結果は・・文章が長くなりすぎて、コメント欄に入らなかった為、先日頂いたメールに返信という形でメールをお送りさせていただきました。
お時間があるときにでも・・読んでいただけると嬉しいです。
ありがとうございました！
34. Posted by AQ
2006年08月24日 08:21
＞ 愛さん
>>33
メール見ました。フラッシュの件は、おかしい部分の正しい
記述がわかりましたので、またここにカキコしておきます。
行間の件も、他に試していただく事が何点かあるみたいなので、
それも併せてレスします ・・・ がっ
レスもうちょっと待って下さい [汗汗]
時間の合間を見て、カキコしますので (^_^;)
>>33
メール見ました。フラッシュの件は、おかしい部分の正しい
記述がわかりましたので、またここにカキコしておきます。
行間の件も、他に試していただく事が何点かあるみたいなので、
それも併せてレスします ・・・ がっ
レスもうちょっと待って下さい [汗汗]
時間の合間を見て、カキコしますので (^_^;)
35. Posted by AQ
2006年09月07日 14:49
＞ 愛さん
行間の件はまず 『 続きを読む 』 の HTML を前後に挟んでいる ・・・
[strong]<p align="left"> 〜 </p>[/strong] を以下の
ように変更していただけませんか？
[blockquote][strong]<div align="left"> 〜 </div>[/strong] もしくは・・・
[strong]<span align="left"> 〜 </span>[/strong][/blockquote]
これに変更した後、上記コメント >>30 〜 >>32 のやりとりでおこなった CSS の調整をしてみて下さい。
またフラッシュのおかしい部分ですが、ナレッジの回答で教えてもらった部分をそのままコピーペーストしたためにおこっているミスです。
ナレッジの回答欄やコメント欄に書かれた長いアドレス （ URL ） は、自動的に縮小されるようになっており、縮小された部分がわかりやすいように 『 ; 』 が勝手に付いてしまいます。そのため、HTML の記述が間違った事になっているようです。
現在のブログでは外しておられるみたいなのですが、一応回答しておきます。以下に正しい HTML を記述しておきましたので、Windows ならそれを一度メモ帳にコピーしてから、再度、管理画面内のトップページ HTML に貼り付けて下さい。
[blockquote]<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="250" height="50">
<param name="movie" value="FC２ブログでアップしたswfファイルのアドレス">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="FCブログでアップしたswfファイルのアドレス" quality="high" bgcolor="#ffffff" width="250" height="50" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>[/blockquote]
もうだいぶん時間が経ってしまいましたので、回答しても役立たずかも知れませんが、ご参考になれば幸いです。
行間の件はまず 『 続きを読む 』 の HTML を前後に挟んでいる ・・・
[strong]<p align="left"> 〜 </p>[/strong] を以下の
ように変更していただけませんか？
[blockquote][strong]<div align="left"> 〜 </div>[/strong] もしくは・・・
[strong]<span align="left"> 〜 </span>[/strong][/blockquote]
これに変更した後、上記コメント >>30 〜 >>32 のやりとりでおこなった CSS の調整をしてみて下さい。
またフラッシュのおかしい部分ですが、ナレッジの回答で教えてもらった部分をそのままコピーペーストしたためにおこっているミスです。
ナレッジの回答欄やコメント欄に書かれた長いアドレス （ URL ） は、自動的に縮小されるようになっており、縮小された部分がわかりやすいように 『 ; 』 が勝手に付いてしまいます。そのため、HTML の記述が間違った事になっているようです。
現在のブログでは外しておられるみたいなのですが、一応回答しておきます。以下に正しい HTML を記述しておきましたので、Windows ならそれを一度メモ帳にコピーしてから、再度、管理画面内のトップページ HTML に貼り付けて下さい。
[blockquote]<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="250" height="50">
<param name="movie" value="FC２ブログでアップしたswfファイルのアドレス">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="FCブログでアップしたswfファイルのアドレス" quality="high" bgcolor="#ffffff" width="250" height="50" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>[/blockquote]
もうだいぶん時間が経ってしまいましたので、回答しても役立たずかも知れませんが、ご参考になれば幸いです。
36. Posted by 愛
2006年09月11日 10:00
ＡＱさん
こんにちわ！メールまでいただいて、
また、お忙しい中、丁寧な回答ありがとうございました！
早速、<span align="left"> 〜 </span>
の方に変更してみたところ、
「続きを読む」の部分の余白が設定したとおりに変更できる
ようになりました。
ﾌﾗｯｼｭははずしましたが、またつけることがあれば、
参考にさせていただきます！
ナレッジで教えてもらったものを、
そのまま貼ったのが、いけなかったんですね。
教えてもらわなければ、気づかないままだったと思います。
ありがとうございました！
とても勉強になりました。
またお邪魔させていただきますね！
こんにちわ！メールまでいただいて、
また、お忙しい中、丁寧な回答ありがとうございました！
早速、<span align="left"> 〜 </span>
の方に変更してみたところ、
「続きを読む」の部分の余白が設定したとおりに変更できる
ようになりました。
ﾌﾗｯｼｭははずしましたが、またつけることがあれば、
参考にさせていただきます！
ナレッジで教えてもらったものを、
そのまま貼ったのが、いけなかったんですね。
教えてもらわなければ、気づかないままだったと思います。
ありがとうございました！
とても勉強になりました。
またお邪魔させていただきますね！
37. Posted by AQ
2006年09月12日 00:32
＞ 愛さん
>>36
長い時間がかかって、申し訳なかったです [汗汗]
[blockquote]<span align="left"> 〜 </span>[/blockquote]
これでうまくいきましたか？ 良かった〜 ε-(´∀｀*)ﾎｯ
この事は、記事の方に追記しておきますね。
また遊びに来てください。
お待ちしております [ニコ]
>>36
長い時間がかかって、申し訳なかったです [汗汗]
[blockquote]<span align="left"> 〜 </span>[/blockquote]
これでうまくいきましたか？ 良かった〜 ε-(´∀｀*)ﾎｯ
この事は、記事の方に追記しておきますね。
また遊びに来てください。
お待ちしております [ニコ]
38. Posted by
鐐_☆Ryo彡
2006年10月11日 01:10
はじめまして､今晩和☆
こっそりひっそりcssをAQさんのブログで勉強中の鐐_☆Ryo彡と申します｡よろしくお願いいたします[ラブラブ]
先ほど､ﾄﾗｯｸﾊﾞｯｸさせていただきました[アハ]
ご報告のみで申し訳ありません[ウェーン]
こっそりひっそりcssをAQさんのブログで勉強中の鐐_☆Ryo彡と申します｡よろしくお願いいたします[ラブラブ]
先ほど､ﾄﾗｯｸﾊﾞｯｸさせていただきました[アハ]
ご報告のみで申し訳ありません[ウェーン]
39. Posted by AQ
2006年10月11日 01:23
＞ 鐐_☆Ryo彡 さん 初めまして。
>>38
なんかすごいハンドルネームですね (･･;)
ボクの CSS ってややこしいでしょ。ｗｗ
色々な検証もかねて作り上げたんで、ちょっとねばっこい
CSS になっているんですよね。(^_^;)
そんなんで良ければいつでもどうぞ。
解らない事があればいつでもお聞き下さい。
ところで ・・・ トラバ失敗してますよ。ｗｗ
記事内に、ココのブログアドレスをリンクしておいて下さい。
そうしないと受け付けない設定になっているんです。
お手数をおかけします。m(_ _)m
>>38
なんかすごいハンドルネームですね (･･;)
ボクの CSS ってややこしいでしょ。ｗｗ
色々な検証もかねて作り上げたんで、ちょっとねばっこい
CSS になっているんですよね。(^_^;)
そんなんで良ければいつでもどうぞ。
解らない事があればいつでもお聞き下さい。
ところで ・・・ トラバ失敗してますよ。ｗｗ
記事内に、ココのブログアドレスをリンクしておいて下さい。
そうしないと受け付けない設定になっているんです。
お手数をおかけします。m(_ _)m
40. Posted by
鐐_☆Ryo彡
2006年10月11日 01:35
>> AQさん
ほんとだ…｡失敗しとる [ガビン]
記事にリンク貼れば良いのですか！早速やってみよう｡｡｡
cssは”おバカなアタシ”にも分かり易くてうれしい限りです｡
これからも頑張ってくださいね [チュッ]
P.S.最近､ハンネを厳ついのに変えたのです｡
じつはBBSで使用するの初めてです [ハート]
ほんとだ…｡失敗しとる [ガビン]
記事にリンク貼れば良いのですか！早速やってみよう｡｡｡
cssは”おバカなアタシ”にも分かり易くてうれしい限りです｡
これからも頑張ってくださいね [チュッ]
P.S.最近､ハンネを厳ついのに変えたのです｡
じつはBBSで使用するの初めてです [ハート]
41. Posted by AQ
2006年10月11日 01:57
＞ 鐐_☆Ryo彡 さん
>>40
今度は大成功です。(^^)・・・ちょっとリンクの貼り方の
意味が違うんですが・・・とりあえず大成功です ｗｗ
鐐_☆Ryo彡 さんはレイヤーなんですね [ハート]
でも写真が載っていないのは残念です ガクッ (+_+)
自慢のコスがアップされたら見にいきますね [フリフリ]
>>40
今度は大成功です。(^^)・・・ちょっとリンクの貼り方の
意味が違うんですが・・・とりあえず大成功です ｗｗ
鐐_☆Ryo彡 さんはレイヤーなんですね [ハート]
でも写真が載っていないのは残念です ガクッ (+_+)
自慢のコスがアップされたら見にいきますね [フリフリ]
42. Posted by
鐐_☆Ryo彡
2006年10月12日 01:24
今晩和☆
昨日はありがとうございました！
今日やり直そうかと思っていたら、成功していたみたいでびっくりしましたυυ
こちらにﾄﾗｯｸﾊﾞｯｸ先がでるんですねぇ〜知りませんでした(真顔
コス写はHPに載せてます。
ブログにも載せたいと思っているのですが、如何せんヘタレイヤーなものでして。ブログにリンクも貼れてませんし。
ご興味が失せていなければ、こちらにリンク貼りますからお越しくださいね☆★コス写を見る場合は、携帯からアクセスが良いです。
昨日はありがとうございました！
今日やり直そうかと思っていたら、成功していたみたいでびっくりしましたυυ
こちらにﾄﾗｯｸﾊﾞｯｸ先がでるんですねぇ〜知りませんでした(真顔
コス写はHPに載せてます。
ブログにも載せたいと思っているのですが、如何せんヘタレイヤーなものでして。ブログにリンクも貼れてませんし。
ご興味が失せていなければ、こちらにリンク貼りますからお越しくださいね☆★コス写を見る場合は、携帯からアクセスが良いです。
43. Posted by AQ
2006年10月12日 03:07
＞ 鐐_☆Ryo彡 さん
>>42
[blockquote]こちらにﾄﾗｯｸﾊﾞｯｸ先がでるんですねぇ〜
知りませんでした[/blockquote]
はは (^^) またひとつ勉強になりましたね ｗｗ
[blockquote]コス写は HP に載せてます。[/blockquote]
一応携帯からもアクセスしたんですが、なんか奥が深そうですね ^^;
色々と見るには時間がかかりそう ｗｗ
鐐_☆Ryo彡 さんのブログでのコスを、楽しみにしています。
そのほうが、ゆっくり見れそうですから (^^)
>>42
[blockquote]こちらにﾄﾗｯｸﾊﾞｯｸ先がでるんですねぇ〜
知りませんでした[/blockquote]
はは (^^) またひとつ勉強になりましたね ｗｗ
[blockquote]コス写は HP に載せてます。[/blockquote]
一応携帯からもアクセスしたんですが、なんか奥が深そうですね ^^;
色々と見るには時間がかかりそう ｗｗ
鐐_☆Ryo彡 さんのブログでのコスを、楽しみにしています。
そのほうが、ゆっくり見れそうですから (^^)
44. Posted by 香佑
2007年10月07日 13:09
初めてコメントします。
折りたたみ式 ｢ Read more ｣ を活用させて頂いております！
ありがとうございます！！
ただ、設定をしてから 最新記事 ( ↓ に広告の入る記事 ) だけ
コメントやトラックバックなどの部分に
マウスをもっていくと白く表示されてしまう場合があるみたいです。
( Win98 IE:Ver. 不明では 白くなりました ）
どうもスクリプトソース ( ？ ) をいれると
白くなってしまうみたいで、それ以外の場合は大丈夫でした。
しかし、広告を表示するタグを入れなければ
ちゃんと出ていたので 広告の影響なのかもしれませんが。。
ちなみに、使用しているテンプレートは
ライブドアのキャラクターにあるバナナモンキーです。
私が普段使っている PC ( WinXP IE7 ) では なんともないんですが
プラウザの問題なのでしょうか ・・・？
折りたたみ式 ｢ Read more ｣ を活用させて頂いております！
ありがとうございます！！
ただ、設定をしてから 最新記事 ( ↓ に広告の入る記事 ) だけ
コメントやトラックバックなどの部分に
マウスをもっていくと白く表示されてしまう場合があるみたいです。
( Win98 IE:Ver. 不明では 白くなりました ）
どうもスクリプトソース ( ？ ) をいれると
白くなってしまうみたいで、それ以外の場合は大丈夫でした。
しかし、広告を表示するタグを入れなければ
ちゃんと出ていたので 広告の影響なのかもしれませんが。。
ちなみに、使用しているテンプレートは
ライブドアのキャラクターにあるバナナモンキーです。
私が普段使っている PC ( WinXP IE7 ) では なんともないんですが
プラウザの問題なのでしょうか ・・・？
45. Posted by 香佑
2007年10月07日 13:11
また、<p align="left"> </p> の部分を
div に変えたものを使っていたのですが
トップ画面は ちゃんと表示されているんですが
カテゴリー別や月別で表示したとき
デザインが崩れてしまう箇所があります。。
記事のせいなのかもですが ・・・
p と span はデザインに変化なかったんですが
div にしたときだけ 形が崩れてしまうみたいです。。
( span だと一回続きを開いて戻した時くらいのスペースが欲しくて。。)
cssやhtmlなど 知識皆無で見よう見まねの状態なので
どこを直していいかもわからず コメントさせていただいた次第です。
最初から 文章能力もないのに こんな長文で
しかも1年以上前の記事に
コメント差し上げる形になってしまって申し訳ありません。。
お時間がありましたらご教授いただければと思います。
よろしくお願いします！
div に変えたものを使っていたのですが
トップ画面は ちゃんと表示されているんですが
カテゴリー別や月別で表示したとき
デザインが崩れてしまう箇所があります。。
記事のせいなのかもですが ・・・
p と span はデザインに変化なかったんですが
div にしたときだけ 形が崩れてしまうみたいです。。
( span だと一回続きを開いて戻した時くらいのスペースが欲しくて。。)
cssやhtmlなど 知識皆無で見よう見まねの状態なので
どこを直していいかもわからず コメントさせていただいた次第です。
最初から 文章能力もないのに こんな長文で
しかも1年以上前の記事に
コメント差し上げる形になってしまって申し訳ありません。。
お時間がありましたらご教授いただければと思います。
よろしくお願いします！
46. Posted by AQ
2007年10月09日 07:44
＞ 香佑さん
>>44
[blockquote]Win98 IE : Ver. 不明 ・・・[/blockquote]
ごめんなさい。この環境を試してみる事ができません。
98 はもうサポートが終了されている OS ですしね [汗汗]
ブラウザーの問題だと思います。このカスタマイズを利用なさっている方は多いみたいなんですが、今までそういうお話を伝えられたのは初めてです。逆に、IE7 で不具合が出ていないのを聞いて、正直ホッとしています [汗汗]
>>45
この問題は、実際にカスタマイズをなさっているブログを見ながら、コメントに書かれている事を読んでいかないと、少し理解しにくいです。今回、ブログアドレスを書かれていないですよね。
アドレス、また教えて下さい。一度、見に行きます。
>>44
[blockquote]Win98 IE : Ver. 不明 ・・・[/blockquote]
ごめんなさい。この環境を試してみる事ができません。
98 はもうサポートが終了されている OS ですしね [汗汗]
ブラウザーの問題だと思います。このカスタマイズを利用なさっている方は多いみたいなんですが、今までそういうお話を伝えられたのは初めてです。逆に、IE7 で不具合が出ていないのを聞いて、正直ホッとしています [汗汗]
>>45
この問題は、実際にカスタマイズをなさっているブログを見ながら、コメントに書かれている事を読んでいかないと、少し理解しにくいです。今回、ブログアドレスを書かれていないですよね。
アドレス、また教えて下さい。一度、見に行きます。
47. Posted by
香佑
2007年10月09日 11:34
早速 返信ありがとうございます！
体調はもう復活しましたか？＞＜
98のサポートは終了してるんですか(笑
まぁカナリ古いですしね[汗タラー]
友達に消えてるよぉ(OS等不明ですが)と言われたので
家にある古いPCだったら 状況がわかるかなぁと。。
ありがとうございます[ハート]
やっぱそうですよね＞＜ すみません。。
一部マニアックだわ わからないのに入れてたりするので
結構恥ずかしいんですが・・・(笑
よろしくお願いします(ノД｀)
えっと もう1個わかったことがあるんですが
カテゴリー別とかの話ではなく
｢追記｣の部分が使われてる場合は
デザインが崩れないことがわかりました・・・
なので やっぱりどっか貼り付けミスってたり
いろいろ入れてるがために崩れてるのかもデス。。
お手数おかけします(ノДT)
体調はもう復活しましたか？＞＜
98のサポートは終了してるんですか(笑
まぁカナリ古いですしね[汗タラー]
友達に消えてるよぉ(OS等不明ですが)と言われたので
家にある古いPCだったら 状況がわかるかなぁと。。
ありがとうございます[ハート]
やっぱそうですよね＞＜ すみません。。
一部マニアックだわ わからないのに入れてたりするので
結構恥ずかしいんですが・・・(笑
よろしくお願いします(ノД｀)
えっと もう1個わかったことがあるんですが
カテゴリー別とかの話ではなく
｢追記｣の部分が使われてる場合は
デザインが崩れないことがわかりました・・・
なので やっぱりどっか貼り付けミスってたり
いろいろ入れてるがために崩れてるのかもデス。。
お手数おかけします(ノДT)
48. Posted by AQ
2007年10月12日 08:10
＞ 香佑さん
>>47
コメントは確認しています。
でも、もうちょっと待ってて下さいね。
マジ、体調の問題で頭が動かんのですよ [汗汗]
休みの日に、ゆっくり見てみます。
もう少し、お待ちを〜 [どぼじで〜]
>>47
コメントは確認しています。
でも、もうちょっと待ってて下さいね。
マジ、体調の問題で頭が動かんのですよ [汗汗]
休みの日に、ゆっくり見てみます。
もう少し、お待ちを〜 [どぼじで〜]
49. Posted by 香佑
2007年10月12日 11:26
体調大丈夫ですか！？
そんな中コメントありがとうございます＞＜
それ ・・・
問い合わせといてなんなのですが
AQ さんが完全復活して
なおかつ ひま ーーーーー なときで構いませんよ (笑
( あたしが使う分には 特に支障出てないので ・・・ [音符]
そんな中コメントありがとうございます＞＜
それ ・・・
問い合わせといてなんなのですが
AQ さんが完全復活して
なおかつ ひま ーーーーー なときで構いませんよ (笑
( あたしが使う分には 特に支障出てないので ・・・ [音符]
50. Posted by
やっこ
2007年10月29日 21:16
やり方わからなかったのですが、
検索してこちらにたどり着きました♪
こちらに記載されている方法でやった所、見事にできました♪
困っていたので本当に助かりました！
どうもありがとうございます [ウインク]
検索してこちらにたどり着きました♪
こちらに記載されている方法でやった所、見事にできました♪
困っていたので本当に助かりました！
どうもありがとうございます [ウインク]
51. Posted by AQ
2007年11月01日 02:58
＞ 香佑 さん
>>49
・・・ ホント、ごめんね (ﾉД｀)ｼｸｼｸ
とりあえず、頑張るから。（何を？
>>49
・・・ ホント、ごめんね (ﾉД｀)ｼｸｼｸ
とりあえず、頑張るから。（何を？
52. Posted by AQ
2007年11月01日 03:02
＞ やっこさん
>>50
FC2 のブログで、この方法でできるんですね (´・∀・｀)ﾍｰ
初めて知りました ｗｗ 一応ライブドアバージョンなんで、見に行ったところ少し手直しをしなきゃいけない部分もあるみたいですけど、ブログに支障がないなら、( ´∀｀)b OK! って事にしときましょ [汗汗]
>>50
FC2 のブログで、この方法でできるんですね (´・∀・｀)ﾍｰ
初めて知りました ｗｗ 一応ライブドアバージョンなんで、見に行ったところ少し手直しをしなきゃいけない部分もあるみたいですけど、ブログに支障がないなら、( ´∀｀)b OK! って事にしときましょ [汗汗]
53. Posted by テスト
2007年11月03日 05:10
[a]http://blog.livedoor.jp/cie/archives/50413793.html[txt]すいませんテストです。[/txt][/a]
54. Posted by AQ
2007年11月05日 09:48
＞ テストさん
>>53
ん？ buena suerte! へのリンクが
貼ってあるって事は、Cie さんですか？
お久しぶりです (^^) どうなさいました？
何かあれば、言ってくださいね〜 [またね〜]
>>53
ん？ buena suerte! へのリンクが
貼ってあるって事は、Cie さんですか？
お久しぶりです (^^) どうなさいました？
何かあれば、言ってくださいね〜 [またね〜]
55. Posted by 香佑
2007年11月07日 02:19
なにからなにまで申し訳ない。。
あたしがもっと html とか JAVA 〜 とかを勉強すれば
わかるのかもなんですが ・・・ (ノДT)
見てみているんですけど 所詮こぴー＆ペーストの世界なので(ノД｀)
お手数おかけします。。
あたしがもっと html とか JAVA 〜 とかを勉強すれば
わかるのかもなんですが ・・・ (ノДT)
見てみているんですけど 所詮こぴー＆ペーストの世界なので(ノД｀)
お手数おかけします。。
56. Posted by AQ
2007年11月08日 08:40
＞ 香佑 さん
>>55
いえいえ、僕ももっとブログに集中できる状況なら解決は早いと思うんですが、現在できない状況にあるので、放ったらかしになっちゃっててゴメンなさいね。もう少しで時間取れると思いますので待っててね！！
>>55
いえいえ、僕ももっとブログに集中できる状況なら解決は早いと思うんですが、現在できない状況にあるので、放ったらかしになっちゃっててゴメンなさいね。もう少しで時間取れると思いますので待っててね！！
57. Posted by 香佑
2007年11月08日 18:17
お気になさらずに (` ´)ゞ
というあたしも blog 放置に走ってますので ・・・ (笑
こちらからのお願いですし、急いでないし
すごーーーーーーーくお暇なときで大丈夫です＾＾
というあたしも blog 放置に走ってますので ・・・ (笑
こちらからのお願いですし、急いでないし
すごーーーーーーーくお暇なときで大丈夫です＾＾
58. Posted by AQ
2007年11月09日 08:35
＞ 香佑 さん
>>57
はい、了解です。ありがとう (^^)
>>57
はい、了解です。ありがとう (^^)
59. Posted by 香佑
2007年12月04日 21:18
こんにちわー！お久しぶりです(` ´)ゞ
えっと・・・
先日事故がありまして
テンプレート消えてしまったので入れなおしたら
・・・支障なくなってました(ノД｀)
どっかミスってたらしいです。。
今更ですが、ご迷惑おかけしました＞＜
えっと・・・
先日事故がありまして
テンプレート消えてしまったので入れなおしたら
・・・支障なくなってました(ノД｀)
どっかミスってたらしいです。。
今更ですが、ご迷惑おかけしました＞＜
60. Posted by
ととろ
2008年03月10日 20:04
はじめまして。こんにちは！
記事を読ませていただき、折りたたみ式にすることができました！
少し質問があります。
[blockquote]ピンク文字 の <p align="left"> </p> は、別に無くても良いのですが、一番初めにページを読み込んだ時に、１段、段落が上がった状態で表示されます。一度クリックしてしまえば、１段下に落ちて任意の位置に表示されるのですが、また新たにページを読み込むと、同じ現象が繰り返されます。この現象の解決策として、強制的に左側に寄せるよう指示しています。[/blockquote]
と、仰っていますので、このタグも入れたのですが、どうも�｜瞥郛紊�ったままなのです[汗タラー]
同様（？）の質問なのですが、ＡＱさんのように続きを読むを一番左から少し右に動かしたりするにはどうすればよいですか？
お忙しい中申し訳ありませんが、ＵＲＬを貼っておきますので、解決方法をご教授くださいm(__)m
記事を読ませていただき、折りたたみ式にすることができました！
少し質問があります。
[blockquote]ピンク文字 の <p align="left"> </p> は、別に無くても良いのですが、一番初めにページを読み込んだ時に、１段、段落が上がった状態で表示されます。一度クリックしてしまえば、１段下に落ちて任意の位置に表示されるのですが、また新たにページを読み込むと、同じ現象が繰り返されます。この現象の解決策として、強制的に左側に寄せるよう指示しています。[/blockquote]
と、仰っていますので、このタグも入れたのですが、どうも�｜瞥郛紊�ったままなのです[汗タラー]
同様（？）の質問なのですが、ＡＱさんのように続きを読むを一番左から少し右に動かしたりするにはどうすればよいですか？
お忙しい中申し訳ありませんが、ＵＲＬを貼っておきますので、解決方法をご教授くださいm(__)m
![[BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif "[BloMotion]ブログで記事を書いて報酬をゲット!!")
