ブログに面白い反映をするタグを探しています

質問

• 現在2ヶ月前から運営しているFC2ブログに面白い反映をするタグを探しています。ジャパスクリプトを使用しないタグが望ましいです。ブログのプロフィール欄に画像を載せる予定で、最初は画像が見えず、モーションが起こったときに画像と解説が表示される設定を考えています。既に知っているHPで反映しているタグがありますが、最近教えていただいたHPでは反映しないタグがあります。また、IEでもFirefoxでも反映するタグが望ましいです。他の画像に関するタグやHPも知りたいです。
• 現在2ヶ月前から運営しているFC2ブログに面白い反映をするタグを探しています。ジャパスクリプトを使用しないタグが望ましいです。ブログのプロフィール欄に画像を載せる予定で、最初は画像が見えず、モーションが起こったときに画像と解説が表示される設定を考えています。既に知っているHPで反映しているタグがありますが、最近教えていただいたHPでは反映しないタグがあります。また、IEでもFirefoxでも反映するタグが望ましいです。他の画像に関するタグやHPも知りたいです。
• FC2ブログを2ヶ月前から運営しており、面白い反映をするタグを探しています。ジャパスクリプトを使用しないタグが望ましいです。ブログのプロフィール欄に画像を載せる予定で、最初は画像が見えず、モーションが起こったときに画像と解説が表示される設定を考えています。既に知っているHPで反映しているタグがありますが、最近教えていただいたHPでは反映しないタグがあります。また、IEでもFirefoxでも反映するタグが望ましいです。他の画像に関するタグやHPも知りたいです。

回答No.8

756co

ふたつとも実行させるためには、それぞれのスタイルシート設定が必要です。

以下をスタイルシート編集欄へ貼り付けしてください
（スタイルシート編集欄の一番下あたりに）

---------------------------------------------------------------
.popup img {
display:block;
top:-10000px;
left:-10000px;
position:absolute;
}
.popup img.popup1{
display:block;
position:absolute;
}
.popup a:hover {
position:relative;
}

.popup a:hover img{
top:30px;
left:20px;
}

.popup_a img.pop {
display:block;
top:-10000px;
left:-10000px;
position:absolute;
}
.popup_a a:hover {
position:relative;
}
.popup_a a:hover img.pop {
top:-256px;
left:0;
}
---------------------------------------------------------------

以下のHTMLタグを　表示させたい部分に
（ブログ本文やサイドバー編集欄など）

---------------------------------------------------------------
<div class="popup_a">
<a href="リンク先アドレス"><img class="pop" src="画像のアドレス（ポインタしたときに表示したい画像）" /> <img src="画像のアドレス（最初から表示させておきたい画像）" /> </a>
</div>

<span class="popup">
<a href="リンク先アドレス" target="_blank">(押しちゃダメ)<img src="画像のアドレス（ポインタしたときに表示したい画像）" /></a>
</span>

---------------------------------------------------------------

これで大丈夫だと思いますが…。

だめだったらまたご連絡くださいm(__)m

なお、ポインタしたときに画像が表示される位置については

top: **px;
left: **px;

↑この値を変更することで好きな位置に出来ます。

http://www.scollabo.com/banban/ref/refcss_05.html#csstop

お礼

長くなって文字制限に掛かった為、分けました
それとは別に設定等が必要な場合は
設定ファイルが別の所に保存されてる場合が、あります
何か、このパターンで言うと
スタイルシートがプログラムファイルズみたいに
感じたんですが…

３つ目、今回反映した影響で
少し気持ちが落ち着いたんでしょうか？
最初に御説明頂いた、No.４の解説ですが
当時は何が言いたいのか？…つまり
何が書いてあるのかが全く雲を掴む様な状態でした

しかし、今読むと、理解は、まだ出来ませんが
把握位は出来て来た様に思えます
ただ、私も今回、自分で言うのも変なんですが
相当苦戦しました
でも、良い経験を、したと思ってます
そこで、今迄はＨＴＭＬタグしか使用しませんでしたが
今後はスタイルシートも勉強して、ブログに反映させたいと思います

しかし、問題は、その方法です
実は、No.４でも書いて頂いてるＨＰなんですが
書いてる説明でも、イメージ位は分らなくは無いです
でも、反映具合が画像等で載ってなく
解説の文章しか載ってない為、今１つ分かり難いです

そこで聞きたいんですが
初心者でも分かる様な解説ＨＰって御存知無いでしょうか？
また、自分で探す時、どういう言葉を入れれば
ヒットし易いと思いますか？

最後に、ここ迄丁寧に教えて頂いて感謝してます
ただ、まだ終了してませんが
もし、自由に発行出来るなら
この質問の終了時点で、１０００ポイント位
差し上げたい所です

しかし、最高２０ポイントしか出来ませんから
それで御勘弁を…(笑)

補足

回答有難う御座います
御指摘のＨＴＬＭとスタイルシートの
両タグを入力しましたが
どうやら、やっと成功した様です(笑)

ただ、上のタグの方は、ＩＥでは一応場所としては成功なんですが
Ｆｉｒｅｆｏｘだと、画像の出る場所が少しズレてました
しかし、下のタグだと両者でも問題なく反映しました
本当に、ここ迄色々御世話に、なりました
…と、ここで今回
新たな疑問と今後の勉強方法に関して質問します

まず１つ目、ＨＴＭＬタグに関してなんですが
今回の上と下のタグに関しては、何が、どう違うんでしょうか？

２つ目、スタイルシートなんですが
今回、入力する場所は何処でも良いとの事で
しかも反映した訳ですが
これは、どうして入力する場所が何処でも大丈夫なんでしょうか？

この質問は、以前に背景画像を
スタイルシートで変えたと書きました
その時には、最初に設定してあったテンプレートのタグに対して
入れ替える様に、自分の画像タグを設定して反映しました
ですから私は、決まった位置に入力しないとダメだと思ったんです

でも決まった場所じゃなくても大丈夫な理由って何でしょうか？

これは私のイメージですが、パソコンの場合フリーソフトや
ウィルスソフト含めて、色々なソフトを入れる場合
プログラムファイルズにメインが入り