一行代码让你CSDN主页变为高大上

简介: 一行代码让你CSDN主页变为高大上

一行代码让你CSDN主页变为高大上


目录


博主介绍


前言

设置自定义模块

跑马灯的背景及背景

下面附上博主主页自定义模块的代码

💫点击直接资料领取💫


目录

博主介绍


💂 个人主页:苏州程序大白


💂 个人社区:CSDN全国各地程序猿


🤟作者介绍:中国DBA联盟(ACDU)成员,CSDN全国各地程序猿(媛)聚集地管理员。目前从事工业自动化软件开发工作。擅长C#、Java、机器视觉、底层算法等语言。2019年成立柒月软件工作室,2021年注册苏州凯捷智能科技有限公司


💬如果文章对你有帮助,欢迎关注、点赞、收藏(一键三连)和C#、Halcon、python+opencv、VUE、各大公司面试等一些订阅专栏哦


💅 有任何问题欢迎私信,看到会及时回复


👤 微信号:stbsl6,微信公众号:苏州程序大白


🎯 想加入技术交流群的可以加我好友,群里会分享学习资料


前言

c9e2b4bd4d394e94a4560d07b2f9dc64.gif


设置自定义模块


c1f438ef524d477c9032449920eb0942.png


跑马灯的背景及背景


宽123 高77 背景色为#f5f5f5的滚动区域


<marquee direction="left" width="123" height="77" bgcolor="#f5f5f5" >
苏州程序大白</marquee>

57345f023b83491b8f6618d1b3900758.gif


跑马灯边距


hspace:水平边距 vspace:垂直边距


<marquee direction="left" width="135" hspace="13" vspace="57" >苏州程序大白</marquee>

badd8fb2ce0249858fb0d1d6dc15b5a3.gif



跑马灯速度


scrollamount:数值越大,滚动速度越快 通常设为5-10


<marquee scrollamount="10">苏州程序大白   速度为10的滚动</marquee>


e038a982b8094194bc5b63e355b2c02c.gif


跑马灯方向


direction: 可设为 < up:向上 down:向下 left:向左 right:向右 > 默认为从右向左


7b294fbeb4f04f95acf2f5bf5c861ef2.gif


跑马灯循环


loop:设置跑马灯循环次数;默认值为-1或infinite,表示无限循环滚动


204a569039414cc8ab5a4d19974a003e.gif


跑马灯滚动方式


behavior:可设为< scroll:循环滚动 slide:只滚动一次 alternate:来回滚动 > 默认为循环滚动


<marquee behavior="alternate">苏州程序大白   来回移动</marquee>


717d73970a24490498c0ce991487f07c.gif


跑马灯延迟


scrolldelay: 数值值越大,滚动速度越慢,通常不设置


<marquee scrolldelay="77">苏州程序大白,延时77</marquee>

53ea62cfdb1146ffa979c0040cc06366.gif



下面附上博主主页自定义模块的代码


<div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/20210529165541174.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjkzMTg3Nw==,size_16,color_FFFFFF,t_70#pic_center" alt="watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjkzMTg3Nw==,size_16,color_FFFFFF,t_70#pic_center" /></b></b></div><b><b></b>
<marquee><b><font color="#03a9f4" face="楷体">  ☀️ 承接各种类型项目,欢迎咨询 ☀️  </font></b></marquee></b><div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/2c8b6bac4ec94c1da9a1c97a03e50d9b.gif#pic_center" alt="a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" /></b></b></div><b><b></b>
<marquee><b><font color="#03a9f4" face="楷体">  ☀️ 加关注、点赞!!!学弟、学妹们 ☀️  </font></b></marquee></b><div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" alt="a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" /></b></b></div><b><b></b></b>


相关文章
|
12月前
|
前端开发 算法
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
|
12月前
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
104 0
|
12月前
|
JSON 前端开发 JavaScript
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
128 0
|
SQL C# 数据库
C#模仿腾讯QQ源码下载(附效果图)_张童瑶的博客
该源码是C#语言+SQL Server数据库,开发的一套模仿腾讯QQ的功能,可以实现即时聊天,发送抖动窗口,开通会员,充值Qb,后台管理等等众多功能。源代码里面都有大量注释,都是重量级的代码,学习还是不错的。该模仿腾讯QQ源代码仅用于学习使用,不可商业出售。
97 0
|
编译器 Go C语言
自制操作系统日记(8):变量显示
上篇中,我们显示了静态的字符串在桌面上,本篇进一步探索,能将定义的整型变量的值显示在桌面上
|
运维 jenkins 持续交付
项目第十九天内容的介绍 | 学习笔记
快速学习 项目第十九天内容的介绍
60 0
|
安全 Java 数据库
10分钟完成补充个人博客留言设计贴功能
10分钟完成补充个人博客留言设计贴功能
115 0
10分钟完成补充个人博客留言设计贴功能
|
存储 前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百零八题-切换tab栏目
#yyds干货盘点# 前端歌谣的刷题之路-第一百零八题-切换tab栏目
62 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百零八题-切换tab栏目
|
算法 IDE Go
躺在床上刷抖音,不如来写第一个 GO 程序入门篇
躺在床上刷抖音,不如来写第一个 GO 程序入门篇
113 0
躺在床上刷抖音,不如来写第一个 GO 程序入门篇
|
前端开发
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮
69 0
#yyds干货盘点# 前端歌谣的刷题之路-第七十三题- 点击按钮隐藏按钮