277 lines
10 KiB
Text
277 lines
10 KiB
Text
|
|
MIME-Version: 1.0
|
|
Received: by 10.107.9.17 with HTTP; Tue, 9 Sep 2014 16:18:19 -0700 (PDT)
|
|
In-Reply-To: <540f16d4c08d9_4a3f9ff6d61890391c@tiefighter4-meta.mail>
|
|
References: <topic/18058@meta.discourse.org>
|
|
<540f16d4c08d9_4a3f9ff6d61890391c@tiefighter4-meta.mail>
|
|
Date: Tue, 9 Sep 2014 16:18:19 -0700
|
|
Delivered-To: kanepyork@gmail.com
|
|
Message-ID: <CABeNrKXxfb8YJUWxO5L_oPTGrFsiZfQOpWudk+44Mh=yuUEHNQ@mail.gmail.com>
|
|
Subject: Re: [Discourse Meta] Badge icons - where to find them?
|
|
From: Kane York <jake@adventuretime.ooo>
|
|
To: Discourse Meta <reply+8305e3604ae4d1485dc12b6af6a8446c@appmail.adventuretime.ooo>
|
|
Content-Type: multipart/alternative; boundary=001a11c34c389e728f0502aa26a0
|
|
|
|
--001a11c34c389e728f0502aa26a0
|
|
Content-Type: text/plain; charset=UTF-8
|
|
Content-Transfer-Encoding: quoted-printable
|
|
|
|
Sure, all you need to do is frobnicate the foobar and you'll be all set!
|
|
|
|
On Tue, Sep 9, 2014 at 8:03 AM, gordon_ryan <info@discourse.org> wrote:
|
|
|
|
> gordon_ryan <https://meta.discourse.org/users/gordon_ryan>
|
|
> September 9
|
|
>
|
|
> @riking <https://meta.discourse.org/users/riking>- willing to step by
|
|
> step of the custom icon method for an admittedly ignorant admin? Seriousl=
|
|
y
|
|
> confused.
|
|
>
|
|
> Or anyone else who knows how to do this [image: smiley]
|
|
>
|
|
> To respond, reply to this email or visit
|
|
> https://meta.discourse.org/t/badge-icons-where-to-find-them/18058/9 in
|
|
> your browser.
|
|
> ------------------------------
|
|
> Previous Replies riking <https://meta.discourse.org/users/riking>
|
|
> July 25
|
|
>
|
|
> Check out the "HTML Head" section in the "Content" tab of the admin panel=
|
|
.
|
|
> meglio <https://meta.discourse.org/users/meglio>
|
|
> July 25
|
|
>
|
|
> How will it load the related custom font?
|
|
> riking <https://meta.discourse.org/users/riking>
|
|
> July 25
|
|
>
|
|
> Here's an example of the styles that FA applies. I'll use <i class=3D"fa
|
|
> fa-heart"></i> as the example.
|
|
>
|
|
> .fa {
|
|
> display: inline-block;
|
|
> font-family: FontAwesome;
|
|
> font-style: normal;
|
|
> font-weight: 400;
|
|
> line-height: 1;
|
|
> -webkit-font-smoothing: antialiased;
|
|
> -moz-osx-font-smoothing: grayscale;
|
|
> }
|
|
> .fa-heart:before {
|
|
> content: "\f004";
|
|
> }
|
|
>
|
|
> So you could do this in your site stylesheet:
|
|
>
|
|
> .fa-custom-burger:before {
|
|
> content: "\01f354";
|
|
> font-family: inherit;
|
|
> }
|
|
>
|
|
> And get =F0=9F=8D=94 as your badge icon when you enter custom-burger.
|
|
> ------------------------------
|
|
>
|
|
> To respond, reply to this email or visit
|
|
> https://meta.discourse.org/t/badge-icons-where-to-find-them/18058/9 in
|
|
> your browser.
|
|
>
|
|
> To unsubscribe from these emails, visit your user preferences
|
|
> <https://meta.discourse.org/my/preferences>.
|
|
>
|
|
|
|
--001a11c34c389e728f0502aa26a0
|
|
Content-Type: text/html; charset=UTF-8
|
|
Content-Transfer-Encoding: quoted-printable
|
|
|
|
<div dir=3D"ltr"><span style=3D"font-family:arial,sans-serif;font-size:13px=
|
|
">Sure, all you need to do is frobnicate the foobar and you'll be all s=
|
|
et!</span><br><div class=3D"gmail_extra"><br clear=3D"all"><div><br>=
|
|
<br><div class=3D"gmail_quote">On Tue, Sep 9, 2014 at 8:03 AM, gordon_ryan =
|
|
<span dir=3D"ltr"><<a href=3D"mailto:info@discourse.org" target=3D"_blan=
|
|
k">info@discourse.org</a>></span> wrote:<br><blockquote class=3D"gmail_q=
|
|
uote" style=3D"margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1e=
|
|
x"><div>
|
|
|
|
|
|
<table style=3D"margin-bottom:25px;max-width:761px" cellspacing=3D"0" cellp=
|
|
adding=3D"0" border=3D"0">
|
|
<tbody>
|
|
<tr>
|
|
<td style=3D"vertical-align:top;width:55px">
|
|
<img src=3D"https://meta-discourse.global.ssl.fastly.net/user_avata=
|
|
r/meta.discourse.org/gordon_ryan/45/34017.png" title=3D"gordon_ryan" style=
|
|
=3D"max-width:694px" width=3D"45" height=3D"45">
|
|
</td>
|
|
<td>
|
|
<a href=3D"https://meta.discourse.org/users/gordon_ryan" style=3D"f=
|
|
ont-size:13px;font-family:'lucida grande',tahoma,verdana,arial,sans=
|
|
-serif;color:#3b5998;text-decoration:none;font-weight:bold;text-decoration:=
|
|
none;font-weight:bold;color:#006699" target=3D"_blank">gordon_ryan</a><br>
|
|
<span style=3D"text-align:right;color:#999999;padding-right:5px;fon=
|
|
t-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:=
|
|
11px">September 9</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style=3D"padding-top:5px" colspan=3D"2">
|
|
<p style=3D"margin-top:0;border:0"><a href=3D"https://meta.discourse.org/us=
|
|
ers/riking" style=3D"text-decoration:none;font-weight:bold;color:#006699" t=
|
|
arget=3D"_blank">@riking</a>- willing to step by step of the custom icon me=
|
|
thod for an admittedly ignorant admin? Seriously confused.</p>
|
|
|
|
<p style=3D"margin-top:0;border:0">Or anyone else who knows how to do this =
|
|
<img src=3D"https://meta-discourse.global.ssl.fastly.net/plugins/emoji/imag=
|
|
es/smiley.png" title=3D":smiley:" alt=3D"smiley" width=3D"20" height=3D"20"=
|
|
></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<div style=3D"color:#666">
|
|
<p>To respond, reply to this email or visit <a href=3D"https://meta.dis=
|
|
course.org/t/badge-icons-where-to-find-them/18058/9" style=3D"color:#666;te=
|
|
xt-decoration:none;font-weight:bold;color:#006699" target=3D"_blank">https:=
|
|
//meta.discourse.org/t/badge-icons-where-to-find-them/18058/9</a> in your b=
|
|
rowser.</p>
|
|
</div>
|
|
<hr style=3D"background-color:#ddd;min-height:1px;border:1px;background-c=
|
|
olor:#ddd;min-height:1px;border:1px">
|
|
<h4>Previous Replies</h4>
|
|
|
|
<table style=3D"margin-bottom:25px;max-width:761px" cellspacing=3D"0" cel=
|
|
lpadding=3D"0" border=3D"0">
|
|
<tbody>
|
|
<tr>
|
|
<td style=3D"vertical-align:top;width:55px">
|
|
<img src=3D"https://meta-discourse.global.ssl.fastly.net/user_avata=
|
|
r/meta.discourse.org/riking/45/9779.png" title=3D"riking" style=3D"max-widt=
|
|
h:694px" width=3D"45" height=3D"45">
|
|
</td>
|
|
<td>
|
|
<a href=3D"https://meta.discourse.org/users/riking" style=3D"font-s=
|
|
ize:13px;font-family:'lucida grande',tahoma,verdana,arial,sans-seri=
|
|
f;color:#3b5998;text-decoration:none;font-weight:bold;text-decoration:none;=
|
|
font-weight:bold;color:#006699" target=3D"_blank">riking</a><br>
|
|
<span style=3D"text-align:right;color:#999999;padding-right:5px;fon=
|
|
t-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:=
|
|
11px">July 25</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style=3D"padding-top:5px" colspan=3D"2"><p style=3D"margin-top:0;=
|
|
border:0">Check out the "HTML Head" section in the "Content&=
|
|
quot; tab of the admin panel.</p></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style=3D"margin-bottom:25px;max-width:761px" cellspacing=3D"0" cel=
|
|
lpadding=3D"0" border=3D"0">
|
|
<tbody>
|
|
<tr>
|
|
<td style=3D"vertical-align:top;width:55px">
|
|
<img src=3D"https://meta-discourse.global.ssl.fastly.net/user_avata=
|
|
r/meta.discourse.org/meglio/45/33480.png" title=3D"meglio" style=3D"max-wid=
|
|
th:694px" width=3D"45" height=3D"45">
|
|
</td>
|
|
<td>
|
|
<a href=3D"https://meta.discourse.org/users/meglio" style=3D"font-s=
|
|
ize:13px;font-family:'lucida grande',tahoma,verdana,arial,sans-seri=
|
|
f;color:#3b5998;text-decoration:none;font-weight:bold;text-decoration:none;=
|
|
font-weight:bold;color:#006699" target=3D"_blank">meglio</a><br>
|
|
<span style=3D"text-align:right;color:#999999;padding-right:5px;fon=
|
|
t-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:=
|
|
11px">July 25</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style=3D"padding-top:5px" colspan=3D"2"><p style=3D"margin-top:0;=
|
|
border:0">How will it load the related custom font?</p></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style=3D"margin-bottom:25px;max-width:761px" cellspacing=3D"0" cel=
|
|
lpadding=3D"0" border=3D"0">
|
|
<tbody>
|
|
<tr>
|
|
<td style=3D"vertical-align:top;width:55px">
|
|
<img src=3D"https://meta-discourse.global.ssl.fastly.net/user_avata=
|
|
r/meta.discourse.org/riking/45/9779.png" title=3D"riking" style=3D"max-widt=
|
|
h:694px" width=3D"45" height=3D"45">
|
|
</td>
|
|
<td>
|
|
<a href=3D"https://meta.discourse.org/users/riking" style=3D"font-s=
|
|
ize:13px;font-family:'lucida grande',tahoma,verdana,arial,sans-seri=
|
|
f;color:#3b5998;text-decoration:none;font-weight:bold;text-decoration:none;=
|
|
font-weight:bold;color:#006699" target=3D"_blank">riking</a><br>
|
|
<span style=3D"text-align:right;color:#999999;padding-right:5px;fon=
|
|
t-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:=
|
|
11px">July 25</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style=3D"padding-top:5px" colspan=3D"2">
|
|
<p style=3D"margin-top:0;border:0">Here's an example of the styles that=
|
|
FA applies. I'll use <code style=3D"background-color:#f1f1ff;padding:2=
|
|
px 5px"><i class=3D"fa fa-heart"></i></code> as the e=
|
|
xample.</p>
|
|
|
|
<p style=3D"margin-top:0;border:0"></p>
|
|
<pre style=3D"word-wrap:break-word;max-width:694px"><code style=3D"backgrou=
|
|
nd-color:#f1f1ff;padding:2px 5px;display:block;background-color:#f1f1ff;pad=
|
|
ding:5px">.fa {
|
|
display: inline-block;
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.fa-heart:before {
|
|
content: "\f004";
|
|
}</code></pre>
|
|
|
|
<p style=3D"margin-top:0;border:0">So you could do this in your site styles=
|
|
heet:</p>
|
|
|
|
<p style=3D"margin-top:0;border:0"></p>
|
|
<pre style=3D"word-wrap:break-word;max-width:694px"><code style=3D"backgrou=
|
|
nd-color:#f1f1ff;padding:2px 5px;display:block;background-color:#f1f1ff;pad=
|
|
ding:5px">.fa-custom-burger:before {
|
|
content: "\01f354";
|
|
font-family: inherit;
|
|
}</code></pre>
|
|
|
|
<p style=3D"margin-top:0;border:0">And get =F0=9F=8D=94 as your badge icon =
|
|
when you enter <code style=3D"background-color:#f1f1ff;padding:2px 5px">cus=
|
|
tom-burger</code>.</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<hr style=3D"background-color:#ddd;min-height:1px;border:1px;background-col=
|
|
or:#ddd;min-height:1px;border:1px">
|
|
|
|
<div style=3D"color:#666">
|
|
<p>To respond, reply to this email or visit <a href=3D"https://meta.discour=
|
|
se.org/t/badge-icons-where-to-find-them/18058/9" style=3D"color:#666;text-d=
|
|
ecoration:none;font-weight:bold;color:#006699" target=3D"_blank">https://me=
|
|
ta.discourse.org/t/badge-icons-where-to-find-them/18058/9</a> in your brows=
|
|
er.</p>
|
|
</div>
|
|
<div style=3D"color:#666">
|
|
<p>To unsubscribe from these emails, visit your <a href=3D"https://meta.dis=
|
|
course.org/my/preferences" style=3D"color:#666;text-decoration:none;font-we=
|
|
ight:bold;color:#006699" target=3D"_blank">user preferences</a>.</p>
|
|
</div>
|
|
</div>
|
|
</blockquote></div><br></div></div>
|
|
|
|
--001a11c34c389e728f0502aa26a0--
|