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

<!-- 在博客后台设置中先申请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 代码。

时间: 2024-08-01 23:19:48

博客园如何设计自己的样式?的相关文章

博客园自定义设计(三)用css3自定义标签样式

直接贴代码: .catListTag li { text-decoration:none; color:#000; background:#ffc; display:block; height:2em; margin:1em; width:10em; overflow:hidden; -moz-box-shadow:5px 5px 7px rgb(33,33,33,1); -webkit-box-shadow:5px 5px 7px rgb(33,33,1); box-shadow:5px 5p

博客园富强民主文明和谐样式

最近很多人问我这个东西是怎么实现的. 那我就分享一下吧 :grin: <!--富强民主点击特效--> <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; var b_idx = 0; /* 文字和颜色数组 */ var a = new Array("富强", "民主", "文明", "和谐", "自由"

博客园自定义样式

我现在的博客园首页暂时应该是一个女生背景,一些星星的悬浮飘扬 那么我们怎么来设置博客园的自定义的样式,而不是不个性的默认界面呢? 第一步:进入你的首页,打开管理 => 设置 第二步:我在博客皮肤中选择了SimpleMemory,这个皮肤相对来说要轻快.干净,更方便你来修改你的样式. 第三步:事实上你可以禁用默认CSS,这也是允许的,不过就会弄成这样 学过前端的同学应该知道不掺杂任何任何的CSS就会出现这样的情况,这是浏览器默认给定的样式,而不是博客园给的CSS默认样式(所以你已经禁用了博客园的默

博客园的代码高亮

博客园自带的代码样式很难看,以下是如何自己设置代码的高亮. 1.点开HTML编辑. 2.找到代码位置,大致如下: 3.提炼成以下样式: <pre class='{0}'>内容</pre> 4.博客园已经默认支持 SyntaxHighlighter 插件. 只需在<pre>标签加入class样式即可,将{0}用如下样式替换,brush:java替换成实际语言brush:xxx(可自定义样式,但前面要有brush:xxx) class="brush: java;h

如何快速的自定义博客园背景图片

博客园的主题背景风格基本是简洁朴素风格,毕竟淳朴码农的撸码知识共享圣地不需要花里胡哨,但是作为新一代的撸码青年,我还是忍不住把博客园简单的美化了一下 打开https://sm.ms/ 上传一张你喜欢的图片,这个网站很好使,可以上传图片然后可以马上生成一条图片链接,就不需要我们自己维护图片了 然后在博客园设置中自行修改样式OK啦 background:url(https://i.loli.net/2018/07/24/5b56a0f45b6b6.jpg) no-repeat fixed; back

我的博客园CSS样式分享

过完年又开始上班了,已经从2月25连续加班到现在,晚上11点多才回去,也没时间写文章了. 先分享一下我的博客园的CSS吧. 我的博客皮肤最开始的时候是参考共享一下我的自定义CSS博客皮肤(2012.3) 修改的. 使用的是LessIsMore皮肤 下面是自定义的CSS样式 @charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体&quo

自定义博客园样式

相必每个在博客园开通博客的人都抱怨博客园的皮肤丑得要死,尤其是我这种类处女座的孩子根本把持不住所以我遍鼓敲着美化(老板,我有1WQB,给我美美脸~~) 其实发现博客园里面有个自定义CSS样式,你可以加样式思路就是你选定一个预选皮肤,博客园会给你固定的html结构然后你根据结构来自己添加css,尤其在现在CSS3的年代,你可以把你的博客变得妈都不认得fighting! 1,预选皮肤选择LessIsMore(大多数人用这个皮肤来做自定义)2,然后在页面定制里加入如下代码(only示例,最美的还是你自

博客园客户端(Universal App)开发随笔 -- 样式管理与夜间模式

以今天的眼光来看,一个好应用首先是要有好的用户体验.而好的用户体验最直观的就来自于用户界面.好的用户界面则需要好的设计,更需要好的实现.今天我们就向大家分享一下我们在使用Xaml实现界面设计上的一点心得. 样式管理 我们拿到的设计,大多是一张红线图,布满了距离,字号,色号,事无巨细的量化了我们的用户界面.如果我们就这样把各种属性照搬到上Xaml文件中,那看起来就非常不妙了,比如这样: <TextBlock Text="首页"FontFamily =" Segoe WP

博客园客户端UAP开发随笔 -- App UI设计的三大纪律八项注意

前言 每一个页面都是这个App的门面,尤其是主页面,看上去干净整洁清爽宜人容易操作,那么你的App就成功了一半.这也反映出了你这个开发团队的基本审美素质和设计理念.如果你不是一个团队,而是一个个人开发者,建议你好好读读以下心得体会,相信会帮助你做出好看而实用的App.用一堆拥有丑陋UI的App充斥Window Store,不是我们高大上的程序员所为,被其他手机开发平台的开发者们耻笑. 三大纪律: 1)不乱用颜色.一个页面内不要超过3种颜色 2)不乱用大图片当背景.你是想让用户看你的背景图片呢,还