未ログイン状態で閲覧中
  • 投稿日:2025/09/20
  • 更新日:2026/04/12
【ovice活用術】看板が切れてない?たった1行の工夫で解決する裏ワザ!

【ovice活用術】看板が切れてない?たった1行の工夫で解決する裏ワザ!

会員ID:MQxRb6ip

会員ID:MQxRb6ip

この記事は約5分で読めます
要約
oviceの看板、画像が切れて表示されていませんか?🤔 この記事では、看板のSOURCEコードにたった1行の工夫をするだけで、画像の表示位置を微調整する裏ワザを大公開します!✨ 難しい知識は一切不要なので、oviceユーザーは必見です。

ovice看板の画像がずれている!

ovice(オンラインスペース)には、ミーティングオブジェクトがあり、ここに看板を設置して、ミーティングの情報を掲示していますね。

この看板の画像、ノウハウ図書館では様々な作り方が紹介されており、画像サイズは概ね 256px × 60px で一般化されているものと思います。

しかし、この画像サイズ、設置場所によっては位置がずれ、下図のように下部が切れた状態になってしまいます!スクリーンショット 2025-09-20 021554.png今回、この解決策が分かったため、ノウハウを共有いたします👍️

解決策はたった1行のHTML!

問題は、画像にHTMLのstyle="margin-top:-7px"というコードを追加するだけで解決できます。

「え、HTML?難しそう…」と思った方もご安心ください!設定済みのコードを少し修正するだけなので、専門知識は不要です。

次章から具体的な手順を説明します。

看板画像のSOURCEを編集しよう

1.看板画像のSOURCEを確認する

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:MQxRb6ip

投稿者情報

会員ID:MQxRb6ip

ペンギン会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(32
  • 会員ID:AHqbI3UY
    会員ID:AHqbI3UY
    2026/03/27

    看板のズレの直し方がわかってとっても参考になりました!今度実践してみます! 後半、Progateで習ったことのちょっと詳しい版が出てきたのも嬉しかったです!

    会員ID:MQxRb6ip

    投稿者

    2026/03/31

    レビューありがとうございます🙏 綺麗な看板が集客に繋がることもある⁉️と思うので、ぜひ実践してみてください‼️ みんな一度は挑戦して挫折するCSSですね笑

    会員ID:MQxRb6ip

    投稿者

  • 会員ID:jp4GAKiZ
    会員ID:jp4GAKiZ
    2026/03/08

    微妙な看板のズレが気になっていました!解決方法、ノウハウにしてくださってありがとうございます🙏 試してみます🌟

    会員ID:MQxRb6ip

    投稿者

    2026/03/08

    レビューありがとうございます🙏嬉しいです☺️ 少し面倒なのですが是非お試しください🙌 ちょっとまだ確証が得られておらず、 記事への反映は出来ていないのですが、 先日辺りから-7px の部分は -5px の方が、 真ん中に収まるかもです。

    会員ID:MQxRb6ip

    投稿者

  • 会員ID:wWDeRNtU
    会員ID:wWDeRNtU
    2026/02/03

    参考になりました! 看板設置の際はこの記事を再度読みなおします!

    会員ID:MQxRb6ip

    投稿者

    2026/02/03

    レビューありがとうございます🙇 頭の片隅にあるだけでも後で見返せるので是非是非✋️

    会員ID:MQxRb6ip

    投稿者