html+css qq空间模仿

最新推荐文章于 2021-07-29 11:19:31 发布
最新推荐文章于 2021-07-29 11:19:31 发布
阅读量5.6k 收藏 15
点赞数 1
分类专栏： html+css网页前台 文章标签： css html5 jquery html qq空间
Wangqi
本文链接：https://blog.csdn.net/u012651389/article/details/43940795
版权 
<strong><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css">
		*{main: 0px 0px;padding : 0px 0px;}
		.main{width:900px;height:415px;background:#000;margin:10px auto;}
		.title{width:900px;height:40px;background:#333332;
		margin:0px 0px;border:1px solid #FFF;}
		.title a{display:block;color:#ddd;
			line-height:40px;font-size:16px;text-indent:13px;}
		.main .pic{width:900px;height:410px;padding:10px;overflow:hidden;}
		.main .pic ul {display:block;margin-left:20px;width:894px;height:350px;
			/*border:1px solid blue;*/}
		.main .pic ul li{display:block;
			width:210px;height:85px;border-bottom:1px solid #303030;
			border-right:1px solid #303030;float:left;}
		.main .pic .FUL{border-right:none;}
		.main .pic .Last{border-bottom:none;}
		.main .pic ul li img{margin-left:15px;margin-top:10px;float:left;}
		.main .pic ul li span{display:block;
			color:#FFF;line-height:80px;float:left;margin-left:30px;}
		.main .pic ul li:hover{background:#333332;opacity:0.7;}
	</style>
  </head>
  
  <body>
    <div class="main">
    	<div class="title">
			<a>应用</a>    		
    	</div>
    	<div class="pic">
    		<ul>
    			<li>
    				<img src="img/1.jpg"/>
    				<span>个人档</span>
    			</li>
    			<li>
    				<img src="img/2.jpg"/>
    				<span>QQ日历</span>
    			</li>
    			<!-- dfsdfsfsdf -->
    			<li >
    				<img src="img/3.jpg"/>
    				<span>日志</span>
    			</li>
    			<li class="FUL">
    				<img src="img/4.jpg"/>
    				<span>投票</span>
    			</li>
    			<!-- dsfdf -->
    			<li>
    				<img src="img/5.jpg"/>
    				<span>分享</span>
    			</li>
    			<li>
    				<img src="img/6.jpg"/>
    				<span>下载</span>
    			</li>
    			<li>
    				<img src="img/6.jpg"/>
    				<span>应用</span>
    			</li>
    			<li class="FUL">
    				<img src="img/4.jpg"/>
    				<span>应用</span>
    			</li>
    			<!-- dfsdfsfsdf -->
    			<li>
    				<img src="img/3.jpg"/>
    				<span>应用</span>
    			</li>
    			<li>
    				<img src="img/4.jpg"/>
    				<span>应用</span>
    			</li>
    			<li>
    				<img src="img/5.jpg"/>
    				<span>应用</span>
    			</li>
    			<li class="FUL">
    				<img src="img/6.jpg"/>
    				<span>应用</span>
    			</li>
    			<li class="Last">
    				<img src="img/6.jpg"/>
    				<span>应用</span>
    			</li>
    		</ul>
    	</div>
    </div>
  </body>
</html>
</strong>

DRMIVET Stone
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html 仿qq登录页面
07-22
一个仿qq登录的html页面，
仿QQ空间发布说说
08-30
仿QQ空间发布说说，支持选图，文字高度自适应，可以自由限制图片张数及文字字数
Android 仿QQ登录界面.zip
07-10
Android 仿QQ登录界面简单的仿照QQ的登录页面
JavaWEB作业 用CSS制作高仿QQ空间
RainOnTheMoon的博客
07-29 816
JavaWEB作业 用CSS制作高仿QQ空间 效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>STAREXILE的空间</title> <style type="text/css"> *{ padding: 0; margin: 0; li
html5仿腾讯,高仿腾讯QQ Xplan（X计划）的H5页面（1）：threejs创建地球
weixin_35776153的博客
06-04 517
上个月底，在朋友圈看到一个号称“这可能是地球上最美的h5”的分享，点进入后发现这个h5还很别致，思考了一会，决定要不高仿一个?到今天为止，高仿基本完成，除了手机端的media控制没有去兼容，其他的基本都给仿了。 那为了让你觉得是高仿，最好使用chrome的手机调试模式进行访问。微信打开将听不见声音看不到视频... (后面再有时间看是不是仿的再进一步)之所以要仿它，因为觉得这个h5还挺酷，想看看自己...
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
12-13
这是分享按钮： <button onclick="call()">通用分享</button> <button onclick="call('wechatFriend')">微信好友</button> <button onclick="call('wechatTimeline')">朋友圈</button> <button onclick="call('qqFriend')">QQ</button> <button onclick="call('qZone')">QQ空间</button> <button onclick="call('weibo')">微博</button>  这是js调用代
html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码
weixin_34634231的博客
06-08 277
本文实例讲述了JS实现的仿QQ空间图片弹出效果代码。分享给大家供大家参考，具体如下：function imageShow(which_click) {var image_path = which_click;//alert(image_path);var tag_top = Math.max(document.documentElement.scrollTop, document.body.scr...
安卓仿QQ空间实现(含图片的动态编辑、发表、点赞、评论)
qq_44706002的博客
03-15 3387
之前做项目的时候需要用到仿空间动态的功能，在此做一下记录，简单介绍一下listview自定义适配器以及各相关功能实现方法。 一、效果图 这里添加了两条初始动态，其他都是现编现发的。头像这里后面使用了圆形图片控件。 动态评论以及点赞功能实现⬆ 动态编辑与发表功能⬆（这个照片是我摸黑拍的，显示并没有问题，并且因为时间比较长降低了gif的图片质量） 二、功能需求 1、仿空间动态界面 2、评论与点赞...
好友动态的实现原理
01-25 3748
场景 我们现在好多软件都有一个类似朋友圈的功能：微博、微信、QQ…… 只要涉及到好友、粉丝这样的 app 或者是网站，一定有这样的一个功能。那这个功能是怎么样来实现的呢？ 其实，这个技术已经非常的老了…… 估计快7-8年了。那个时候有一个网站还非常流行，他叫：开心网。大家都在偷菜、抢车位，然后你的好友动态里就会出现 “xxx又抢了车位” 这样的信息。 实现 基础逻辑 如果你有 N 个好友，...
java做类似于qq空间动态加载_Android仿QQ空间动态界面分享功能
weixin_36463451的博客
02-16 391
先看看效果：用极少的代码实现了 动态详情 及 二级评论 的 数据获取与处理 和 UI显示与交互，并且高解耦、高复用、高灵活。动态列表界面MomentListFragment支持 下拉刷新与上拉加载 和 模糊搜索，反复快速滑动仍然非常流畅。缓存机制使得数据可在启动界面后瞬间加载完成。动态详情界面MomentActivity支持 (取消)点赞、(删除)评论、点击姓名跳到个人详情 等。只有1张图片时图片...
QQ空间_html
03-22
NULL 博文链接：https://kaka100.iteye.com/blog/907748
仿QQ空间源码
11-25
本项目是一个仿QQ空间的安卓项目源码，包括Android客户端，使用SSM框架的服务端、mysql数据库。
仿QQ+html5的聊天界面
04-15
仿QQ+html5的聊天界面
仿QQ空间的HTML编辑器
12-08
仿QQ空间的HTML编辑器，很不错的，仅供参考。
模仿QQhtml版
01-30
模仿QQhtml版，模仿QQ的HTML网页程序
html+css+js模仿淘宝搜索商品页面
最新发布
11-11
纯html+css+js实现，百分之90以上和原网站基本相同
网页设计期末大作业+html+css
05-25
9个网页布局，学校让做的网站作业，虽然是比较基础的网页静态页面，不过我也希望你能做的规范一些，我们专业制作学生...DIV+css+js学生网站如何做？ 不靠这个吃饭--你还用自己做网站吗？ 大学生静态网页成品作业代做
HTML+CSS总结.doc
11-17
HTML+CSS总结.doc
html+css+js模仿百度注册页面
07-27
html+css+js模仿百度注册页面，带表单验证
html怎么做qq空间页面,html+css qq空间模仿
05-22
要模仿QQ空间页面，你需要了解HTML和CSS的基础知识。以下是一些步骤： 1. 首先，你需要创建一个HTML文档，可以用文本编辑器或IDE来做。在HTML文档中，你需要包含DOCTYPE声明、html标签、head标签和body标签。 2. 在head标签中，你需要包含一些元素，如meta标签、link标签和title标签。这些元素将有助于浏览器正确渲染你的页面。 3. 在body标签中，你需要添加一些内容，如头像、昵称、个人简介、相册等。你可以使用HTML标签和属性来创建这些元素。 4. 接下来，你需要为你的页面添加CSS样式。你可以使用内联样式、嵌入式样式或外部样式表来实现这一点。通过CSS，你可以设置页面的布局、字体、颜色、背景等属性。 5. 最后，你可以添加一些交互元素，如按钮、链接、表单等。这些元素将有助于增强你的页面的交互性和功能性。 注意，为了模仿QQ空间页面，你需要自己设计和编写页面，并不应该直接复制QQ空间的代码。同时，你也需要确保你的页面不侵犯任何版权或知识产权。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值