源码介绍
最近一个很牛掰的学生做的一个个人团队官网HTML主页源码,HTML源码,ui什么的和界面都很美观和流畅,站长团队,关于本站,站点展示等,还附带移动端,之前需要授权,前几天要了开源的主页源码,现在颜汐分享出来,可以作为个人主页也可以用作工作室的官网。直接上传源码解压即可访问,如果需要修改下面有教程
没有代码编辑工具得下面的文章下载
使用教程
(1)网站特殊字体
全局字体:默认宋体 [cnm.sb_pc.css]第5行
特殊英文字体:[cnm.sb_pc.css]第16行
(2)图片索引
电脑端
开局背景图片:[cnm.sb_pc.css] 第44行
侧栏上面的背景图片:[cnm.sb_pc.css] 第100行
官网首页页面背景图片:[cnm.sb_pc.css] 第181行
关于站长页面顶部头图:[cnm.sb_pc.css] 第391行
商业合作页面背景图片:[cnm.sb_pc.css] 第605行 第618行 两个不一样会来回切换
站点展示页面顶部头图:[cnm.sb_pc.css] 第714行 第737行 两个不一样会来回切换
站点展示页面顶部宇航员图片:[cnm.sb_pc.css] 第748行
站点展示页面顶部鲸鱼图片:[cnm.sb_pc.css] 第760行
移动端
顶部头图:[cnm.sb_mp.css] 第52行
关于本站顶部头图:[cnm.sb_mp.css] 第142行
商业合作背景图片:[cnm.sb_mp.css] 第332行
站点展示顶部头图:[cnm.sb_mp.css] 第392行
商业合作页面背景图片:[cnm.sb_pc.css] 第604行 第617行 两个不一样会来回切换
站点展示页面顶部头图:[cnm.sb_pc.css] 第902行 第925行 两个不一样会来回切换
站点展示页面顶部宇航员图片:[cnm.sb_pc.css] 第937行
站点展示页面顶部鲸鱼图片:[cnm.sb_pc.css] 第949行
其他的图片在index.html里面,行数易变,这里就不列举了,很简单,自行替换。
(3)配色
电脑端
首页欢迎来到四个大字:[cnm.sb_pc.css] 第230行
首页CNM官方网站:[cnm.sb_pc.css] 第239行
首页右上右下角文字:[cnm.sb_pc.css] 第294行
首页探索按钮背景颜色:[cnm.sb_pc.css] 第256行
关于本站页面顶图文字背景颜色:[cnm.sb_pc.css] 第402行
关于本站页面联系站长按钮背景颜色:[cnm.sb_pc.css] 第444行
站点展示页面顶图小飞机背景颜色:[cnm.sb_pc.css] 第770行
移动端
首页顶栏背景颜色:[cnm.sb_mp.css] 第26行
首页栏目背景颜色:[cnm.sb_mp.css] 第81行
关于本站页面顶图文字背景颜色:[cnm.sb_mp.css] 第158行
站点展示页面顶图文字背景颜色:[cnm.sb_mp.css] 第401行
![个人工作室主页官网源码附移动端[HTML单页] 20220402170138790.png](https://cos.yanxinet.com/wp-content/uploads/2022/04/20220402170138790.png?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] 20220402170143309.png](https://cos.yanxinet.com/wp-content/uploads/2022/04/20220402170143309.png?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] 20220402170149703.png](https://cos.yanxinet.com/wp-content/uploads/2022/04/20220402170149703.png?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] fd10e3e4a0d058ca666501f6cfd802b.jpg](https://cos.yanxinet.com/wp-content/uploads/2021/11/fd10e3e4a0d058ca666501f6cfd802b.jpg?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] f1e9b0950b78c9ac67cb7cdf901b114.jpg](https://cos.yanxinet.com/wp-content/uploads/2021/11/f1e9b0950b78c9ac67cb7cdf901b114.jpg?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] 93da2e5fdf03dd52f919773429f77be.jpg](https://cos.yanxinet.com/wp-content/uploads/2021/11/93da2e5fdf03dd52f919773429f77be.jpg?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
![个人工作室主页官网源码附移动端[HTML单页] 8c2d7e7bbf32c3705ae88b0dbd19597.jpg](https://cos.yanxinet.com/wp-content/uploads/2021/11/8c2d7e7bbf32c3705ae88b0dbd19597.jpg?watermark/2/text/6aKc5rGQ5bCP5bGL/fill/IzNEM0QzRA/fontsize/20/dissolve/10/gravity/east/dx/20/dy/20/batch/1/degree/45)
暂无评论内容