南瓜园

 找回密码
 注册
查看: 2977|回复: 2

教新手做空间的详细方法!

[复制链接]
发表于 2008-12-13 20:33:37 | 显示全部楼层 |阅读模式
最近有很多朋友问我怎么做空间,或是帮他做空间,由于摇晃最近比较忙,没时间帮大家解决你的问题,今天特意花点时间把做空间的一些基本步奏跟大家说一下,愿你能学会,并完成一个漂亮的空间!
首先打开空间
点自定义


点个性设置


点模块管理


会出现这样的对话筐


把前面的勾全去掉,成这样


点提交


点新建模块


会出现这样的对话筐,在板块名称里写上你想放入的代码的名字。(这是为了方便以后的修改)


会出现这样的对话筐。点确定


会出现这样的对话筐。


把上面和下面的http//全去掉,在评论里写入代码 再点保存


确定后,再把这个对话筐往左上角拉


直到看不见(如果你放入的是FLASH 又不是全屏的就不要拉它,放在这里不要动)


再点保存


这样你的代码就放进去了
再给新手推荐二个我做的JS代码,只要一个代码就可以完成一个漂亮的空间了!!
 楼主| 发表于 2008-12-13 20:34:03 | 显示全部楼层
必须掌握的代码--推荐

这些代码都是很常用的,这个教程也是我平时翻看最多的!!!

给日志和留言里加连接代码

要连接的地址

保护主页图片不那么容易被盗

<img oncontextmenu="return false" title="" height="440" src="您的图片地址" width="630" align="middle" border="0">

没有边框的板块做法

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"> 你要加的代码

去导航条的代码

<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;">


修改鼠标图片的代码

<img src="javascript:document.body.style.cursor='url(\'鼠标图片的地址\')';">

鼠标地址点击这里查看

换掉空间标题的代码

<img src="javascript:document.title='标题名称';">

去掉滚动条的代码

<img src="javascript:document.getElementById('initd').style.overflow='hidden';">

扩大空间区域代码

<img src="javascript: document.getElementById('initd').style.left='0';document.getElementById('initd').style.top='0';document.getElementById('initd').style.width='925';document.getElementById('initd').style.height='655';"></img>



艺术字代码 (大家可以修改字后看效果)
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><B>詠恒√家族论坛,欢迎各界朋友加入!</B><FONT>

带有连接的艺术字
<a href='http://722400.com' target='_blank'><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><B>『詠恒√家族』管理规定和群号!</B><FONT></a>
字的大小修改FONT-SIZE: 30pt中的数字,颜色修改COLOR: #f90b46;


  Flash代码 [代码中的Flash地址就是网上以.swf结尾的网址]
</textarea><embed src='你的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 [代码中的Flash特效地址就是网上以.swf结尾的网址]
</textarea><IMG src="你图片的地址" border="0" width="646" height="220"><embed src="你要插的透明falsh的地址"; width="300" height="380" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0">

  背景图代码 以及背景音乐代码
</textarea><body background="你的背景地址">
音乐代码 [代码中的音乐地址就是网上以.mp3/.midi/.wma结尾的网址] (由于日记标题有字数限制,所以请大家选择较短的音乐地址,否则背景音乐将失效)

</textarea><embed src=你的音乐地址 width=0 height=0 loop= true> 该代码不显示播放器

如果要显示播放器,可以调整width="0" height="0"这2个数值

  MTV-电台代码 [代码中的视频文件地址就是网上以.rm/.wmv/.avi.mpg结尾的网址]

(播放器的大小可以自己调整代码中的数值,只需改height =“高度”,width =“宽度”)

</textarea><embed src= 你的视频地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=false loop=true><br>
要自动播放把代码中autostart=false中false换成true.


  插入图片 [代码中的图片地址就是网上以.jpg/.bmp/.gif结尾的网址]

</textarea><IMG src="你的图片地址" border="0" width="344" height="255">

可以把这段代码放带图片代码前面,上面边框就会 覆盖,在配合调节图片代码中的数字和板块大小,就可以做出没有边框的板块!!
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true">

  改字体大小和颜色

比较大的字  
<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ要写的字ゞ</FONT></SUP></FONT>

只修改字的颜色 </textarea><font color=#ff0000>要修改字体和颜色的字</font> 好看的字体颜色有: #ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520)

只修改字的大小 </textarea><font size=5>要修改字体和颜色的字</font> size用来设置文字的大小。数字的取值范围从1—7,size取1时最小,取7时最大。

只修改字的字体 </textarea><font face=华文行楷>要修改字体和颜色的字</font> face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。

同时修改字的颜色,大小,字体 </textarea><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字</font>

<b>加粗</b> 加粗  
<i>斜体</i> 斜体  
<u>加下划线</u> 加下划线  
<s>加删除线</s> 加删除线
<PRE>预设格式 令文件按照原始的排版方式显示 *好用,省去了频繁插入<br>与<p>的烦恼

    艺术字代码

发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>你要的文字</font>  

</table>

其中color 是阴影的颜色,可以配合网页色调改变,direction 是设置阴影的强度。font color是原字体的颜色。

左右移动的字  
<marquee>要写的字<marquee>

3D文字效果: 代码:
<style type="text/css">  
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }  
</style>  
<table border="0" width="100%">  
<tr>  
<td width="100%" class="3dfont"><font color="#008040">文字</font>  

浮雕的文字
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">  

<font color=#0000FF>你要的文字</font>  

</table>  
color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度。offx;offy是设置的阴影和文字的距离;font color是原字体的颜色。

阴影的文字
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">  

<font color=#6CABE7 size=2>你要的文字</font>  

</table>

文本框字体

</textarea><TEXTAREA 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='你要链接的地址' target='_blank'>文字说明</a>

做图片链接
[img]空间上传的图片地址[/img]</textarea><a href="你要链接的地址" title="文字说明",_blank>  

  插入表格
</textarea><table border="2" width="340" bordercolor="#0000ff" bgcolor="#cococo">

<tr>

<td width="100%">

<p align="center"></td>

</tr>

</table></tex:area>

  其它代码 (代码加在日记内容里就对那篇日记起作用 加在日记标题里则对空间目录起作用)

屏蔽右鍵代码 </textarea><body oncontextmenu="return false"> (这条代码可以防止日记源代码轻易被盜取,推荐使用)

网页无法另存代码 </textarea><noscript><iframe src=*></iframe></noscript>

网页透明代码 </textarea><body background-color:transparent>

其他html代码

Autostart  
是否在音乐下载完之后就自动播放。true 是,false 否  

loop  
是否自动反复播放。LOOP=2 表示重复两次,true 是,false 否  

hidden  
是否完全隐藏控制画面,true 为是,false 为否  

STARTTIME="分:秒"  
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放  

WIDTH="整数" 和 HIGH="整数"  
设定控制面板的高度和宽度.
代码
相关作用
<br>
换行
<p>一段文字</p>
段落
<bgcolor="#00FF00">
背景颜色(#00FF00为绿色)
<text="#0000FF">
字体颜色(#0000FF为蓝色)  
<p align="left">文字</p>
文字左对齐  
<p align="center">文字</p>
文字居中  
<p align="right">文字</p>
文字右对齐

提示:不能正常使用也与你所找地址的格式有关,请换个再试试!!
 楼主| 发表于 2008-12-13 20:35:11 | 显示全部楼层
http://cantes.bokee.com/inc/dudujinmen.swf  
开头码如下:(&改小写&)

<img src="javascript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://cantes.bokee.com/inc/dudujinmen.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

这个是皮肤+导航

http://cantes.bokee.com/inc/duduyemian.swf  
代码如下:(&改小写&)

<img src="javascript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:0px;left:0px;width:11;\'> <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://cantes.bokee.com/inc/duduyemian.swf width=930 height=660 type=application/x-shockwave-flash menu=true wmode=transparent scale=showall quality=high loop=true play=true></EMBED> </div>';">

一般人都是一个flash进场 呵呵
我在论坛收集了一些进场的flash 做了一个随机的

觉得大家应该会喜欢哦

代码:

<img src="javascript:var s=document.createElement('script');s.src='http://droson1.68ab.com/8590562js/suiji.js';document.body.appendChild(s);" style=display:none></img>


下面是随机里面的21个flash

http://droson1.68ab.com/fla/q1.swf  
http://droson1.68ab.com/fla/q2.swf  
http://droson1.68ab.com/fla/q3.swf  
http://droson1.68ab.com/fla/q4.swf  
http://droson1.68ab.com/fla/q5.swf  
http://droson1.68ab.com/fla/q6.swf  
http://droson1.68ab.com/fla/q7.swf  
http://droson1.68ab.com/fla/q8.swf  
http://droson1.68ab.com/fla/q9.swf  
http://droson1.68ab.com/fla/q10.swf  
http://droson1.68ab.com/fla/q11.swf  
http://droson1.68ab.com/fla/q12.swf  
http://droson1.68ab.com/fla/q13.swf  
http://droson1.68ab.com/fla/q14.swf  
http://droson1.68ab.com/fla/q15.swf  
http://droson1.68ab.com/fla/q16.swf  
http://droson1.68ab.com/fla/q17.swf  
http://droson1.68ab.com/fla/q18.swf  
http://droson1.68ab.com/fla/q19.swf  
http://droson1.68ab.com/fla/q20.swf  
http://droson1.68ab.com/fla/q21.swf  

step=0
function title()
{
step++
if (step==20) {step=1}
if (step==1) {document.title='☆☆★q-zone★☆☆'}
if (step==2) {document.title='☆★☆q-zone☆★☆'}
if (step==3) {document.title='★☆☆q-zone☆☆★'}
if (step==4) {document.title='☆★☆q-zone☆★☆'}
if (step==5) {document.title='☆☆★q-zone★☆☆'}
if (step==6) {document.title='☆★☆q-zone☆★☆'}
if (step==7) {document.title='★☆☆q-zone☆☆★'}
if (step==8) {document.title='☆★☆q-zone☆★☆'}
if (step==9) {document.title='☆☆★q-zone★☆☆'}
if (step==10) {document.title='☆★☆q-zone☆★☆'}
if (step==11) {document.title='★☆☆q-zone☆☆★'}
if (step==12) {document.title='☆★☆q-zone☆★☆'}
if (step==13) {document.title='☆☆★q-zone★☆☆'}
if (step==14) {document.title='☆★☆q-zone☆★☆'}
if (step==15) {document.title='★☆☆q-zone☆☆★'}
if (step==16) {document.title='☆★☆q-zone☆★☆'}
if (step==17) {document.title='☆☆★q-zone★☆☆'}
if (step==18) {document.title='☆★☆q-zone☆★☆'}
if (step==19) {document.title='★☆☆q-zone☆☆★'}
setTimeout("title()",300);
}
title()


将上面的 JS中的 q-zone 改为 你们自己空间标题的名字

然后保存为txt  再上传

然后得到文本文件地址

最后用

<img src="javascript:var s=document.createElement('script');s.src='文件地址';document.body.appendChild(s);"></img><font color=red>laguan</font>

放到空间。。。你的标题 就可以有星星闪耀的效果了

一步完成删除导航按钮,部图,扩大空间,加背景,加flash导航!


这个代码是我做空间这么久 自己总结拼凑出来的 代码长度正好可以添加 绝对没超过255个字符 所以放心用
一定要记住里边的&要改成小写的& 否则代码无效 这个代码绝对能用 你要是用不出来 就检查你的图片和导航的地址有没有失效 还有一定要把里边的&要改成小写的& 否则代码无效
<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';document.getElementById('initd').style.left='0';document.getElementById('initd').style.top='100';document.getElementById('initd').style.width='925';document.getElementById('initd').style.height='555';document.getElementById('initd').style.overflow='hidden';document.getElementById('Mlogo').style.background='';document.getElementById('all').style.background='url(背景地址)';document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'导航地址\' quality=high wmode=\'transparent\' WIDTH=\'930\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';"></img><font color=red>lieshen</font>


送二个超级漂亮的导航,喜欢的来拿
http://yyaohuang.bokee.com/inc/yaohuang12.swf  
http://yyaohuang.bokee.com/inc/yaohuang15.swf  


<img src="javascript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'FLASH地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

注意要把大写滴&改成小写滴&才有用哈,否则无效
您需要登录后才可以回帖 登录 | 注册

本版积分规则

请大家牢记南瓜园网址 www.nan2008.com

QQ|小黑屋|手机版|Archiver|南瓜园

GMT+8, 2024-11-11 18:15 , Processed in 0.099002 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表