欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Web前端:博客美化:三、右上角的Github Ribbon

程序员文章站 2022-04-28 13:15:40
1、保存图片到博客园相册 2、复制代码到可以放html代码的地方 我因为数量问题把这段sei到了 页首Html代码 3、把代码中的src改成:相册中的图片地址 如果不知道图片处理方法的可以参考另一篇随笔: "Web前端:博客美化:一、模板美化" 我是在一个炒鸡美的博客上看到这个缎带装饰的 原文提供了 ......

1、保存图片到博客园相册

2、复制代码到可以放html代码的地方

我因为数量问题把这段sei到了 页首html代码

<a href="https://github.com/zhengweihong" target="_blank">
    <img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1;" src="http://images.cnblogs.com/cnblogs_com/zhengwh/1395456/o_forkme_right_red_aa0000.png" >
</a>

3、把代码中的src改成:相册中的图片地址

如果不知道图片处理方法的可以参考另一篇随笔:web前端:博客美化:一、模板美化


我是在一个炒鸡美的博客上看到这个缎带装饰的
原文提供了6种颜色,左右版本都有,都很好看。但是我深蓝的背景还是红色最适合,emmmmm

以下是12个图片
Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon
Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon

Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon
Web前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github RibbonWeb前端:博客美化:三、右上角的Github Ribbon


参考: