每天进步一点点:在Bootstrap 4中使用Glyphicons

首先声明我是小白,白得不能再白的那种,本文就是小白学习笔记,不保证一定有效或者是最佳选择。如果专家们发现有问题,请及时指出,深表谢意。


(图源 :pixabay)

steemd.comwitnesses页面里边用到了一个链接图标,小图标红色的、灰色的以及断掉的,看起来很是精致漂亮。

然后我就想能不能在我的页面里也放上这个图标啊,研究下来发现原来它用的一种叫做字体图标(Glyphicons)的东西,比如链接图标代码:

<a href=""><span class="glyphicon glyphicon-link" style="" title=""></span></a>

(断掉的链接)

<span class="glyphicon glyphicon-link" style="color: red" title="-"></span>

看起来很简单呢,于是把对应代码放到我的文件里,等等,怎么啥也不出来??

研究了半天才搞明白,bootstrap4已经不默认提供图标了(Glyphicons 需要商业许可)。这可愁煞我也,难道我要再用回bootstrap3?想了半天还是在想办法在bootstrap4上用其它方案更方便一些吧。

而找到的最好的方法就是使用Font Awesome替代Glyphicons,最简单的方法是在HTML的HEAD部分加入如下代码:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

然后把上述图标代码的做如下替换就可以搞定啦:

  • glyphicon 替换成fa
  • glyphicon-xxx 替换成fa-xxx

上边两段代码修改后的内容以及测试效果如下:

<a href=""><span class="fa fa-link" style="" title=""></span></a>
<span class="fa fa-link" style="color: red" title="-"></span>

参考链接


This page is synchronized from the post: 每天进步一点点:在Bootstrap 4中使用Glyphicons

秋意浓

早晨起床瞄一眼天气预报,室外气温竟然低至-2摄氏度,出去发觉秋意真的很浓了。也是啊,今天是重阳节,是登高赏秋的日子,可是除了爬楼梯我也没处登高,就随便赏赏秋吧。


晒晒我的瓜。


这边的瓜已经丢了好几个。


山葡萄熟透了非常甜。


叶落知秋,落了这么多叶了。


这棵不知道啥树也泛黄了。


This page is synchronized from the post: 秋意浓

京东的水~~

小区突发停水故障,什么主管线泄露啊什么泵站故障啊我就分不清了,重点是据说要好久才能来水。为了避免午睡可喝,我从园区超市叫了箱农夫山泉的矿泉水。

水的规格是5L*4桶,价格为40元,超市给送货上门,嗯,并不贵而且也很方便,尤其是在突发停水故障的时候。

小区的水送到以后,我想,或许我有必要多储备一些水,让我上网查查京东同款水的价格如何?结果一下,哇,京东正在秒杀,相同规则的水每箱仅售34.9元,比超市便宜了足足5元多。

我甚至想,如果我一下子购入几千箱,然后在小区停水的时候卖给邻居们,岂不是小发一笔?不过卖给邻居的事情先不急,我现在自己囤几箱。

按照以往的经验,京东的东西都是99元免运费,以前作为钻石会员,每月都能领到几张免运费券,但是不知何时,钻石会员的福利和砖石会员一样了,免运费券再也不见踪影了,不过没关系,我可以凑单啊,考虑到水不会浪费,一次来四箱吧。

加购物车,神马促销换购之类的,无非是搭售其它商品,我是几乎从来不看的,直接去结算吧。

等等,怎么这么多钱?按照惯例我都是直接下一步,然后输密码付款的,但是我被总金额惊到了。其中运费竟然高达57元!

点了一下京东运费标准,在浩如烟海的条目看了半天我也没看明白运费是咋算的。我只知道的是,我以前买其它饮料,买很多箱也很重,但是并没有收我运费;买大米,买很多袋,也很重,也没收运费。

而这个水,之所以运费很贵,无外乎是因为它很便宜,不过这么算下来,每箱价格高达49.15,比超市贵了9元还多,这我卖谁去??

不过我最生气的还不是这个水如何贵,也不是这个水比超市贵让我无法赚钱,我生气😠的是京东搞什么秒杀弄个貌似很便宜的价格,然后在运费上搞些不透明的小手段,如果不是我细心地瞅一眼,岂不是被无良地奸商坑死了?


This page is synchronized from the post: 京东的水~~

再临花海 / 花儿都谢了😭

我的一个朋友之前被我安利花海如何如何美丽如何如何壮观,并且看了我发给他的花海图片后,非得喊我一同再去一次花海,无奈之下只好答应了,结果再临花海后,发现人潮还是那个人潮,但是花海已然不是那个花海了。

还好可以在音乐喷泉和悦音长廊这听听歌,吹吹风,否则这一趟算是白来了。

我很后悔为啥要听他的再来一次,曾经的花海在我心中是多么美啊。


上次的花海照片

相关链接


This page is synchronized from the post: 再临花海 / 花儿都谢了😭

STEEMIT不声不响拿下了STEEM.COM域名?

大家都知道,STEEM官方网站的域名是STEEM.IO,话说尽管这些年,神马.io啊,.cc啊曝光度逐渐增高,但是对我而言,还是钟情于.com、.net、 .org这几个顶级后缀。


(图源 :pixabay)

你问我为啥?当然是我刚接触互联网的时候,常用域名就这几个,当然还有什么gov, edu啥的,那些也不让个人玩啊。我的第一个.com域名注册费每年数百元(2001年),这些年逐年变得便宜了,现在不过才几十块钱,但是你要是给我1W元,我是万万不会卖的。

额,扯远了,话说其实两年前我就查询过STEEM.COM,这个域名早在1998年(1998-10-27T05:00:00Z)就被注册了,而STEEM.io是2016年(2016-02-21T22:41:59Z)才被注册,当时这个域名好像挂着出售,至于多少钱我记不得了,总之是价值不菲。

今天参加@oracle-d 发起的投票活动,突然发现投票页面上介绍中写的是STEEM.COM而不是STEEM.IO,什么?难道我发现了一个山寨网站?

于是我查了一个STEEM.COM的注册信息(whois):

Registrant Name: Philip Scott
Registrant Organization: Steemit
Registrant Street: 2700 Roanoke St
Registrant City: Christiansburg
Registrant State/Province: Virginia
Registrant Postal Code: 24073-2608
Registrant Country: US
Registrant Phone: +1.6464813519
Registrant Phone Ext:
Registrant Fax:
Registrant Fax Ext:
Registrant Email: contact@steemit.com

咦,谁能告诉我Philip Scott是谁?😀 不过Registrant Organization: Steemit以及Registrant Email: contact@steemit.com 我还是识得的,这不就是STEEMIT公司嘛?

在再看一下域名注册信息的其它部分

Domain Name: steem.com
Registry Domain ID: 2771981_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2017-12-21T16:35:27Z
Creation Date: 1998-10-27T05:00:00Z
Registrar Registration Expiration Date: 2019-10-26T04:00:00Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146

注册注册时间我之前说过,域名更新时间竟然是2017-12-21,也就是说去年STEEMIT就已经把STEEM.COM域名拿下了,我竟然后知后觉这么久!

再来查查A记录

二者指向了相同的IP地址!打开网站,内容也相同。

所以,从注册信息,网站内容以及IP上看,STEEM.COM无疑已经属于STEEMIT公司了,STEEMIT竟然在17年末就不声不响地拿下这个域名,也没见什么官方信息出来。

不知道STEEMIT如何利用这个域名,也许有大用处,也许只是保护起来,但是毫无疑问的是:不管如何利用,这个域名归属于STEEMIT公司,终归是大好事一件!


This page is synchronized from the post: STEEMIT不声不响拿下了STEEM.COM域名?

参加oracle-d 发起的STEEM上 NETCOINs投票活动

早晨起床看到STEEM被一个活动刷屏了,瞄了一眼,原来是 @oracle-d 发起了一个STEEM在NETCOINs上上币的投票。

虽然我没用过(http://contest.gonetcoins.com/),但是据@oracle-d的介绍,那是好处多多。一旦被列入,那么对STEEM以及STEEM持有者而言都是极大的利好。作为一个STEEM(以及STEEM POWER)的持有者,这样的事情当然是喜闻乐见的啦。

除了对STEEM的利好以外,参加活动还可以获得@oracle-d的点赞,哇,还有这么好的事情,那无论如何要参加喽。

http://contest.gonetcoins.com/ 看一下:

STEEM当前排名第五,只有548票,与第一名1198票差距还是不小呢!我们STEEM社区可是号称百万注册用户啊。

填上邮件地址点*投票(Vote)

提示需要用邮件地址确认投票

点击那个发送确认邮件(Send confirmation Email)的链接

提示让检查收件箱。

打开邮件客户端,在收件箱中找到标题为Please Confirm Your Vote的新邮件,内容如下:

点开链接完成

然后别忘记把上述完成的截图发到回复到下列文章下,会有奖励的喽:

另外,发帖子(可能)还会有点赞奖励,前提是要转发原帖子。这种对STEEM社区、对我们所有STEEM玩家都有好处的事情,怎么能不大力支持呢?动起你的小手,赶紧行动起来吧!


This page is synchronized from the post: 参加oracle-d 发起的STEEM上 NETCOINs投票活动

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×