私のウェブサイトでwhatsapp emojisをアイコンとして使いたいです。 iは、アイコンwhstsappの色をどのようにEmojisを.cssにリンクするアイコンとして取得するのですか?
0
A
答えて
1
CSSのリンク
link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet"
これらはクラスですされています https://afeld.github.io/emoji-css/
1
あなたはたぶん私はuがこのページを検索するか、uは、このコードを検索するu..or助けることができるこのページhttps://afeld.github.io/emoji-css/を見ることができるように絵文字のWhatsAppを取得するために、ウェブサイトのURLやCSSのリンクを必要としています。ここで
<!-- The wrap for everything, so you can position it wherever.
Also, so all the other elements are siblings. -->
<div class="emoji-toggle emoji-travel">
<!-- The input is first, so the ~ selector can select siblings after it. -->
<input type="checkbox" id="toggle2" class="toggle">
<!-- The emoji is a psuedo element on this. -->
<div class="emoji"></div>
<!-- This is absolutely positioned over everything.
Also, the split/label comes from using both :before and :after -->
<label for="toggle2" class="well"></label>
</div## Heading ##
And then try for css this code.
@mixin emojiType($leftEmoji, $rightEmoji, $leftLabel, $rightLabel) {
.toggle {
~.emoji:before {
content: $leftEmoji;
}
&:checked {
~.emoji:before {
content: $rightEmoji;
}
}
~label {
&:before {
content: $leftLabel;
}
&:after {
content: $rightLabel;
}
}
}
}
// Usage
.emoji-happy {
@include emojiType(
"\01F604", "\01F620", "Happy", "Mad"
);
}
0
あなたが背景として、この画像を使用し、使用する絵文字のための位置を設定することができます例えば、これはと呼ばれ、CSSイメージスプレーはsee this
.emojis{display:inline-block;width:100%;height:100%;}
.smile,.sad,.cry,.slipy,.angry,.emoji1,.emoji2,.emoji3{
background-image : url(https://i.stack.imgur.com/Xrdcg.jpg);
display:inline-block;
background-repeat:no-repeat;
width: 183px;
height: 150px;
overflow: hidden;
text-indent: -9999px;
}
.smile {
background-position: -31px 0;
}
.sad {
background-position: -1387px -500px;
}
.cry {
background-position: -354px 0px;
}
.angry {
background-position: -177px -339px;
}
<div class="emojis" >
<div class="smile"></div>
<div class="sad"></div>
<div class="cry"></div>
<div class="slipy"></div>
<div class="angry"></div>
<div class="emoji1"></div>
<div class="emoji2"></div>
<div class="emoji3"></div>
</div>
関連する問題
- 1. ウェブサイトのアイコンを取得するにはどうすればよいですか?
- 2. テキストの色を取得するにはどうすればよいですか?
- 3. マテリアライズCSSを使用しているときにGoogleのアイコンの色を変更するにはどうすればよいですか?
- 4. 通知アイコンの色とステータスバーの色を一致させるにはどうすればよいですか?
- 5. 一度リンクを追加すると、リンクの色はどのように変わるのですか?
- 6. Android:どのようにアンドロイドのファイルのアイコンを取得するには?
- 7. どのようにPHPのWebページでiframeの色を取得するには?
- 8. CSSで1クラスのリンクにどのように影響するのですか
- 9. 現在、Macのメニューバーにあるアイコンのリストを取得するにはどうすればよいですか?
- 10. Compojure:どのようにマップとしてクエリパラメータを取得する
- 11. AndroidのDrawablesのアイコンを通知アイコンとして使用するにはどうすればよいですか?
- 12. どのようにワードプレスでポストカテゴリのリンクを取得するには?
- 13. cantは、ホバリングでホバリングしないで正しい色になるようにliのリンクを取得します
- 14. ステムプロットのマーカーの色と一致するように幹線の色を取得するにはどうすればよいですか?
- 15. CSSで画像(アイコン)の色を変更するには
- 16. R Shinyアプリケーションのアイコンの色をどのように変更しますか?
- 17. ビットマップのすべての16進色のリストを取得するにはどうすればよいですか?
- 18. Pythonリクエストを使用して特定のリンクを取得するにはどうすればよいですか?
- 19. Dropbox python APIを使用してファイルのリンクを取得するにはどうすればよいですか?
- 20. RBingを使用して50の結果リンクを取得するにはどうすればよいですか?
- 21. 通知のアクションボタンのデフォルトの色とスタイルを取得するにはどうすればよいですか?
- 22. ページからのすべてのリンクをより迅速にダウンロードするようにcrawler4jを取得するにはどうすればよいですか?
- 23. どのようにしてこのMany_to_Many Associationを取得するのですか
- 24. 自動リンクでリンクのバックリンク情報を取得するにはどうすればよいですか?
- 25. CSSのみを使用してsvgの色を変更するにはどうすればよいですか?
- 26. cssを使用してJavafxのスライダトラックトラックの色を変更するにはどうすればよいですか?
- 27. CSSを使用してブラウザのスクロールバーの色を変更するにはどうすればよいですか?
- 28. Javascript。ページのリンクを取得してリダイレクトするにはどうすればよいですか?
- 29. どのようにしてスピナーのターゲットをウェブサイトにリンクするのですか?
- 30. Firebase Storageに画像をアップロードし、downloadURLのリンクを取得するにはどうすればよいですか?