No.44571 「続きを読む」の折りたたみについて
今readmore.js のスクリプト使ってるんですが折りたたみする時に記事の背景ごと下に行っちゃうんです。
追記から上の背景はそのままでの追記内容だけ背景色を指定する事出来ますか?
また「閉じる」のボタンが今下になってるけど位置はそのままにしたいです。
難しい質問ですみません(汗)
イメージは以下の通りです。
クリックする前
■■■■■■■■←(背景)
▼続き
クリックした時
■■■■■■■■
▲続き
□□□□□□□□
追記から上の背景はそのままでの追記内容だけ背景色を指定する事出来ますか?
また「閉じる」のボタンが今下になってるけど位置はそのままにしたいです。
難しい質問ですみません(汗)
イメージは以下の通りです。
クリックする前
■■■■■■■■←(背景)
▼続き
クリックした時
■■■■■■■■
▲続き
□□□□□□□□
試した操作手順
<!--if_ps_text-->
<div class="EntryPsText">
<span id="varP<!--$entry_no-->" class="more">
<a title="Open" href="<!--$entry_link-->#<!--$entry_no-->" style="border: none;" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;">[<!--$entry_ps_title-->]</a></span>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none">
<div class="EntryText">
<!--$entry_ps_text-->
<div class="EntryPsText"><span class="more"><a title="Close" href="#<!--$entry_no-->" style="border:none;" onclick="showMore(<!--$entry_no-->,0);return true;">[戻す]</a></span></div>
</div>
</div>
<!--/if_ps_text-->
上のタグの中間に<div style="background-color : #FFFFFF"></div>タグを挟みましたが背景の上に色がかぶるだけで、完全に下だけ白にはなりませんでした。
<div class="EntryPsText">
<span id="varP<!--$entry_no-->" class="more">
<a title="Open" href="<!--$entry_link-->#<!--$entry_no-->" style="border: none;" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;">[<!--$entry_ps_title-->]</a></span>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none">
<div class="EntryText">
<!--$entry_ps_text-->
<div class="EntryPsText"><span class="more"><a title="Close" href="#<!--$entry_no-->" style="border:none;" onclick="showMore(<!--$entry_no-->,0);return true;">[戻す]</a></span></div>
</div>
</div>
<!--/if_ps_text-->
上のタグの中間に<div style="background-color : #FFFFFF"></div>タグを挟みましたが背景の上に色がかぶるだけで、完全に下だけ白にはなりませんでした。
投稿者:No Name Ninja 投稿時間:2010-07-19 00:37:22
CSSのEntryTextBox内に背景を指定しています。
EntryTextに変えてEntryPsTextにカラーコード入れてみましたが「続きを読む」の所だけに色が付いたり単独ページの時に二重に表示されたりして駄目でした。
javascrip自体別のに変えた方がいいでしょうか。。
EntryTextに変えてEntryPsTextにカラーコード入れてみましたが「続きを読む」の所だけに色が付いたり単独ページの時に二重に表示されたりして駄目でした。
javascrip自体別のに変えた方がいいでしょうか。。
2010-07-19 01:39:29 追記
投稿者 : No Name Ninja
投稿時間:2010-07-20 20:20:38
No.44543をご覧くださればURLがあります。
アドバイス待ってます。
アドバイス待ってます。
投稿者 : No Name Ninja
投稿時間:2010-07-19 03:25:19
追記の情報だけでは何とも・・・。
前回答の繰り返しになりますが、実際のブログURLを提示するか、使用テンプレート名を提示下さい。
あるいは、EntryTextBox辺りからのHTMLソース、関連CSSコードをコピペ下さい。
>CSSのEntryTextBox内に背景を指定しています。
背景画像の種類は?
全面に繰り返すタイプですか?
一箇所固定タイプですか?
http://www.tagindex.com/stylesheet/box/background_repeat.html
一箇所固定タイプであるのなら、どのように指定していますか?
左上? 右上? 左下? 右下? センター? ありとあらゆるパターンが考えられるので、憶測でしか回答できません。
http://www.tagindex.com/stylesheet/box/background_position.html
画像の大きさや、どのような柄かにもよりますが、現在「background-position」の値に「bottom」が含まれるのなら「top」に変えてみると良いかもしれません。もしくは、垂直方向の値が「100%」なら「0%」にするとか。
何れにしろ、現在の情報量では確かな助言はできません。
前回答の繰り返しになりますが、実際のブログURLを提示するか、使用テンプレート名を提示下さい。
あるいは、EntryTextBox辺りからのHTMLソース、関連CSSコードをコピペ下さい。
>CSSのEntryTextBox内に背景を指定しています。
背景画像の種類は?
全面に繰り返すタイプですか?
一箇所固定タイプですか?
http://www.tagindex.com/stylesheet/box/background_repeat.html
一箇所固定タイプであるのなら、どのように指定していますか?
左上? 右上? 左下? 右下? センター? ありとあらゆるパターンが考えられるので、憶測でしか回答できません。
http://www.tagindex.com/stylesheet/box/background_position.html
画像の大きさや、どのような柄かにもよりますが、現在「background-position」の値に「bottom」が含まれるのなら「top」に変えてみると良いかもしれません。もしくは、垂直方向の値が「100%」なら「0%」にするとか。
何れにしろ、現在の情報量では確かな助言はできません。
投稿者 : No Name Ninja
投稿時間:2010-07-19 01:17:06
背景は、どのボックスに、どのように指定しているのでしょうか?
実際の所を拝見してみないことには確かな助言はできません。
ブログURLを提示下さい。
テンプレートを使用していて、全くカスタマイズしないで使用しているのであれば、質問者さんのブログURLではなく、使用しているテンプレート名だけの提示でもOKです。
実際の所を拝見してみないことには確かな助言はできません。
ブログURLを提示下さい。
テンプレートを使用していて、全くカスタマイズしないで使用しているのであれば、質問者さんのブログURLではなく、使用しているテンプレート名だけの提示でもOKです。


















