html中设置圆形头像这里的css分别表示了什么 圆形头像
.imgtest{margin:10px 5px; /*设置总的距离边距*/
overflow:hidden;}/*超出部分隐藏*/
.list_ul figcaption p{/*html代码中没有*/
font-size:12px;
color:#aaa;
}
.imgtest figure div{ /*设置图片外面包裹的样式*/
display:inline-block;/*设置行内块元素,可以设置宽高的,但是这个div又不会独占一行*/
margin:5px auto;/*设置外边距*/
width:100px; /*宽高一样设置成正方形*/
height:100px; /*宽高一样设置成正方形*/
border-radius:100px; /*设置圆角100px,设置边角为圆角*/
border:2px solid #fff; /*设置div边框宽度为2,solid实线,颜色为#fff白色*/
overflow:hidden;/*超出部分隐藏*/
-webkit-box-shadow:0 0 3px #ccc;/*设置阴影,兼容谷歌浏览器*/
box-shadow:0 0 3px #ccc;/*设置阴影*/
}
.imgtest img{width:100%;/*设置图片相对于父级div的宽度*/
min-height:100%; text-align:center;}/*最小高度,和居中对齐样式*/
具体如果不明白可以看一下菜鸟教程,很不错的
求一些黑客之类的图片,头像,,
真实的世界十大黑客:
http://baike.baidu.com/link?url=i8r-Aoqqo2EGSGKQJyDPNzPCLIlz4OvNNQuR_dTbKsykkei335McLaOvxDgn6Zwb0mbEw_3dNFE95kRONBQS-q
css3怎么实现头像图片像QQ那样一闪一闪
@-webkit-keyframes twinkling{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#110 {
-webkit-animation: twinkling 1s infinite ease-in-out;
}
参考如上。
稍微解释一下,定义两个状态,一种状态下透明度为 0%,另一种状态下透明度为 100%,无限次地在 1 秒内切换这两种状态,看起来就是闪烁了。
谁给我点黑客的桌面和头像啊~~~````
那我问下?电脑之间通过什么通信?(说是:网线--不算)
地址欺骗,欺骗的是什么?(说是人--不算)
在安全里。什么是发现,什么是发明
什么是黑客,什么是骇客,什么是红客。
知道数据库是怎么建立的么?什么是表。
这些很基本的东西,但不全面,全能不用查资料的说上
就是有点低的了
css头像模糊代码在哪插
大空间图像代码
皮肤代码
img src="javascript:document.getElementById('all').style.background='url(图片网址)';" style="display:none;"
主页导航:
table width=100% onclick="bt_1.style.display='';bt_2.style.display='';bt_3.style.display='';bt_4.style.display='';bt_5.style.display='';bt_6.style.display='';bt_7.style.display='';bt_8.style.display='';"trtd align=center onmouseover=this.style.cursor='hand'; onclick=guideButton(1); width=12.5%主 页/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(2); width=12.5%日 志/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(3); width=12.5%音乐盒/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(4); width=12.5%留言板/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(5); width=12.5%相 册/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(6); width=12.5%迷你屋/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(7); width=12.5%个人档/tdtd align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(8); width=12.5%互 动/td/tr/table
http://gamezone.qq.com/images/focus/2003/12/22/xmas/pic/0484.jpg
图片、文字做导航代码:
td align=center onmouseover=this.style.cursor='hand'; onclick=guideButton(n); width=12.5%img src="图片地址" width="200" height="150"标题内容/td
guideButton(n)中的n表示1——8中的一个数字
鼠标点击后更改大背景的代码:
span onclick="document.getElementById('all').style.background='url(图片地址)';"显示文字/span
鼠标点击后更改顶部条内背景的代码:
span onclick="document.getElementById('MLOGO').style.background='url(图片地址)';"显示文字/span
鼠标点击后顶部条内背景透明代码:
span onclick="document.getElementById('MLOGO').style.background='url(_blank)';"显示文字/span
鼠标放在“显示文字”上更改大背景的代码:
span onmouseover="document.getElementById('all').style.background='url(图片地址)';"显示文字/span
鼠标放在“显示文字”上更改顶部条内背景的代码:
span onmouseover="document.getElementById('MLOGO').style.background='url(图片地址)';"显示文字/span
鼠标放在“显示文字”上顶部条内背景透明代码:
span onmouseover="document.getElementById('MLOGO').style.background='url(_blank)';"显示文字/span
FIELDSETLEGENDFONT color=#DA70D6B魔法能量Q-Ζōňè换风格↓/B/FONT/LEGENDA onmouseover="this.style.color='#5588dd';" style="FONT-WEIGHT: bold; COLOR: #5588dd; TEXT-DECORATION: none"
span onclick="document.getElementById('all').style.background='url(图片地址)';"显示文字/span
span onclick="document.getElementById('all').style.background='url(图片地址)';"显示文字/span
模块无边框系列之图片无边框代码
div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true" /textareaIMG src="图片地址" border="0" width="图片的宽" height="图片的高"
模块无边框系列之透明FLASH无边框代码
div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true" /textareaEMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="宽" HEIGHT="高" TYPE="application/x-shockwave-flash"/div
模块无边框系列之FLASH无边框代码
div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"/textareaembed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="宽" height="高" play="true" loop="true" quality="high" scale="showall" menu="true"/embed/div
模块无边框系列之计数器无边框代码
div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"/textarea 您是第 img border="0" src="http://www.amazingcounters.com/counter.php?i=354770c=1064623" alt="Web Counters" 位访客。欢迎您的到来!!/div
模块无边框系列之表格无边框代码
div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"/textareastyle type="text/css".tb{BORDER-BOTTOM:#FF99CC 1px dotted}/styletable width="100%" border="0" cellspacing="0" cellpadding="0"trtd class="tb"centera href="链接地址"font face=?#92;体_GB2312这里写内容/trtrtd class="tb"
清空顶部一条背景图片的方法:
img src="javascript:Mlogo.style.background='';"
去掉主题部分的滚动条的方法:
img src="javascript:document.getElementById('initd').style.overflow='hidden';"
清除导航条的方法:
img src="javascript:bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';" style="display:none;"
透明板块
/textarea/table/trtd style="BORDER-top: rgb(0,0,0) 0px dotted; BORDER-bottom: rgb(0,0,0) 0px dotted; BORDER-left: rgb(0,0,0) 0px dotted; BORDER-right: rgb(0,0,0) 0px dotted"这里加加入你原想在板块里放的代码/td /tr /table
代码使用方法:1.选折自定义---新建模块.
2.把代码复制进评论栏(去掉地址栏及图片栏的 http://字样)
3.提交.(完成了)
***********************************************************************************************
天气预报代码:
iframe name="I1" src="http://weather.qq.com/inc/ss150.htm" width="250" height="240"
/iframe
***********************************************************************************************
Flash代码:(FLASH地址要以.swf结尾)
/textareaembed src=’’http://你的Flash地址’’quality=high pluginspage=’’http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash’’ type=’’application/x-shockwave-flash’’ width=330 height=240/embed
透明FLASH:
/textareaembed src=http://你的Flash特效地址 wmode=transparent style="position: absolute" width=380 height=270
注:width=和height=后面的数字是填FLASH大小高矮度..
***********************************************************************************************
背景音乐代码:
/textareaembed src=http://你的背景音乐地址 width=0 height=0 loop= true (此代码不显播放器)
/textareaembed src=http://你的背景音乐地址 width=2 height=2 loop= true (此代码显播放器)
1.如何得到音乐地址...
首先打开百度音乐搜索 http://mp3.baidu.com
输入歌名..格式(只能是MP3和WMA)→查找
找到歌曲..点试听..
注意:要能听见的..而且听起来不卡的....!!!!(重要)
试听里边有个播放器..播放器右上方有个地址..
右键点击地址...→复制快捷方式
进入音乐盒..点添加
把歌曲地址复制到这里..
添加好以后要在歌曲后边的绿色加号上打勾才能自动播放..!(重要)
***********************************************************************************************
视频MTV代码:(地址要以.rm/.wmv/.asf/.avi/.mpg结尾)
(播放器的大小可以自己调整代码中的数值,只需改height =“高度”,width =“宽度”)
以.wmv或者.asf结尾:
/textareaembed src=http://你的视频文件地址 width=360 height=280 loop= true
以.rm结尾:
/textareaembed src=http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=true
以.avi或者.mpg结尾:
/textareaembed src="音乐源地址" border="0" width="320" height="240" type="application/x-mplayer2"/embed
小技巧,想要当你的好友一登陆你的空间就能马上听到最新的音乐视听吗? 技巧在于代码结尾加上wid, 如下
/textareaembed src=http://你的音乐地址 width=360 height=280 wid
***********************************************************************************************
电台代码:(地址要以.asp结尾的地址)
/textareaembed src= http://你的电台地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=truebr
***********************************************************************************************
代码
相关作用
b加粗/b
使文字加粗
i斜体/i
使文字倾斜
u加下划线/u
给文字加下划线
s加删除线/s
给文字加删除线
pre预设格式
令文件按照原始的排版方式显示
*好用,省去了频繁插入br与p的烦恼
***********************************************************************************************
艺术字代码:
发光文字代码
/textareatable style="FILTER: glow(color=#6699FF,direction=2)"
font color=#ffffff size=2要修改的文字/font
/table
其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。
浮雕的文字
/textareatable style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"
font color=#ffffff要修改的文字/font
/table
其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。
阴影的文字
/textareatable style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"
font color=#6CABE7 size=2要修改的文字/font
/table
文本框字体
/textareaTEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666"输入内容
注:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定
tr 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框颜色为紫色
td 表格栏 bgcolor="Green"表格背景颜色为绿色
***********************************************************************************************
插入超链接 (请注意:如果该链接为恶意链接的话,腾讯会自动屏蔽,请大家不要乱用)
文字链接代码 /textarea点击a href=’’http://你要链接的地址’’ target=’’_blank’’文字说明/a
图片链接代码 /textareaa href="你要链接的地址" title="文字说明",_blank
***********************************************************************************************
设为首页/加入收藏代码:
a target=_top href=javascript:window.external.AddFavorite('http://q-zone.qq.com/client/?uin=313715638')〖加入收藏〗/a..a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://q-zone.qq.com/client/?uin=313715638');"【设为首页】/a
***********************************************************************************************
在主页加入钟表的代码!
embed src='时钟的连接地址'quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=100(宽) height=100(高)/embed
其中宽和高是 FLASH显示出来的宽度和高度
把以上代码放在新建版快的评论栏中,图片地址和连接地址清空,什么都不要留!
保存就可以显示一个漂亮的时钟!
http://lizi50.dnsmy.com/shizhongku/clock2.swf
http://lizi50.dnsmy.com/shizhongku/Clock3.swf
http://lizi50.dnsmy.com/shizhongku/Clock4.swf
http://lizi50.dnsmy.com/shizhongku/Clock5.swf
http://lizi50.dnsmy.com/shizhongku/Clock6.swf
http://lizi50.dnsmy.com/shizhongku/Clock7.swf
http://lizi50.dnsmy.com/shizhongku/Clock8.swf
http://lizi50.dnsmy.com/shizhongku/Clock9.swf
http://lizi50.dnsmy.com/shizhongku/Clock10.swf
http://lizi50.dnsmy.com/shizhongku/Clock11.swf
http://lizi50.dnsmy.com/shizhongku/Clock12.swf
http://lizi50.dnsmy.com/shizhongku/Clock13.swf
http://lizi50.dnsmy.com/shizhongku/Clock14.swf
http://lizi50.dnsmy.com/shizhongku/Clock15.swf
http://lizi50.dnsmy.com/shizhongku/Clock16.swf
http://lizi50.dnsmy.com/shizhongku/Clock17.swf
http://lizi50.dnsmy.com/shizhongku/Clock18.swf
http://lizi50.dnsmy.com/shizhongku/Clock19.swf
http://lizi50.dnsmy.com/shizhongku/Clock20.swf
一直到
........................./Clock129.swf
***********************************************************************************************
图片上下移动代码:
图片从下往上移动的友情连接代码。效果可以在我主页看到
新建立一个模块,然后将下面的代码加入评论中!
你只需要修改代码中,中文部分,连接地址=你朋友的地址
图片地址=你朋友的LOGO图片地址
marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"a target="cont" href="连接地址"img src="http://图片地址" width="88" height="33" border="0"/a/marquee
这是一个移动的,如果你要多个的话就这样
marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"a target="cont" href="连接地址"img src="http://图片地址" width="88" height="33" border="0"/aa target="cont" href="连接地址"img src="图片地址" width="88" height="33" border="0"/a/marquee
对比就看出来了,下面多出段
a target="cont" href="连接地址"img src="图片地址" width="88" height="33" border="0"/a
就这样,你每多一个连接你就多插进去一段!
***********************************************************************************************
滚动字:
这是代码:
marquee border="0" align="middle" scrolldelay="120"想说的字/marquee
***********************************************************************************************
其它代码:
屏蔽右键代码 /textareabody oncontextmenu="return false" (这条代码可以防止日记源代码轻易被盗取,推荐使用)
网页无法另存代码 /textareanoscriptiframe src=*/iframe/noscript
网页透明代码 /textareabody background-color:transparent
其他html代码
***********************************************************************************************
使用方法:
1.新建一个TXT文档.
2.将代码保存.
3.将TXT文档上存到网上(我本来找到一个网站可以上传的.但是现在封了,如果黑客动画吧可以提供一个老人代码的地址给我没用就好咯!~顺便在代码中做个小小宣传!!我的建议希望动画吧使用咯!)
4.得到TXT文档地址.
iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="默林文本的连接地址"/iframe
***********************************************************************************************
用小号空间克隆自己的Q-ZONE提高人气的办法!(这个我试过.但验证不出是真是假.)
大家是不是都想自己的花快快长大,天天踩啊踩啊真的好累啊!
但是自己的Q-ZONE只有一个网络地址,就象我的是http://904335.q-zone.qq.com一样,怎么解决这个问题呢!
忽忽,昨天我在无意中发现了这个办法,我们可以用自己的号去开通小号的空间,然后用小号的空间克隆大号的空间(镜象),这样你的Q-ZONE不是又多了一个网络地址吗,忽忽,2个号拉起票来给一个号灌溉应该快点吧,要是你小号多的话不防克隆他10个8个的,忽忽!
克隆自己空间办法如下:
开通自己小号空间,新建立一个版块,在评论中插如以下代码:
iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="313715638.q-zone.qq.com"/iframe
***********************************************************************************************
代 码
相关作用
br
换行
p一段文字/p
段落
bgcolor="#00FF00"
背景颜色(#00FF00为绿色)
-2N
text="#0000FF" -x.
字体颜色(#0000FF为蓝色)
-zz
p align="left"文字/p
文字左对齐
p align="center"文字/p
文字居中
p align="right"文字/p
文字右对齐
皮肤更改代码:
img src="http://photoimg25.qq.com/cgi-bin/load_pic2?verify=3qxjL2TX4pQGRWCLgf15Tw%3D%3D" onload="mall_changeItem('1','物品ID','0','0','0','0','0');"
将物品ID更改成你想设置为皮肤图片的物品ID
示例:
img src="http://photoimg25.qq.com/cgi-bin/load_pic2?verify=3qxjL2TX4pQGRWCLgf15Tw%3D%3D" onload="mall_changeItem('1','201,'0','0','0','0','0');"
--------------------------------------------------------------------------------
下面是个人收藏的一些透明FLASH
透明水珠 http://lain1978.com/collection/flash/008.swf
黄色花瓣 http://lain1978.com/collection/flash/007.swf
心 http://lain1978.com/collection/flash/006.swf
蓝色雪花 http://lain1978.com/collection/flash/005.swf
css如何实现人物头像上打勾
头像图片,然后再来个checkbox
把checkbox相对定位,移到图片上合适的地方
就哦了~~~