博客园设置自定义页面样式

fengnan fengnan     2022-12-23     360

关键词:

首先是背景图片,这个修改对模版而言都是通用的

body
background:url(‘URL‘) no-repeat top center fixed;

这里图片路径可以上传到博客本地图片,图片就有了网上路径

 

然后是正文模块在整体背景中的浮动

#home

margin:0px auto;
width:1000px;

一个控制模块顶部和背景距离

一个控制模块和宽度当页面缩放的宽度远远小于你设定的宽度,右边搜索框及其他组件都会移动到底层,不利于使用,最好设置一个合适的宽度

 

正文模块颜色设置

#home
    background:颜色代码;
    opacity: 0~1;
    filter: alpha(opacity=0~100);

第一个是背景颜色

下面是设置透明度,使用任意一个,第一个越接近1越不透明

 

搜索/工具栏样式

.catListTitle
border-left:5px solid #4C98F5;
padding:8px 0 8px 10px;















自定义博客园主题样式

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

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

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

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

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

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

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

自定义博客样式

1.将css文件上传到博客园http://files.cnblogs.com/files/chucklu/SimpleMemory.css  2.设置里面调整2.1博客皮肤设置为Custom2.2页面定制css代码@importurl("http://files.cnblogs.com/files/chucklu/SimpleMemory.css");<styletype 查看详情

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

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

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

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

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

...个人blog页面效果时遇到的技巧及方法等。基本流程设定博客皮肤为BluSky定制首页代码:引入外部CSS页顶博主名字及副标题在首页html内输入以下代码可添加博主名到页面顶端,也可添加副标题:<headerclass="main-header"id=&quo... 查看详情

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

1、来个效果图2、进入博客园后台(设置->添加页首Html代码),将下面的代码复制粘贴保存即可11<scriptsrc="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">22<canvasid="c_n4"width="860"height="958"style="position:fixed;top:0 查看详情

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

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

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

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

博客园的自定义皮肤

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

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

页面定制CSS代码需要禁用博客园自带的页面定制CSS代码 @font-facefont-family:‘RainFate‘;font-style:normal;font-weight:normal;src:url("http://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot?#iefix")format(‘embedded-opentype‘),url("http://blog.zhaishidan.cn/css/font/... 查看详情

博客园codinglife模板手机样式优化

博客园CodingLife模板手机样式优化:用博客园写笔记也有一段时间了,当我用手机浏览我的文章时感觉样式不太完美,主要是个人首页和文章详情的头部宽度太大,原本大屏右侧的模块放在文章下面后宽度和位置不太合适,刚好... 查看详情

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

自定义主体样式参数在皮肤里先挑一个现成的模板开始我们的定制之旅,这里我选了SimpleMemory,我还是喜欢这种朴素的风格。选择SimpleMemory模板上图成品的修改源码如下:bodybackground-color:#176d4694;#homewidth:90%;background-color:#f‘f‘f;.... 查看详情

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

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

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

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

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

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