- ベストアンサー
high slideをFC2ブログで
http://saruyan.blog61.fc2.com/blog-entry-216.html こちらのサイトさんの記事を参考にして、highslideをFC2ブログに導入して、起動したのですが何枚も続けて画像を貼り付けると画像の右側にマージンが入るのですが、これを無くすためにはhighslideのどこを書き換えれば直るのでしょうか? こちらがサンプルページになります http://sampleyoudesu.blog.fc2.com/blog-entry-1.html 使用しているhighslideのバージョンは3.3.8になります。 回答の方宜しくお願い致します。
- windowsweb
- お礼率80% (62/77)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
#1です。 highslideのスタイルを指定しているのは確かに先ほどの回答で示したように、スタイルシート(cssファイル)の .highslide { margin: 0px 0px 0px 0px; } 以下の部分のはずです。 これによると例えばリンク画像のマウスオーバー時の枠色については .highslide:hover img { border: 2px solid white; } と指定しており、白色になるはずですが、実際には水色になりますね。 これはCSSファイルの上の方に別のFC2専用(?)スタイルシート部分があって、こちらには、 /* link img ---------------*/ div.textBody a img { border: 3px solid #ccc; } div.textBody a:hover img { border: 3px solid #00b8fd; } とあります。こちらの方でマウスオーバー時には「#00b8fd」という水色を指定しているようで、こちらが優先されているようですね。 このようにいくつも同じような指定がされている場合、どれが優先されるのか私にはわかりません。 そこで、まずFC2用の方に div.textBody a img { border: 3px solid #ccc; margin: 0px 0px 0px 0px ; } と書いて、さらに highslide用の方にもしつこく .highslide img { border: 2px solid gray; margin: 0px 0px 0px 0px ; } と指定して下さい。 どちらかがうまく働くのでは?
その他の回答 (2)
- pasocom
- ベストアンサー率41% (3584/8637)
#1です。 ご提示のサンプルページのソースの中に 「<link rel="stylesheet" href="http://blog-imgs-43.fc2.com/s/a/m/sampleyoudesu/css/18ae3.css" type="text/css" />」 という記述がありますね。 この「18ae3.css」というスタイルシートの中を点検して下さい。 a.highslide-full-expand { background: url(http://blog-imgs-43.fc2.com/s/a/m/sampleyoudesu/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } という部分があります。 ここのmargin指定の「 0 10px 10px 0;」は順に上、右、下、左です。 したがってこの右と下の10pxが原因と思われます。 ここを margin: 0px 0px 0px 0px; に直して下さい。
補足
回答有難うございます。 今修正してみましたが、まだマージンが消えないみたいです、まだ他に問題があるのでしょうか? 私はあまりこういう事に関しては初心者なので、修正する場所を間違えてるかもしれませんが、一応CSSの所を変更してみました。
- pasocom
- ベストアンサー率41% (3584/8637)
「何枚も続けて画像を貼り付けると画像の右側にマージンが入る」の意味が不明です。 サムネールの方でしょうか。それとも拡大スライド表示のほうでしょうか?。 私の環境では、どちらもマージン(余白?)らしきものが見えませんが。
補足
回答有難うございます。 サムネイルの方になります。 今確認したところ、IEとFirefoxでは右と下に少しマージンが入っているようなのですが、operaだと右だけマージンが入るみたいなのですが・・・。 説明がうまく出来なくて、申し訳ないです。
関連するQ&A
- fc2blogでshadowboxを使用したいと思い
fc2blogでshadowboxを使用したいと思い http://pakun13.blog44.fc2.com/blog-entry-365.html のブログの記事を参考にして、自分のブログに導入しようと考え、記事に書いてあるように、CSSを書き換えて、必要な画像、JSなどをアップロードをし、テンプレートの編集でHTML編集を書き換えて、使用しようとしたのですが、動画がポップアップ表示されませんでした。 間違いを見つけようと、参考の記事を確認しながら、三回程間違いを探してみましたが、私の中では間違いを見つけられませんでした。 この辺を確認したら良いなどのアドバイスや参考ブログで気づいた事がありあしたら、回答宜しくお願い致します。
- ベストアンサー
- JavaScript
- fc2ブログのカスタマイズ
fc2ブログを普段使っているのですが、 ちょいとわからないところがあるので質問させていただきます。 何がしたいのかというと ○トップページのメインカラムに、最新記事ではなく、記事一覧を表示させたい。 ○その記事一覧は、タイル状に配置したい。 こんな風に。 http://harapekoandhighfly.blog106.fc2.com/ ○テンプレートは http://birith.blog84.fc2.com/blog-entry-5.html?template=Fons03_2c&i... を使っている。 分かりにくいかもしれませんが 詳しく教えてください。お願いします。
- 締切済み
- ブログ
- FC2ブログの使い方を教えて下さい。
FC2ブログの使い方を教えて下さい。 FC2ブログを開設したのですが (1)FC2ID管理画面がどこにあるのかわかりません。 参照/http://k242.blog13.fc2.com/blog-entry-252.html (2)「過去の記事の管理」→「選択した項目の一括設定」→「コメント×トラックバック×」を選択して、適用ボタンを押しても 「受け付ける」になったままです。 記事にチェックはいれています。 原因としてはどういったことが考えられますか。 初期設定ではコメント、トラックバックとも「受け付けない」を選択しています。 ブログページにコメント・トラックバック欄は表示されていないので 受け付けない状態に設定されているのでしょうか。 参照/http://k242.blog13.fc2.com/blog-entry-253.html
- ベストアンサー
- ブログ
- fc2ブログのプラグイン
すみません。 ほとんど、HTMLはわかりません。 fc2のブログで下記のプラグインを使っているのですが ttp://pcafe.blog3.fc2.com/blog-entry-304.html このままだと、新しい記事が小さな数字になり 古い記事が大きな数字になります。 これを逆にしたいのですが出来ますでしょうか。 よろしくお願いします。
- ベストアンサー
- HTML
- FCブログ テンプレートのカスタマイズ
FCブログの共有テンプレートを使っているんですが 大きめの画像を載せると記事が1ページに収まらずに 2ページ目が出てきてしまうんですが、1ページに収めるには どうしたらいいのでしょうか? ページの幅って大きくできないのでしょうか? http://asasasasasaaaaa.blog32.fc2.com/ 文章だけでは分かりづらいとおもいますのでサンプル? を載せます。。 わかりずらい説明で申し訳ないのですが。。 わかるかたいましたらお願い致します。
- 締切済み
- ブログ
- fc2ブログに地図を貼ることはできますか?
グーグルマップでもヤフー地図でもなんでもいいのですが。 http://ionit.blog.fc2.com/blog-entry-43.html http://webdesignclass.blog.fc2.com/blog-entry-18.html 上記サイトを読んでみたのですが 画面左にある「リンク」アイコンが見当たりません。
- ベストアンサー
- ブログ
- FC2ブログで限定設定が反映されない?…
ブラウザはFirefox3なんですが 今回、特定の記事を特定の方だけに見せたいと思います それで、ここに書いてある通り http://blog.blog2.fc2.com/blog-entry-72.html http://fc2blogmanual.blog60.fc2.com/blog-entry-69.html#more [限定公開]で[ブロとも限定公開記事にする] にチェックを入れ[パスワード設定]の所をクリック そして[アクセス制限の設定]の公開設定の所は[公開] それから更新をクリックしました しかし[過去の記事の管理]の画面では 鍵のマークには、なってるんですが ブログページでは題名も見れますし アクセスすると、何の問題も無く表示されます 勿論、これは自分のブログですから 最初はログインした状態で見ましたが その後、ログアウトした状態で見ました それでも同じなんです これは、どうしてなんでしょうか? それとも、閲覧する方から見れば 有効に、なってるんでしょうか? 尚、他の方法として このプライベートモードも知ってますが 恐らくですが、この設定はブログ全体に設定されると思うんで 使用出来ないと判断してます http://blog1.fc2.com/staff/blog-entry-33.html
- 締切済み
- ブログ
- FC2ブログのタグをプルダウン化
記事中の語をリンクさせるタグをプルダウン化させたいのですが プラグイン周りに知識が乏しいので質問させて頂きました。 FC2ブログでタグをプルダウン化するには どういった記述をすれば出来ますか? 何か足りない部分がありましたら すぐに補足しますので宜しく御願いします。 ■FC2ブログ-タグについてhttp://fc2blogmanual.blog60.fc2.com/blog-entry-28.html
- 締切済み
- ブログ
- fc2ブログ、記事のタイトルにリンクを貼る方法
最近fc2ブログに引っ越しました。 http://●●●.blog.fc2.com/ のアドレスで、数個の記事が出てきますよね。 ここからひとつひとつのブログタイトルをクリックすると http://●●●.blog.fc2.com/blog-entry-17.html で表示される個別のブログ記事に飛べるようにしたいのですが やり方を教えてください。 ※ブログ初心者ゆえ、あやまった表現の仕方をしているかもしれまぜん。 もしそうならご指摘いただけるとありがたいです。
- ベストアンサー
- ブログ
- FC2ブログの最新記事を常に表示するURL
一記事単位だと http://ブログ名.blog数字.fc2.com/blog-entry-数字.html ってなってますよね。 これで、そのURLをクリックすると 常に最新記事が表示されるURLってありませんでしょうか?。 これが私のブログの最新記事 http://ブログ名.blog数字.fc2.com/××× って貼りたいんです(貼ったらそのままにしておく)。 なければ、他の案でもいいので教えてください。 よろしくお願いします。
- ベストアンサー
- ブログ
お礼
お礼遅くなってすみません。 テンプレートのせいなのか、やはり余白が消えませんでした。 とりあえずは余白ありで使用してみようと思います。 何度も回答して頂き、有難うございました。