Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)
-
投稿者投稿
-
-
2017年8月21日 6:08 PM #55198
あかり
ゲスト
コレです!笑
ここのサイトで見かけたので
どうやって作成しているのかずっと気になって調べていましたがこれといった情報が見つからず(私の力不足ですが..きっとどこかにあるんですよね)
ここに頼らせて頂きました..!!!
ご教授してくださるととても助かります! -
2017年8月21日 7:15 PM #55199
いのぽん
ゲストこれですね。
-
2017年8月21日 8:35 PM #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
-
2017年8月21日 8:43 PM #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
-
2017年8月21日 8:54 PM #55204
ポポまる
ゲストあと、これは必要ない情報かもしれませんが 『コメント欄の『コメントをどうぞ』の下に文字を入れたいです。』も良ければ一緒に。
-
2017年8月22日 12:16 AM #55206
あかり
ゲスト丁寧にご回答して頂きありがとうございます!
本当に助かりました。
このような場を利用するのは初めてなので暖かい回答をいただけてホッとしました
ありがとうございました。 -
2017年8月22日 1:21 AM #55211
ポポまる
ゲスト>>あかりさん
私の力不足ですが..きっとどこかにあるんですよね
いやいや、力不足とかそういう事ではないですよ!
安心して下さい(^o^)ただ・・・、わいひらさんのレベルが高すぎるんです(`・ω・´)キリッ
-
2017年8月22日 8:41 AM #55225
わいひらキーマスターいのぽんさん、ポポまるさんありがとうございます!
いえいえ、「初めての方は…」は元々hidekichiさんが書いてくれたコードなので^^
僕自体は、大したことないんです。
-
-
投稿者投稿
- トピック「このサイトの"コレ"どうやってますか?(初めての方はこちらを必ずお読みくださいの部分)」には新しい返信をつけることはできません。