博客园如何设计自己的样式?

GodisLove GodisLove     2022-10-02     334

关键词:

博客园如何设计自己的样式?

<!-- 在博客后台设置中先申请js权限,等审核通过后,再在页首、页脚Html代码添加下面的js代码。 -->
<!-- 页首Html代码: -->
<canvas height="990" id="c_n9" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.1;" width="1920">
</canvas>
<!-- 页脚Html代码: -->
<script src="https://files.cnblogs.com/files/lovebing/mylines.js" type="text/javascript">
</script>
<!-- 时间 -->
<div id="myTime" style="">
    <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="70" id="honehoneclock" width="160">
        <param name="allowScriptAccess" value="always">
            <param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf">
                <param name="quality" value="high">
                    <param name="bgcolor" value="#ffffff">
                        <param name="wmode" value="transparent">
                            <embed align="middle" allowscriptaccess="always" bgcolor="#ffffff" height="70" name="honehoneclock" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" type="application/x-shockwave-flash" width="160" wmode="transparent">
                            </embed>
                        </param>
                    </param>
                </param>
            </param>
        </param>
    </object>
</div>
<!-- 小老鼠 -->
<div>
    <object data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" height="200" style="outline:none;" type="application/x-shockwave-flash" width="190">
        <param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?">
            <param name="AllowScriptAccess" value="always">
                <param name="wmode" value="opaque">
                </param>
            </param>
        </param>
    </object>
</div>

摘录网友部分js 代码。

如何在博客园随笔中增加章节导航

在博客园阅读了很多优秀的博文,内容清晰,结构合理,开篇还有目录索引,自己也用博客园很长时间了,今天补充下如何自己手动生成博文的章节目录索引。阅读目录:1. 文章撰写2. 添加锚点3. 添加目录并建立锚点... 查看详情

修改博客园模板样式

当我们注册博客园以后,首先是选择自己喜欢的首页模板,当我们对博客园给出的模板不满意时,我们就要对已有的模板进行修改。在这里我采用的模板是SimpleMemory,因为SimpleMemory模板相对简单,便于对样式已有的修改。这是本... 查看详情

自定义博客园主题样式

自定义博客园主题样式基础实现之前有记录自己自定义目录以及相关样式功能,感兴趣的可以看下博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色在此基础上再加点捣鼓内容,实现主题样式透明化、... 查看详情

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

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

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

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

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

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

博客园的代码高亮

博客园自带的代码样式很难看,以下是如何自己设置代码的高亮。 1.点开HTML编辑。   2.找到代码位置,大致如下:    3.提炼成以下样式:<preclass=‘{0}‘>内容</pre> 4.博客园已经默认支持SyntaxH... 查看详情

如何修改博客园的标题,文本,表格等的显示样式

...html,css的知识,不然你就要自己去查格式 1,打开你的博客首页比如我的是这个:http://www.cnblogs.com/progor/ 2,右键查看网页源代码,在网页源代码中查找到 3.点开href的连接,即可获得你当前所用皮肤的css4.ctrl+a,复制下... 查看详情

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

背景知识了解图片url获取1.将选定的背景图上传至博客园服务器将选定的图片上传至自己博客园的相册中2.获取上传至博客园服务器背景图的url打开相册,选择需要的背景图片-->单击-->在打开的图片上方右键-->复制图片地... 查看详情

修改博客园css样式

看到一款博客园主题,感觉很好看,只是有些css样式不怎么满意,所以自己修改了下,修改的方法在这里记录了下。皮肤连接:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.1.9F12查看元素,就可以看到css样式的标签,在这里调试... 查看详情

博客园的自定义皮肤

博客园的自定义皮肤在折腾的好一阵之后,慢慢的对于园子的样式定制有了一些心得。最终借助李宝亨大大的牛气自定义皮肤终于翻身做主人了。感觉好帅的说,下面简单写一下,具体定义皮肤的方式吧。一、选择博客园模板要... 查看详情

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

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

将自己的博客园,打造成个人知乎

将自己的博客园,打造成个人知乎将自己的博客园,打造成个人知乎将自己的博客园,打造成个人知乎将自己的博客园,打造成个人知乎将自己的博客园,打造成个人知乎将自己的博客园,打造成个人知乎将自己的博客园,打造... 查看详情

如何快速的自定义博客园背景图片(代码片段)

博客园的主题背景风格基本是简洁朴素风格,毕竟淳朴码农的撸码知识共享圣地不需要花里胡哨,但是作为新一代的撸码青年,我还是忍不住把博客园简单的美化了一下打开https://sm.ms/上传一张你喜欢的图片,这个网站很好使,... 查看详情

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

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

博客园美化操作(代码片段)

之所以写这篇文章的原因了主要就是博客园的默认样式太单一,而且很多人都在用,就想与众不同一样,不做大多数 准备工作想要美化自己的博客园默认界面,首先需要申请js权限 步入正题当你的这一步做完之后就可以... 查看详情

博客园页面样式尝试01

随着各种设备的兴起,WebApi作为服务也越来越流行。而在无任何保护措施的情况下接口完全暴露在外面,将导致被恶意请求。最近项目的项目中由于提供给APP的接口未对接口进行时间防范导致短信接口被怒对造成一定的损失,临... 查看详情

布局分析001:自己的博客园模板

分析:两列的模式,两列都采用绝对定位方式。这个框架的问题是:只知道一个层的宽度如何定位?假如只规定右边层的宽度,左边如何定位呢?比如说,规定右边的宽度为300px,则左边不用计算,只是采用离右距离:right:350px;... 查看详情