博客园自定义样式编辑(代码片段)

gaosirs gaosirs     2023-03-09     615

关键词:

页首html代码

<div class="main-top">
  <a class="avatar" href="https://home.cnblogs.com/u/gaosirs/">
    <img src="https://avatar-static.segmentfault.com/209/655/2096555534-5c10b9098455a_huge256" alt="240">
  </a>
  <div class="title">
    <a class="name" href="https://home.cnblogs.com/u/gaosirs/">GaoSir</a>
  </div>
  <div class="info">
    每个人都有属于自己的一片森林,也许我们从来不曾去过,但它一直在那里,总会在那里。迷失的人迷失了,相逢的人会再相逢!
  </div>
</div>

 

 

 

页脚html代码

<span id="back-to-top"><a href="#top"></a></span>

 

 

侧边栏公共html代码

 <p>本博客仅用作学习交流使用,日常学习记录笔记</p>

 

 

页面定制css样式代码

待整理

 

此样式整理自 vayci ,感谢博主分享!

原主题链接:https://www.cnblogs.com/vayci/p/9560637.html

 

博客园自定义样式(代码片段)

我现在的博客园首页暂时应该是一个女生背景,一些星星的悬浮飘扬那么我们怎么来设置博客园的自定义的样式,而不是不个性的默认界面呢?第一步:进入你的首页,打开管理=>设置第二步:我在博客皮肤中选择了SimpleMemory... 查看详情

博客园自定义样式修改标签页的icon图标(代码片段)

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢?按照以下四步你也可以实现自定义标签图标。FromTo第一步:挑挑拣拣选一张icon图标(尺寸不要太大... 查看详情

博客园自定义鼠标点击特效(代码片段)

需要申请JS权限,JS权限申请通过之后,将如下代码放入侧边栏,页首,页末,都可以复制如下代码<scripttype="text/javascript">/*鼠标特效*/vara_idx=0;jQuery(document).ready(function($)$("body").click(function(e)vara=newArray("?Linux?","?Shell?","? 查看详情

博客园自定义css代码

*{margin:0;padding:0;}ul{list-style-type:none;}ul::after{content:‘‘;display:block;clear:both;}a,a:link,a:visited,a:hover,a:active{color:black;text-decoration:none;}#blogTitle,#blog-calendar,#blogCalen 查看详情

博客园自定义页面风格设计后续篇(页面设计模式及代码高亮鼠标点击效果升级)(代码片段)

前言在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当... 查看详情

cnblog博客园自定义样式修改标签页的icon图标

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢?按照以下四步你也可以实现自定义标签图标。From  To 第一步:挑挑拣拣 选一张icon图... 查看详情

博客园自定义公告显示代码

1.博客公告栏中显示时间如图所示。2.在我的博客页面点击管理按钮。3.在管理界面中点击设置按钮。4.在设置界面中找到下图红色区域,把相应的代码加入其中即可。5.各种时间显示代码小人时间a.背景透明版本<scriptcharset="Shift... 查看详情

如何设置博客园好看的标题样式(代码片段)

1.向博客园申请js权限  我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情

如何设置博客园好看的标题样式(代码片段)

1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一... 查看详情

博客园自定义页面风格设计

转:http://www.cnblogs.com/ECJTUACM-873284962/p/7628894.html#_nav_0Angel_Kitty的原创博文①拥有自己的CSS代码②修改鼠标图案③公告栏的设置关于背景音乐④关于CSS动画特效⑤用Canvas和requestAnimFrame做动画特效 查看详情

博客园自定义地址栏logo

自定义博客园地址栏logo一、首先自己需要下载一个logo图片,png、jpg格式的都可以。挑选自己喜欢的图片就可以。二、然后制作成icon图标 在线制作icon图标网站:http://www.bitbug.net/ 三、上传至博客园文件中四、将以下代码... 查看详情

博客园自定义页面风格设计

最近好多人问我博客的页面设计模版,时间挺紧张的,赶着搞策划和学习。。。趁着现在放假写写吧~~~全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用SimpleMemory,可以自适应,方便我们进行页面CSS定制论如... 查看详情

博客园样式自定义(待更新)(代码片段)

总感觉这件事情做的晚了哈哈。以前写博客总是一个人默默地写,现在竟然出现了两个吐槽我挖坑不填的哈哈。(非常感谢~)大概是终于有个人能够督促自己学习了,你们怎么不早点来?!!!废话不多说,怎么定义博客园的... 查看详情

博客开篇——应用markdown编辑器呈现样式和内容(代码片段)

刚刚开通博客,一直了解Markdown便捷的编写能力,正好博客园支持Markdown编辑器,写此篇练习Markdown的各种[标记]语法。本文内容有参考文章博客园Markdown编辑器指南Markdown编辑器在未提供Markdown的博客中,通常使用安装好的Markdown... 查看详情

如何设置博客园好看的标题样式

1.向博客园申请js权限  我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情

记录帖如何自定义博客园界面

关于如何自定义博客园界面的文章记录博客园美化教程大集合----极致个性化你的专属博客(超详细,看这篇就够了)博客园cnblogs:自定义页面风格博客园自定义样式 查看详情

制作博客园目录导航(代码片段)

在博客园文章的上方制作一个导航窗口,方便浏览文章内容。点击按钮可以跳转到指定标题,还具备返回顶部功能。 1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限... 查看详情

自定义博客样式(代码片段)

自定义博客样式一、添加自定义CSS1.收藏按钮悬浮#div_diggposition:fixed;bottom:10px;right:15px;border:2pxsolid#ECD7B1;padding:10px;width:140px;background-color:#fff;border-radius:5px5px5px5px!important;box-shadow:0001px#5F 查看详情