博客园签名档图片圆角美化

轮子(教程)1:https://www.cnblogs.com/keerdi/p/6141461.html

轮子2:https://www.cnblogs.com/derek1184405959/p/9018285.html

使用轮子1的方法添加照片后,想使用border-radius来将图片的边缘做成圆角,但实践证明在签名档处添加以下两句会被自动删除

border-radius: 20px;
background-size:500px;

后来结合轮子2里的办法搞定了,在页面定制CSS代码里添加以下代码:

#PSignature {   //该处为轮子1代码里的ID号
border-radius: 20px;
background-size:500px;
}

今天从早上开始尝试美化博客,感谢各位大佬提供的轮子,可以拿来直接使用。这个过程中也初步了解了一下html语言。

其他美化教程贴:
https://www.cnblogs.com/baoyihan/p/blog-beautify.html

https://www.cnblogs.com/summertime-wu/p/9356736.html#_caption_0

原文地址:https://www.cnblogs.com/j-c-y/p/11114323.html

时间: 2024-10-15 15:11:44

博客园签名档图片圆角美化的相关文章

博客园添加背景图片

目录 步骤 1.在博客园的相册中添加需要作为背景的图片 2.复制图片地址. 3.粘贴css代码. 参考 步骤 1.在博客园的相册中添加需要作为背景的图片 管理>相册,新建相册并上传图片,注意图片大小不能超过3m,我使用ps把图片的图像大小调小并导出为.jpg格式后满足了大小要求. 2.复制图片地址. 在相册中打开刚刚上传的图片(使用Firefox浏览器),点击查看原图(很重要!之前我没有点原图,导致图片分辨率极低),然后复制图片的地址. 3.粘贴css代码. 在博客园管理<设置中找到页面定制c

博客园签名制作

方法 里面的图片,可以把图片上传至博客园的相册,获取到图片的链接 根据需要去修改里面的链接和内容 如有疑问可联系我 代码如下,根据需要修改: <div id="AllanboltSignature"> <p id="PSignature" style="border-top: #e0e0e0 1px dashed; border-right: #e0e0e0 1px dashed; border-bottom: #e0e0e0 1px d

博客园样式目录加代码美化

页面定制 CSS 代码 使用博客园自带的SimpleMemory主题 h1,h2,h3,h4,h5,h6 {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;} h1 {font-size: 1.8em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} #header h2 { font-w

博客园文档保存为pdf适合手机kindle阅读

首先使用chrome浏览器,找到相关页面 F12打开命令窗口 输入: var el=$('.post'); $("*").not(el.find('*')).hide(); el.parents().andSelf().css({width:480,padding:0,margin:0,border:'none',float:'none',position:'static'}).show().find('img').css({maxWidth:470,height:'auto'});

Python 使用selenium实现自动登录博客园

需要做的准备: 本文章是使用Chrome,所以需要Chormedriver.exe,具体的下载过程可以百度查到 Selenium是一种自动化测试工具,能模拟浏览器的行为,所以今天我就模拟一下浏览器登陆博客园的行为. 首先,分析问题,登陆博客园需要做些什么: 1.打开浏览器 2.输入博客园主页的网址 3.点击登陆按钮,等待页面跳转 4.输入账号密码,点击登陆 知道了步骤,接下来我们用代码来实现它:from selenium import webdriverimport time#创建登陆类 fro

博客园美化教程大集合(超详细,看这篇就够了)

阅读目录: 1. 前言 2. 定制自己的博客 0. 美化整体效果 1. 准备工作 2. 自定义个性化导航栏 3. 添加顶部博主信息 4. 添加顶部滚动公告 5. 为博客文章添加目录导航 6. 添加分享功能按键 7. 定制推荐和反对按键的炫酷样式 8. 添加快速返回顶部的功能按键 9. 添加打赏功能按键 10. 添加页面放大缩小功能按键 11. 添加Github图标及链接 12. 添加公告栏图片 13. 添加公告栏文字信息 14. 添加公告栏个性时钟 15. 为公告栏添加访客来源统计 16. 为公

博客园美化操作

之所以写这篇文章的原因了主要就是博客园的默认样式太单一,而且很多人都在用,就想与众不同一样,不做大多数 准备工作 想要美化自己的博客园默认界面,首先需要申请js权限 步入正题 当你的这一步做完之后就可以开始给博客化妆了 #########################################页面标题样式================================ #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑

MarkWord - 可发布到博客园的Markdown编辑器(支持图片同步)

这一段时间一直很迷恋MarkDown,语法简单,排版整洁.对于经常要整理归档文件是绝对的好东西. 于是就去上网搜一些Markdown软件,别说还真多,各种类型,然后就挑了几个都不进人意,因为我比较喜欢把文档生成为Pdf方便查阅.但是着了好多都没这个功能,唯一找到的一个还是要收费才能使用.所以就萌生自己做(zuzhuang)一个MarkDown软件的想法,另外也是想借这个软件学习一下WPF. 在本篇我先介绍一下本软件的使用方法,看看大家的反馈,如果好的话会出一个系列,并且会考虑放出代码. Mark

是用博客园发表博客是如何上传本地图片

之前写了一篇带有图片的文章,我是直接从Word文档copy过来的,结果发现图片没有,找了很多资料,都说的很麻烦,最后还是自己找到了一简单方法, 这样,你的图片就可以上传了! 是用博客园发表博客是如何上传本地图片