このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)

このトピックには7件の返信が含まれ、2人の参加者がいます。3 ヶ月前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #55198

    あかり

    View post on imgur.com


    コレです!笑
    ここのサイトで見かけたので
    どうやって作成しているのかずっと気になって調べていましたがこれといった情報が見つからず(私の力不足ですが..きっとどこかにあるんですよね)
    ここに頼らせて頂きました..!!!
    ご教授してくださるととても助かります!

  • #55199

    いのぽん
  • #55200

    ポポまる

    Simplicity2 子テーマの javascript.js に▼を書き込めばいけるはずです!

    (function($) {
      $(function() {
        var
          topTopiclink = "http://sample.com",
          topTopicTitle = "初めての方はこちらを必ずお読み下さい",
          fa = "<i class='fa fa-exclamation-triangle'></i>",
          topTopic = "<a class='topic-info' href='" + topTopiclink + "' title='" + topTopicTitle + "'>" + fa + topTopicTitle + "</a>";
    
        $("#sidebar .widget_display_topics ul").before(topTopic);
    
      });
    })(jQuery);

    topTopiclink には、飛ばしたいURLを記述して下さい。

    topTopicTitle には、好きな文字を。たとえば「初めての方はココをクリック」みたいな感じで(^o^)b

  • #55201

    ポポまる

    CSSは▼で感じでレイアウト的にはわいひらさんと同じになると思います。

    #sidebar .topic-info {
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 3px;
        background-color: #fff;
        padding: 8px 5px;
        font-size: 14px;
        color: #c33;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 0 2px #999;
        box-sizing: border-box;
        width: 100%;
    }
    #sidebar .topic-info:hover {
        background-color: #666;
        color: #fff;
    }

    足りない部分がありましたら、どなたか補足お願いしますm(_ _)m

  • #55204

    ポポまる

    あと、これは必要ない情報かもしれませんが 『コメント欄の『コメントをどうぞ』の下に文字を入れたいです。』も良ければ一緒に。

  • #55206

    あかり

    丁寧にご回答して頂きありがとうございます!
    本当に助かりました。
    このような場を利用するのは初めてなので暖かい回答をいただけてホッとしました
    ありがとうございました。

  • #55211

    ポポまる

    >>あかりさん

    私の力不足ですが..きっとどこかにあるんですよね

    いやいや、力不足とかそういう事ではないですよ!
    安心して下さい(^o^)

    ただ・・・、わいひらさんのレベルが高すぎるんです(`・ω・´)キリッ

  • #55225
    わいひら
    わいひら
    キーマスター

    いのぽんさん、ポポまるさんありがとうございます!
    いえいえ、「初めての方は…」は元々hidekichiさんが書いてくれたコードなので^^
    僕自体は、大したことないんです。

トピック「このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)