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

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

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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さんが書いてくれたコードなので^^
      僕自体は、大したことないんです。

7件の返信スレッドを表示中
  • トピック「このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)