DigiPress

Highly Flexible WordPress Theme

プロモーションボックス用ショートコードにて、画像をマウスオーバーで切り替えを行いたい

ホーム フォーラム デザイン関連 プロモーションボックス用ショートコードにて、画像をマウスオーバーで切り替えを行いたい

  • このトピックには2件の返信、2人の参加者があり、最後にalliumcepaにより6年、 8ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #147122
    alliumcepa
    参加者

    プロモーションボックス用ショートコード


    こちらのショートコードのプロモーションボックスにて、
    アイコンを画像にした際に、マウスオーバーで画像を切り替えを行いたいのですが、
    どのようにコードを追記したらよいかがわからなく、ご教示頂ければと思います…

    <pre class=”lang:default decode:true ” >[promobox column=4]
    [promo title=”Image Small” titlecolor=”#666″ imgurl=”https://digipress.info/images/wp-test/palm.jpg&#8221; iconsize=”small” url=”#”]
    プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。画像を表示しています。
    [/promo]
    [promo title=”Image Rounded” titlecolor=”#666″ imgurl=”https://digipress.info/images/wp-test/dolphin.jpg&#8221; iconstyle=”round” url=”#”]
    プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。画像を表示しています。
    [/promo]
    [promo title=”Image Big” titlecolor=”#666″ imgurl=”https://digipress.info/images/wp-test/tiger.jpg&#8221; iconsize=”big” iconstyle=”circle” url=”#”]
    プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。画像を表示しています。
    [/promo]
    [promo title=”Image Border” titlecolor=”#000″ imgurl=”https://digipress.info/images/wp-test/rose.jpg&#8221; iconstyle=”circle” iconsize=88 iconbdwidth=2 iconbdcolor=”#D381EE” url=”#”]
    プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。画像を表示しています。
    [/promo]
    [/promobox]

    #147149
    DigiPress サポート
    キーマスター

    プロモーションボックスショートコードのアイコン画像をマウスオーバー時に差し替えるようなオプションはありません。

    #147154
    alliumcepa
    参加者

    DigiPress サポートさま

    承知いたしました。
    ご丁寧なご返答のほどありがとうございました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。