自适应个人主页html源码,哪里下载?

自适应个人主页html源码,哪里下载?,第1张

个人主页可以采用html代码也可以采用cms系统形式,一般以个人博客网站形式存在。你可以在个人博客模板找到自适应的模板程序后,进行源码下载。

每天的进行一些文章更新,相信对于建立个人品牌是非常有帮助的。

如何在博客里插入Flash、时钟、天气预报、音乐、鼠标

本文转自:http://abinty.tianya.cn

1.添加Flash背景

添加Flash背景代码:

<CENTER><EMBED style="LEFT: 10pxPOSITION: absoluteTOP: -70px" align=right src=“Flash地址” width=500 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></CENTER>

代码说明:

width height分别是Flash的宽度和高度,可以自定义设置。

style="LEFT: 10px是距离左边缘的距离(left=左,right=右)

TOP: -70px:这是距离顶端的距离。

把上面flash地址换上自己喜欢的背景地址就可以了,注意扩展名一定需要时SWF格式的。

添加方法:

新建一个空白模块,勾选“显示源代码”把Flash代码粘贴进去即可。然后再控制面板-个人首页维护-定制我的首页里添加这个模块并保存即可。

来这里挑选一个flash背景吧:

http://www.flamesky.com/blog/user1/1595/archives/2005/5291.shtml

2,添加时钟

添加时钟代码:

<div align="center"><embed src="Flash地址" width="180" height="180" type="application/x-shockwave-flash" /></div>

代码说明:

width=180 height=180是Flash的宽度和高度,可以自定义设置。

添加方法:

同上

来这里挑选一个自己喜欢的时钟吧:

http://www.fengzhuju.com/page-00s/wzgg/clocks.htm

3.添加挂件

添加挂件代码:

<DIV id=youxia style="RIGHT: 10pxPOSITION: absoluteTOP: 100px"><IMG src="图片地址" border=0></A></DIV>

代码说明:

以上为右挂件代码,更换RIGHT为LEFT,则为左挂件代码

添加方法:

同上

下面是几个挂件代码,您也可以自行查找地址并添加:

http://blog.sina.com.cn/pic/55a641f5020000sb

http://blog.sina.com.cn/pic/55a641f5020000sc

http://blog.sina.com.cn/pic/55a641f5020000sd

http://blog.sina.com.cn/pic/55a641f5020000si

http://blog.sina.com.cn/pic/55a641f5020000sh

http://photo.play119.com/Pic/200510134151215213.gif

http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif

4.更改鼠标样式

更改鼠标样式代码:

<STYLE type=text/css>

a:hover {cursor:url('*.ani')}

BODY {cursor:url('*.ani')}

</STYLE>

代码说明:

*.ani为动态光标地址。

添加方法:

同上

到这里找动态光标的链接吧:http://myok.bokee.com/3429184.html

5.添加音乐

添加音乐代码:

<embed src=音乐链接地址 width=200 height=45 type=audio/mpeg loop="true" autostart="false">

代码说明:

支持的音乐格式: wma mp3 rm ra ram asf mid

播放器宽度width和高度herght可以灵活设置,如果都设为0,那么音乐就成了背景音乐,没有播放器.

autostart="true"为自动播放,autostart="false"为不自动播放.

loop="true"为连续循环播放,loop="false"为不循环播放.

loop可以等于一个整数,比如loop="2",就是音乐循环播放2次。

添加方法:音乐地址自己去百度搜http://mp3.baidu.com

技术栈

后端技术栈:egg.js + mysql + sequelize + jwt 等

前端技术栈:vue全家桶 + axios + elementUI + markdown编辑器等

前端项目地址:https://github.com/caiheping/vue-cms

项目运行

git clone https://github.com/caiheping/egg-cms.git

# 如果clone 很慢,也可以拉码云的仓库

git clone https://gitee.com/caiheping/egg-cms.git

cd egg-cms

npm install

然后修改config/config.default.js和database/config.json(这个改不改都行)下自己的数据库用户名和密码

创建数据库egg_cms_development

在egg_cms_development数据库下导入项目根目录下egg_cms_development.sql文件

运行项目

npm run dev

浏览器打开 http://127.0.0.1:7001/index.html

admin登录账号:admin,密码: 123456 普通用户账号密码自己用admin去用户管理创建

演示地址:http://blog.caihp.top (自己服务器只开放部分功能,想要查看全部功能,请copy代码在自己的电脑上看)

用户名: test

密码:123456

项目功能

登录 -- 完成

首页 -- 去我的博客

文章列表 -- 增删改查

文章类型 -- 增删改查

用户中心 -- 增删改查

角色管理 -- 增删改查

菜单管理 -- 增删改查

部门管理 -- 增删改查

通知公告 -- 增删改查

头像上传 -- 完成

我的博客前端界面(知道地址后无需登录就可以进入)

界面截图

传送门:前端vue3 + 后端egg项目地址:https://github.com/caiheping/oa-api 或者 https://gitee.com/caiheping/oa-api


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7271442.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存