-
二轉會員
2005-11-23 02:12#1
未教[[語法]]前,先教Look and Feel
Part 1
Look and Feel最頭頂個框 - Page Width & Aliignment ;;;
係較整個Xanga既闊度同埋個Xanga係整個靠左或整個靠中
Part 2
Header分為三款
第一 - Hide Header ;;;
佢會隱藏左你整個Header,一入去就係Show日記
第二 - Create a Custom Header ;;;
即是Xanga最傳統的款式,有一個框俾你打你Xanga既標題及名稱
第三 - Input your own Header HTML ;;;
呢個係自製Header,可以擺放以下所教既語法,多數簡稱佢為Header
*******************************************************
Part 3
Background - Color ;;;
呢個Color就係你Xanga既底色,禁edit可以選擇顏色
Background - Pic ;;;
第一 - 俾你擺你背景圖條link
第二 - 選擇個背景圖放係邊度,如左上,左下中間等 ...
第三 - 選擇如何重複Show個背景,如直行重複,橫行重複或重複張貼於整個背景
*******************************************************
Part 4
Text & Links - Text ;;;
係俾你簡Xanga日記字型,大小及顏色
Text & Links - Links ;;;
係簡日記Link既顏色
第一 - Normal係條Link未禁去時
第二 - Active係剛禁時
第三 - Visited係你已經禁過入條Link
第四 - Hover係你個滑鼠掂到條Link,但又未禁去時
*******************************************************
Part 5
Border係左手邊個人資料框,FD List框,Blogrins框既款式,粗幼等既選擇
*******************************************************
Part 6
Music姐係Xanga個背景音樂
如果唔中意用佢本身果個,你可以選擇用語法,自己整
同埋歌Link可以去另一精華Post度搵Link或上Yahoo.JP自己Up
*******************************************************
Part 7
Search Bar姐係右手邊係日記之上果條Bar
個Search Bar你可以簡Show or唔Show
咁Search Bar and Trim - Border及Interior都係條Bar既顏色
而Search Bar and Trim - Trim係Xanga分隔線
*******************************************************
而Custom Module過左試用期就冇得用,所以唔教喇
*******************************************************
Part 8
Website Stats係擺語法既地方,好多語法都放係呢度或Header
[ 本帖最後由 卍天命卍 於 2009-6-5 07:16 PM 編輯 ] -
二轉會員
2005-11-30 17:43#2
用Crtl+F搵你想搵ge Code
**如果冇講明擺邊就姐係擺Website Stats
01. 登入篇 ... #2
02. 密碼篇 ... #2
03. 防止偷圖篇 ... #3
04. 移除篇 ... #3
05. 隱藏篇... #3
06. 板面篇... #3
07. 背景篇 ... #4
08. 日記框篇 ... #4
09. 日期篇 ... #4
10. 卷軸篇 ... #5
11. 滑鼠篇 ... #5
12. 字型篇 ... #
13. 貼圖篇 ... #
14. 改字篇 ... #
15. 超連結篇 ... #
16. 透明篇 ... #
17. Music Player篇 ... #
18. 短片播放器篇 ... #
19. 其他篇 ... #
【 XANGA語法一覽表】
第1頁
CSS - 基本語法 #13
基本語法 #14
走馬燈 #15
文字特效 #16
更改個人資料的ID #17
內框語法 #18
加自設框 #19
轉頁不斷的音樂播放器 #20
背景音樂轉頁不中斷 #21
滑鼠右鍵無效語法 #22
Highlight無效語法 #23
指圖片連結 - 馬賽克 (只適用於IE) #24
更改文字語法 (1) #25
更改文字語法 (2) #26
刪除Posting Calenda #27
隱藏個人資料 #28
comment表情選擇 #29
COMMENT改背景顏色 #30
Comment 畫版 #31
====================================================
第2頁
讓人留下秘密comment #32
個人資料轉右 #33
設定每頁顯示多少篇日記 #34
將所有日記private #35
日記半透明,滑鼠指變清晰 #36
個人資料半透明,滑鼠指變清 #37
倒數語法 #38
改變日期的顯示方式 #39
將個人資料的內容隱藏，按一下顯示內容 #40
移除Subscriptions/Blogrings/Posting Calendar/Top Tags #41
YouTube 自動播放 #42
素材 總匯 #43
兩款人流紀錄器 #44
兩款匿名瀏覽Xanga #45
將亂碼還原的方法 #46
ColorMachine 漸變色文字軟件 #47
部落格玩意 總匯 #48
Mini Weather天氣插件 #49
多個款式的音樂播放器 #50
*******************************************************
01. 登入篇 ;;;
強逼登入先可以睇到 ;;;
Step 1<div id="code"><!-- Part I of Block Users Script submitted by xanga.com/sherrys_designs -->
<script LANGUAGE="JavaScript">
function redirect () {
location.href = 'http://www.xanga.com/signin.aspx';
}
</SCRIPT></div>**放Header
Step 2<div id="code"><!-- Part II of Block Users Script submitted by xanga.com/sherrys_designs -->
<script language="javascript">
function getXName() {
for (var i = 0; i < document.links.length; i++) {
if (document.links.href.substring(0,38)=="http://www.xanga.com/private/home.aspx") {
var link = document.links;
var text = document.all ? link.innerText : link.text ? link.text : '';
return text;
break;
}}
return null;
}
xName = getXName();
if (xName == 'USERNAME' || xName == 'USERNAME' || xName == null) {
alert("你想整既字");
redirect();
}
</script></div>**放Website Stats,Step 1同Step 2都要做齊
呢個code可以防止某d人入黎
例如冇signin既人同埋你想block既人,係USERNAME度打你想block個人就ok
佢會彈左句Sorry, you are either blocked from this site or not logged in.出黎
*******************************************************
登入時彈出的Welcome Message (視窗板) ;;;<div id="code"><script language="JavaScript">
<!--
alert(" 字 ");
//--></script></div>*******************************************************
登入時彈出的Welcome Message (公仔板) ;;;
<div id="code"><!--webbot bot="HTMLMarkup" startspan --><p><!--webbot bot="HTMLMarkup" startspan --><Object ID=tsaiannie53441 ClassID=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F></Object>
<Script>
// 繁體中文化【小依依-JavaScript教戰手冊】
// http://www.tacocity.com.tw/tsai5344/
var MerlinID;
var MerlinACS;
tsaiannie53441.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = tsaiannie53441.Characters.Character(MerlinID);
Merlin.Show();
// ★請修改你想要顯示的訊息★
Merlin.Play("Surprised");
Merlin.Play("GestureLeft");
Merlin.Think("你想打既字");
Merlin.Play("GestureLeft");
Merlin.Speak("你想打既字");
Merlin.Play("GestureLeft");
Merlin.Think("你想打既字");
Merlin.Play("Pleased");
Merlin.Think("你想打既字");
Merlin.Play("GestureDown");
Merlin.Speak("你想打既字");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS) {
LoadReq = tsaiannie53441.Characters.Load(CharID, CharACS);
return(true);
}
</Script><!--webbot bot="HTMLMarkup" endspan i-checksum="40719" --></p><!--webbot bot="HTMLMarkup" endspan i-checksum="1386" --></div>**個公仔係可以轉pose既
想轉既話就改Merlin.Play成行既英文
以下有d pose款式 ;;;
出現 Merlin.Show(); 作揖 Merlin.Play("Uncertain");
歡呼 Merlin.Play("Surprised"); 獎杯 Merlin.Play("Congratulate");
合掌 Merlin.Play("Pleased"); 拍手 Merlin.Play("Congratulate_2");
瞇眼 Merlin.Play("Blink"); 打哈欠 Merlin.Play("Idle3_1");
彎腰 Merlin.Play("RestPose"); 打瞌睡 Merlin.Play("Idle3_2");
點頭 Merlin.Play("Sad"); 頭痛 Merlin.Play("StopListening");
無奈 Merlin.Play("Decline"); 想事情 Merlin.Play("Think");
偏頭 Merlin.Play("Confused"); 聽 Merlin.Play("DontRecognize");
高舉雙手 Merlin.Play("GestureUp"); 伸出雙手 Merlin.Play("Explain");
小鞠躬 Merlin.Play("GestureDown"); 敲門 Merlin.Play("GetAttention");
伸出左手 Merlin.Play("GestureLeft"); 敲 Merlin.Play("GetAttentionReturn");
伸出右手 Merlin.Play("GestureRigh"); 小點頭 Merlin.Play("LookDown");
揮手 Merlin.Play("Wave"); 攪拌 Merlin.Play("Process");
魔法棒1 Merlin.Play("DoMagic1"); 水晶球 Merlin.Play("Search");
魔法棒2 Merlin.Play("DoMagic2"); 寫字 Merlin.Play("Write");
大點頭 Merlin.Play("Acknowledge"); 收書 Merlin.Play("WriteReturn");
大鞠躬 Merlin.Play("Greet"); 吹喇叭 Merlin.Play("Announce");
靈機一動 Merlin.Play("Suggest"); 歡呼 Merlin.Play("Surprised");
移動 Merlin.MoveTo(400,300); 離開 Merlin.Hide();
*******************************************************
按圖進入 ;;;<div id="code"><!-- begin code provided by createblog.com -->
<script type='text/javascript'>
// intro splash page by micron
// for more xanga scripts and help go to createblog.com
// change this url to an image of your choice
var image ='圖link';
function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content.style.display = 'block';
}
return false;
}
if (document.title.slice(-10) == 'Xanga Site') {
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');
}
</script>
<!-- end code provided by createblog.com --></div>**呢個code一定要擺係Header,唔係既話,後果自負
*******************************************************
按圖進入 (隨機板) ;;;<div id="code"><!-- begin code provided by createblog.com -->
<script type='text/javascript'>
//Random Intro Splash Page by Mystical for Createblog.com
//Modified Intro Splash script by Micron
function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content.style.display = 'block';
}
return false;
}
if (document.title.slice(-10) == 'Xanga Site') {
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]='http://www.xangaskins.com/modules/02/images/01.jpg';
myimages[2]='http://www.xangaskins.com/modules/02/images/02.jpg';
myimages[3]='http://www.xangaskins.com/modules/02/images/03.jpg';
myimages[4]='http://www.xangaskins.com/modules/02/images/04.jpg';
myimages[5]='http://www.xangaskins.com/modules/02/images/05.jpg';
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+myimages[ry]+'" border="0" class="image"></a></td></tr></table><center><span>');
}
</script>
<!-- end code provided by createblog.com -->
</div>**呢個code都一定要擺Header,唔係既話,成個xanga會變白頁
*******************************************************
震動板面 ;;;<div id="code"><script>
function shake(n) {
if (self.moveBy){
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}} } }shake(1);</script></div>*******************************************************
離開時的Bye Bye Message ;;;<div id="code">
<script language="JavaScript">
function UserExit(){
alert("字");
}</script>
<body onUnload="UserExit()"></div>*******************************************************
02. 密碼篇 ;;;
輸入密碼進入(一) ;;;<div id="code"><SCRIPT LANGUAGE="JavaScript">
function password() {
var testV = 1;
var pass1 = prompt('請輸入密碼(密碼是welcome):','');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1 == "welcome") {
alert('密碼正確!');
break;
}
testV+=1;
var pass1 =
prompt('密碼錯誤!請重新輸入:');
}
if (pass1!="password" & testV ==3)
history.go(-1);
return " ";
}
document.write(password());
</SCRIPT></div>**打錯密碼會有提示
*******************************************************
輸入密碼進入(二) ;;;<div id="code"><script language="JavaScript">
<!--
var keyword = "welcome"
function checkKey(){
var key = prompt(" 提示問題 "," 打密碼地方GE字 ")
if(keyword != key)
history.go(0)
}
checkKey()
//-->
</script></div>**一定要知密碼先入到,錯左唔會有提示亦唔會去左第二個網頁
*******************************************************
輸入密碼進入(三) ;;;<div id="code"><script LANGUAGE="JavaScript">
<!-- Begin
var monkey = prompt("請輸入所需要密碼"," 提示密碼 welcome ")
if (monkey == 'welcome'){
}
else {
self.location = 'http://www.yahoo.com'
}
// End -->
</script></div>**如果打錯密碼就會去左Yahoo
*******************************************************
[ 本帖最後由 卍天命卍 於 2009-6-8 12:46 PM 編輯 ] -
二轉會員
2005-11-30 17:44#3
03. 防止偷圖篇 ;;;
鎖Right Click+彈1個警告 ;;;
<div id="code"><script language="JavaScript">
if (navigator.appName.indexOf("Internet Explorer") != -1)
document.onmousedown = noSourceExplorer;
function noSourceExplorer(){if (event.button == 2 |
event.button == 10){alert(" 字 ")
;}}</script></div>
*******************************************************
鎖Right Click+彈警告+彈多個Window ;;;
<div id="code"><script language=Javascript>
function click(){
if(event.button==2){earthquake()
alert("警告的字")
window.open("網址")
;}
}document.onmousedown=click// --]
function earthquake(){
window.moveTo(1000,5000)
}
</script></div>
*******************************************************
鎖Right Click+防Hight Light ;;;
<div id="code"><body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"></div>
*******************************************************
鎖Right Click,但唔防Hight Light ;;;
<div id="code"><SCRIPT Language="JavaScript">
var message="Function Disabled!";
///////////////////////////////////
function clickIE() {if (document.all) {alert(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</SCRIPT></div>
*******************************************************
隱藏圖左上面的Toolbar ;;;
<div id="code"><script title="Disable Image Toolbar">
var toolbar_a = '<M';
var toolbar_b = 'ETA HTTP-EQUIV="imagetoolbar" CONTENT="no">';
document.write(toolbar_a+toolbar_b);
</script> </div>
04. 移除篇 ;;;
移除廣告 ;;;
<div id="code"><noembed>
<xml></div>
移除廣告後的空位 ;;;
<div id="code"><div style="left:10; top:10; position=absolute;"></div>
**放Header
*******************************************************
移除個人資料框 ;;;
Step 1
<div id="code"><style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:340px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;} </style></div>
Step 2
<div id="code"><a href="http://edit.xanga.com/signin.aspx?ReturnUrl=%2fclaf.aspx">look & feel</a></div>
**消除個人資料框後(即Step 1)要加返條link (即Step 2)先可以入look and feel改野
*******************************************************
移除Subscriptions/MyBlogrings/Posting Calendar ;;;
<div id="code">
<script type="text/javascript">
<!--
//removes Subscriptions, My Blogrings or Posting Calender Modules
//by Edw @ forum.xangascript.info
//supports firefox
// 1 = yes, 0 = no
RemoveSubscriptionsModule = 0;
RemoveMyBlogringsModule = 0;
RemovePostingCalender = 0;
// DO NOT EDIT BEYOND THIS LINE
//man-made removeNode() for non-IE browser
if(window.Node){
Node.prototype.removeNode=function(removeChildren){
if(removeChildren)
return this.parentNode.removeChild(this);
else{
var range=document.createRange();
range.selectNodeContents(this);
return this.parentNode.replaceChild(range.extractContents(),this);
}
}
}
function checkIfModulesExists() {
xUrl = document.location.href.toLowerCase();
var re = /xanga.com\b\/[a-zA-Z]{1,}[\da-zA-Z_]{1,}\/[0123456789]+\/[\da-z-]{0,}.html/;
var nothome = /xanga.com\b\/profile.aspx|xanga.com\b\/guestbook.aspx|xanga.com\b\/contentlatest.asp|xanga.com\b\/private\//;
if (!(xUrl.match(re) || xUrl.match(nothome))) {
return true;
} else {
return false;
}
}
function RemoveModules() {
var subscription = document.getElementById("subTitle").parentNode.parentNode.parentNode.parentNode.parentNode;
var calender= document.getElementById("aspnetForm");
if (RemoveSubscriptionsModule == 1){
subscription.nextSibling.removeNode(true);
subscription.removeNode(true);
}
if (RemoveMyBlogringsModule == 1){
var blogring= calender.previousSibling.previousSibling.previousSibling;
blogring.nextSibling.removeNode(true);
blogring.removeNode(true);
}
if (RemovePostingCalender == 1){
calender.removeNode(true);
}
}
if (checkIfModulesExists()) RemoveModules();
//-->
</script>
</div>
** // 1 = yes, 0 = no
RemoveSubscriptionsModule = 0;
RemoveMyBlogringsModule = 0;
RemovePostingCalender = 0;
想移除佢地既話,就將0改為1
*******************************************************
移除Xanga最底的超連結 ;;;
<div id="code"><style type="text/css">
table.footer { display:none; }
</style></div>
*******************************************************
05. 隱藏篇 ;;;
隱藏左邊的Module ;;;
<div id="code">
<script type="text/javascript">
//
// ============================
// "Minimize your modules"
// version 2.0, July, 2005
// ============================
//
// ©2005 EasterEgg
// If you change the value of displayTopModule to 1, the top module will be displayed
// by default. Set it's value to 0 if you don't want this.
//
displayTopModule = 1;
allTables = document.getElementsByTagName('table');
leftSideModules = new Array();
for (i=0; i<allTables.length; ++i)
{
if (allTables.className == 'left')
{
allTables.id = 'leftsidemod' + leftSideModules.length;
leftSideModules.push(allTables);
}
}
function toggleDisplayOrHide(anElement,idNr)
{
extraRow = document.getElementById(idNr).getElementsByTagName('TR')[2];
if (anElement.style.display == 'none')
{
anElement.style.display = ''
if (extraRow)
document.getElementById(idNr).getElementsByTagName('TR')[2].style.display = '';
}
else
{
anElement.style.display = 'none';
if (extraRow)
document.getElementById(idNr).getElementsByTagName('TR')[2].style.display = 'none';
}
}
headerLinkColor = '';
topStyleSheet = document.getElementsByTagName('style')[0];
if (document.URL.indexOf('weblogs'))
topStyleSheet = document.getElementsByTagName('style')[1];
if (topStyleSheet)
{
searchStr = 'table.left TH { color: ';
searchStrPos = topStyleSheet.innerHTML.indexOf(searchStr);
if (searchStrPos)
{
searchStrPos = searchStrPos + searchStr.length;
headerLinkColor = topStyleSheet.innerHTML.substring(searchStrPos, searchStrPos + 7);
}
}
for (n = 0; n<leftSideModules.length; ++n)
{
if (navigator.userAgent.indexOf('Opera') == -1)
{
temp1 = leftSideModules[n].getElementsByTagName('TH')[0].innerHTML;
temp2 = '<a href=\"#\" onclick=\"javascript:toggleDisplayOrHide(document.getElementById(' +
'\'' + leftSideModules[n].id + '\').getElementsByTagName(\'TR\')[1],\'' +
leftSideModules[n].id + '\'); return false;\" style=\"text-decoration: none; color: ' +
headerLinkColor + ';\">' + temp1 + '</a>';
leftSideModules[n].getElementsByTagName('TH')[0].innerHTML = temp2;
if ((n == 0) && (displayTopModule == 1))
leftSideModules[n].getElementsByTagName('TR')[1].style.display = ''
else
leftSideModules[n].getElementsByTagName('TR')[1].style.display = 'none';
if (leftSideModules[n].getElementsByTagName('TR')[2])
leftSideModules[n].getElementsByTagName('TR')[2].style.display = 'none';
}
}
</script></div>
*******************************************************
06. 板面篇 ;;;
自設網頁名 ;;;
<div id="code"><script language=javascript>
document.title=("你想要顯示既字")
</script></div>
*******************************************************
板面左右掉轉 ;;;
<div id="code">
<body ONCONTEXTMENU="return false" dir="rtl"><DIV DIR="LTR">
</div>
*******************************************************
更改個人資料框闊度 ;;;
<div id="code"><style type="text/css">
table.left { border: 粗px dashed #色; width:你想要的闊度px}
</style></div>
**dashed可改dotted(點)、double(雙線)、solid(單線)
*******************************************************
Profile下加多個Module ;;;
<div id="code">
<script>
titleContent = '標題';
moduleContent = '內容';
sub = subTitle.parentNode.parentNode.parentNode.parentNode.parentNode
sub.insertAdjacentHTML('beforeBegin','<table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"><tr><th valign="top" align="left" class="left">' + titleContent + '</th></tr><tr><td valign="top" class="left">' + moduleContent)
sub.insertAdjacentHTML('beforeBegin','<BR>');
</script> </div>
*******************************************************
[ 本帖最後由 ａR敏╭● 於 2006-6-25 05:56 PM 編輯 ] -
二轉會員
2005-11-30 17:45#4
07. 背景篇 ;;;
隨機背景圖 ;;;
<div id="code"><script language=javascript>
<!--
var pic=new Array(5)
pic[0]="圖1網址"
pic[1]="圖2網址"
pic[2]="圖3網址"
pic[3]="圖4網址"
pic[4]="圖5網址"
var newdate=new Date()
var getpic=newdate.getSeconds()%pic.length
document.write('<body background='+pic[getpic]+'>')
//-->
</script></div>
**如果唔夠"圖1,2,3,4 ... 網址"擺就可以如此類推加落去
*******************************************************
隨機背景圖+自訂位置 ;;;
<div id="code"><script language=javascript>
var pic=new Array(5)
pic[0]="圖1網址"
pic[1]="圖2網址"
pic[2]="圖3網址"
pic[3]="圖4網址"
pic[4]="圖5網址"
var newdate=new Date()
var getpic=newdate.getSeconds()%pic.length
document.write('<STYLE>')
document.write('body{ background-image: url('+pic[getpic]+');')
document.write(' background-repeat: no-repeat; ')
document.write('background-attachment: fixed; ')
document.write('background-position: 50% 50% }')
document.write('</STYLE>')
</script></div>
**語法中最底部background-position: 50% 50%的50% 50%是控制圖片顯示位置,可修改
若設定為background-position: 0% 0%則是升到、最高、最左。如此類推
*******************************************************
日記內容背景 ;;;
<div id="code"><style type="text/css">
table.blogbody {
family-font: verdana;
border: 粗度px dotted #顏色;
BACKGROUND-IMAGE: url(圖片網址);
FILTER: alpha(opacity=透明度);
}
<style></div>
*******************************************************
個人資料背景 ;;;
<div id="code">
<STYLE type="text/css">
<!--
table.left th { background-image:url(' 圖址 ') }
table.left td { background-image:url(' 圖址 ') }
//-->
</STYLE></div>
**th係Profile果個title背景,td係Profile果個框ge背景
*******************************************************
按超連結時的背景 ;;;
<div id="code"><style type="text/css">a:hover {background:url(圖網址); text-decoration: none;}</style></div>
*******************************************************
背景淡化 ;;;
<div id="code"><style>
body{
background-image : url(背景圖網址);filter:Alpha(Opacity=99,style=2);
background-repeat : repeat;
background-attachment : fixed;}
</style></div>
**Opacity係透明度,Style可以簡1,2,3三個
*******************************************************
自動替換背景 ;;;
<div id="code"><script language="JavaScript">
<!--
var backgroundimage=new Array("圖片網址1","圖片網址2","圖片網址3")
var swapspeed=2
var timer
var imgpreload=new Array()
if (document.all) {
for (i=0;i<=backgroundimage.length-1;i++) {
imgpreload=new Image()
imgpreload.src=backgroundimage
}
}
var i_backgroundimage=0
swapspeed=swapspeed*1000
function swapimages() {
if (document.all) {
window.status=i_backgroundimage
document.body.background=backgroundimage[i_backgroundimage]
i_backgroundimage++
if (i_backgroundimage>=backgroundimage.length) {i_backgroundimage=0}
timer=setTimeout("swapimages()",swapspeed)
}
}
window.onload=swapimages
-->
</script></div>
**var swapspeed=2(亦即第4句)中修改變換的時間,數值愈大,更換背景既時間就愈慢
*******************************************************
08. 日記框篇 ;;;
日記外框 ;;;
<div id="code">
<style>
body{
border-right: 100px dotted;
border-top: 100px dotted;
border-left: 100px dotted;
border-bottom: 100px dotted;
border-color:#FF0000;
}</style>
</div>
*******************************************************
變色外框 ;;;
<div id="code"><SCRIPT LANGUAGE="JavaScript">
colours=new Array('cccccc','ffffff','000000')
function gs(){
var clrPos=Math.floor(Math.random()*colours.length)
with (window.document.body.style){
borderWidth=10;
borderStyle='solid';
borderColor=colours[clrPos];}}
if (document.all)window.document.body.onscroll=gs;
</SCRIPT></div>
*******************************************************
日記內框 ;;;
<div id="code"><DIV align="center" valign="middle" style="BORDER-RIGHT: #色碼 幾大px dotted; BORDER-TOP: #色碼 幾大px dotted; FILTER: alpha(opacity=透明度); OVERFLOW: auto; BORDER-LEFT: #色碼 幾大px dotted; WIDTH: 幾闊px; BORDER-BOTTOM: #色碼 幾大px dotted; HEIGHT: 幾高px"></div>
*******************************************************
日記背景外框 ;;;
<div id="code"></table><DIV align="center" valign="middle" style="filter: alpha(opacity=100); overflow: auto; width: 800px; height: 600px; background-image: url('圖片網址'); background-color: #FFFFFF; border: 2px dotted #000000"></div>
*******************************************************
日記內容框 ;;;
<div id="code"><style type="text/css">
table.blogbody {
/* this edits the other the place where the blog is */;
family-font: verdana;
border: 粗度px double #色碼;
width:闊px;
background color=#色碼;
FILTER: alpha(opacity=透明度);
</style></div>
*******************************************************
09. 日期篇 ;;;
修改日期板面 ;;;
<div id="code"><style type="text/css">
div.blogheader, .caption {
font-family:日期字型;
text-transform:none;
font-size:日期字大細px;
line-height:高度px;
font-weight:bolder;
color:#字色;
letter-spacing:相隔px;
text-align: 放的位置CENTER、LEFT、RIGHT;
background-image:url(' 背景圖 ');
background-color: 背景色;
height: 日期框高px;
width: 日期框闊px;
}
</style></div>
*******************************************************
修改日期字 ;;;
<div id="code"><script type="text/javascript">
// ====================
// listing of available constants (using date
// "Tuesday, March 16, 2004" as an example):
// dd = 16
// ddd = Tue
// dddd = Tuesday
// mm = 03
// mmm = Mar
// mmmm = March
// yy = 04
// yyyy = 2004
// ====================
function formatEntryDate()
{
// adjust the dateFormatStr below as you see fit
// ========================================
dateFormatStr = '<table width="75%"><tr><td style="border-top: none; border-bottom: 2px dashed #999999; border-left: none; border-right: none; background-color: #ffccff; background-image: none; text-align: left; font-family: verdana; font-size: 15px; font-color: #000000; font-weight: bold;">* dd-mmm-yyyy ddd = ]</td></tr></table>';
// ========================================
function getMonthNr(sMonth)
{
months = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
for (var n = 0; n < months.length; ++n)
{
if (months[n] == sMonth)
{
if ( n + 1 < 10)
return '0' + (n + 1).toString()
else
return (n + 1).toString();
}
}
}
allDivs = document.getElementsByTagName('div');
for (var i = 0; i < allDivs.length; ++i)
{
if (allDivs.className == 'blogheader')
{
newDateFormat = dateFormatStr;
entryDate = allDivs.innerHTML;
// day
dayLong = entryDate.substr(0, entryDate.indexOf(',')); // dddd
dayShort = dayLong.substr(0, 3); // ddd
tempStr = entryDate.substr(dayLong.length + 1);
dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2); // dd
newDateFormat = newDateFormat.replace('dddd', dayLong);
newDateFormat = newDateFormat.replace('ddd', dayShort);
newDateFormat = newDateFormat.replace('dd', dayNr);
// month
monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3); // mmmm
monthShort = monthLong.substr(0, 3); // mmm
monthNr = getMonthNr(monthShort); // mm
newDateFormat = newDateFormat.replace('mmmm', monthLong);
newDateFormat = newDateFormat.replace('mmm', monthShort);
newDateFormat = newDateFormat.replace('mm', monthNr);
// year
yearLong = tempStr.substr(tempStr.indexOf(',') + 2); // yyyy
yearShort = yearLong.substr(2); // yy
newDateFormat = newDateFormat.replace('yyyy', yearLong);
newDateFormat = newDateFormat.replace('yy', yearShort);
allDivs.innerHTML = newDateFormat;
}
}
}
formatEntryDate();
</script></div>
*******************************************************
[ 本帖最後由 ａR敏╭● 於 2006-6-25 05:46 PM 編輯 ] -
二轉會員
2005-11-30 17:46#5
10. 卷軸篇 ;;;
外框卷軸 ;;;
<div id="code"><style>
body{
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #999999;
scrollbar-track-color: #cccccc;
scrollbar-shadow-color: #666666;
scrollbar-darkshadow-color: #000000;
}
</style> </div>
*******************************************************
外框變色卷軸 ;;;
<div id="code"><script language="JavaScript">
<!--
colours = new Array('#000000', '#999999', '#6699ff', '#fcc0e5', '#ff409f', '#cc99ff')
function flash()
{
var clrPos = Math.floor(Math.random() * colours.length)
with(window.document.body.style)
{
scrollbarFaceColor = document.bgColor;
scrollbarTrackColor = document.bgColor;
scrollbarArrowColor = colours[clrPos];
scrollbarHighlightColor = document.bgColor;
scrollbar3dLightColor = colours[clrPos];
scrollbarShadowColor = document.bgColor;
scrollbarDarkShadowColor = colours[clrPos];
borderWidth = 2;
borderStyle = 'solid';
borderColor = colours[clrPos];
}
}
if (document.all)window.document.body.onscroll = flash;
//-->
</script></div>
*******************************************************
個人資料增添卷軸 ;;;
<div id="code"><script type="text/javascript">
function adjustSirListHeight()
{
// *** define the height of your SIR-list in the line below
var sirListHeight = '120px';
var allTables = document.getElementsByTagName('tbody');
for (i=0; i < allTables.length; i++)
{
if ((allTables.innerHTML.indexOf('Profile') != -1) &&
(allTables.innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
sirlist = allTables.lastChild;
temp = sirlist.firstChild.innerHTML;
sirlist.removeChild(sirlist.firstChild);
td = document.createElement('td');
div = document.createElement('div');
div.style.width = '190px';
div.style.height = sirListHeight;
div.style.overflow = 'auto';
div.innerHTML = temp;
td.appendChild(div);
sirlist.appendChild(td);
break;
}
}
}
if (navigator.userAgent.indexOf('Mac') == -1)
if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script></div>
*******************************************************
Subscriptions增添卷軸 ;;;
<div id="code"><script type="text/javascript">
function adjustSirListHeight()
{
// define the height of your SIR-list in the line below
var sirListHeight = '90px';
var allTables = document.getElementsByTagName('tbody');
for (i=0; i < allTables.length; i++)
{
if ((allTables.innerHTML.indexOf('Sites I Read') != -1) &&
(allTables.innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
sirlist = allTables.lastChild;
temp = sirlist.firstChild.innerHTML;
sirlist.removeChild(sirlist.firstChild);
td = document.createElement('td');
div = document.createElement('div');
div.style.width = '165px';
div.style.height = sirListHeight;
div.style.overflow = 'auto';
div.innerHTML = temp;
td.appendChild(div);
sirlist.appendChild(td);
break;
}
}
}
if (navigator.userAgent.indexOf('Mac') == -1)
if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script></div>
*******************************************************
Blogrings增添卷軸 ;;;
<div id="code"><!-- begin code provided by Kkx3.com-->
<script type="text/javascript">
function adjustSirListHeight()
{
// *** define the height of your SIR-list in the line below
var sirListHeight = '框高度px';
var allTables = document.getElementsByTagName('tbody');
for (i=0; i < allTables.length; i++)
{
if ((allTables.innerHTML.indexOf('Blogrings') != -1) &&
(allTables.innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
sirlist = allTables.lastChild;
temp = sirlist.firstChild.innerHTML;
sirlist.removeChild(sirlist.firstChild);
td = document.createElement('td');
div = document.createElement('div');
div.style.width = '190px';
div.style.height = sirListHeight;
div.style.overflow = 'auto';
div.innerHTML = temp;
td.appendChild(div);
sirlist.appendChild(td);
break;
}
}
}
if (navigator.userAgent.indexOf('Mac') == -1)
if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script>
<!-- end code provided by Kkx3.com --></div>
*******************************************************
日記內容框加卷軸 ;;;
Step 1 ;;;
<div id="code">
<style type="text/css">
.custom{
width: 200px;
height: 200px;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #ffffff;
}</style>
</div>
** 放Header
Step 2 ;;;
<div id="code">
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds.innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds.parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds.parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds.parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script> </div>
*******************************************************
[ 本帖最後由 ａR敏╭● 於 2006-6-25 06:04 PM 編輯 ] -
二轉會員
2005-11-30 17:46#6
13. 日記框篇 ;;;
日記外框(一) ;;;
<div id="code"><style>body {border-style: liquid ; border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px;
border-right-width: 10px; border-color: #cccccc;}</style></div>
**只要修改數字(粗幼度)和色碼即可
*******************************************************
日記外框(二) ;;;
<div id="code"><BODY style="border-bottom: #色碼
底邊粗t solid; border-top: #色碼
上邊粗t solid; border-left: #色碼
左邊粗t solid; border-right: #色碼
右邊粗t solid"></TBODY></div>
*******************************************************
變色外框 ;;;
<div id="code"><SCRIPT LANGUAGE="JavaScript">
colours=new Array('cccccc','ffffff','000000')
function gs(){
var clrPos=Math.floor(Math.random()*colours.length)
with (window.document.body.style){
borderWidth=10;
borderStyle='solid';
borderColor=colours[clrPos];}}
if (document.all)window.document.body.onscroll=gs;
</SCRIPT></div>
*******************************************************
日記外框+素材 ;;;
<div id="code"><head>
<title>USERNAME's diary</title>
<style type="text/css">
body{
background-color: #FF00FF;(日記外框可加<img></img>
scrollbar-arrow-color: #CCFFCC;
scrollbar-face-color: #CCCC99;
scrollbar-track-color: #CC9966;
scrollbar-highlight-color: #CC6633;
scrollbar-shadow-color: #CC3300;
scrollbar-3dlight-color: #FBE1F5;
scrollbar-darkshadow-color: #FBE1F5;}(以上都是外框拉上下個顏色)
.entry{
position: static;
z-index:1;
padding:8px;
border:2px solid #330000;(本身日記個邊)
background-color: #00FF00;(本身日記個background-color可以加<img></img>)
color: #0033CC;
font:13px 'Trebuchet MS';
line-height:18px;
overflow:auto;
scrollbar-track-color: #F3A1DF;(here)
scrollbar-3dlight-color: #F3A1DF;
scrollbar-darkshadow-color: #660066;
scrollbar-face-color: #F3A1DF;
scrollbar-highlight-color: #F3A1DF;
scrollbar-shadow-color: #F3A1DF;
scrollbar-arrow-color: #DB1FAD;(here - there is 本身日記外框拉上下個顏色)
box-sizing:border-box;
-moz-box-sizing:border-box;}
h1{
margin:0px;
font:17px 'Trebuchet MS';
font-weight:bold;
text-align:left;
border-bottom:1px dashed #DB1FAD;}
h2{
margin:0px;
font:13px 'Trebuchet MS';
font-weight:bold;
text-align:right;}
h3{
margin:0px;
font:13px 'Trebuchet MS';
font-weight:bold;
text-align:left;}
h4{
margin:0px;
font:14px 'Trebuchet MS';
font-weight:bold;
text-align:left;}
input,textarea{
font:11px 'Verdana';
color:#DB1FAD;
background-color:#FBE1F5;
border:1px solid #DB1FAD;
scrollbar-face-color:#FBE1F5;
scrollbar-track-color:#FBE1F5;
scrollbar-highlight-color:#FBE1F5;
scrollbar-shadow-color:#FBE1F5;
scrollbar-3dlight-color:#FBE1F5;
scrollbar-darkshadow-color:#FBE1F5;}
a:link{
color:#DB1FAD;
text-decoration:none;
border-bottom:1px dashed #FBE1F5;}
a:visited{
color:#DB1FAD;
text-decoration:none;
border-bottom:1px dashed #FBE1F5;}
a:hover{
color:#FBE1F5;
text-decoration:none;
border-bottom:1px dashed #DB1FAD;}
a:active{
color:#FBE1F5;
text-decoration:none;
border-bottom:1px solid #DB1FAD;}
</style>
</head>
<body>
<div class="entry" style="top:90; left:90; width:900; height:850;">
</body>
</html></div>
*******************************************************
日記背景外框 ;;;
<div id="code"></table><DIV align="center" valign="middle" style="filter: alpha(opacity=100); overflow: auto; width: 800px; height: 600px; background-image: url('圖片網址'); background-color: #FFFFFF; border: 2px dotted #000000"></div>
*******************************************************
日記內容框 ;;;
<div id="code"><style type="text/css">
table.blogbody {
/* this edits the other the place where the blog is */;
family-font: verdana;
border: 粗度px double #色;
width:闊px;
FILTER: alpha(opacity=透明度);
</style></div>
*******************************************************
14. 日期篇 ;;;
修改日期板面 ;;;
<div id="code"><style type="text/css">
div.blogheader, .caption {
font-family:日期字型;
text-transform:none;
font-size:日期字大細px;
line-height:高度px;
font-weight:bolder;
color:#字色;
letter-spacing:相隔px;
text-align: 放的位置CENTER、LEFT、RIGHT;
background-image:url(' 背景圖 ');
background-color: 背景色;
height: 日期框高px;
width: 日期框闊px;
}
</style></div>
*******************************************************
修改日期字 ;;;
<div id="code"><script type="text/javascript">
// ====================
// listing of available constants (using date
// "Tuesday, March 16, 2004" as an example):
// dd = 16
// ddd = Tue
// dddd = Tuesday
// mm = 03
// mmm = Mar
// mmmm = March
// yy = 04
// yyyy = 2004
// ====================
function formatEntryDate()
{
// adjust the dateFormatStr below as you see fit
// ========================================
dateFormatStr = '<table width="75%"><tr><td style="border-top: none; border-bottom: 2px dashed #999999; border-left: none; border-right: none; background-color: #ffccff; background-image: none; text-align: left; font-family: verdana; font-size: 15px; font-color: #000000; font-weight: bold;">* dd-mmm-yyyy ddd = ]</td></tr></table>';
// ========================================
function getMonthNr(sMonth)
{
months = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
for (var n = 0; n < months.length; ++n)
{
if (months[n] == sMonth)
{
if ( n + 1 < 10)
return '0' + (n + 1).toString()
else
return (n + 1).toString();
}
}
}
allDivs = document.getElementsByTagName('div');
for (var i = 0; i < allDivs.length; ++i)
{
if (allDivs.className == 'blogheader')
{
newDateFormat = dateFormatStr;
entryDate = allDivs.innerHTML;
// day
dayLong = entryDate.substr(0, entryDate.indexOf(',')); // dddd
dayShort = dayLong.substr(0, 3); // ddd
tempStr = entryDate.substr(dayLong.length + 1);
dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2); // dd
newDateFormat = newDateFormat.replace('dddd', dayLong);
newDateFormat = newDateFormat.replace('ddd', dayShort);
newDateFormat = newDateFormat.replace('dd', dayNr);
// month
monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3); // mmmm
monthShort = monthLong.substr(0, 3); // mmm
monthNr = getMonthNr(monthShort); // mm
newDateFormat = newDateFormat.replace('mmmm', monthLong);
newDateFormat = newDateFormat.replace('mmm', monthShort);
newDateFormat = newDateFormat.replace('mm', monthNr);
// year
yearLong = tempStr.substr(tempStr.indexOf(',') + 2); // yyyy
yearShort = yearLong.substr(2); // yy
newDateFormat = newDateFormat.replace('yyyy', yearLong);
newDateFormat = newDateFormat.replace('yy', yearShort);
allDivs.innerHTML = newDateFormat;
}
}
}
formatEntryDate();
</script></div>
*******************************************************
[ Last edited by ａR敏╭● on 2006-3-6 at 10:13 PM ] -
二轉會員
2005-11-30 17:47#7
15. 改字篇 ;;;
改Friendd List朋友名 ;;;
<div id="code"><script language="javascript">
<!--
var links = document.getElementsByTagName ("a");
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/d+:d+ (am|pm)/i)) links[l]
else if (str.match (/idname/i)) links[l].innerHTML = str.replace (/idname/i, "你想改ge名");
else if (str.match (/idname/i)) links[l].innerHTML = str.replace (/idname/i, "你想改ge名");
}//-->
</script></div>
**idname打返subcription本身對方個id,打返你想改成既字
如你個朋友個id係abc_123,你又想改佢個名做小明
咁*idname*就係打abc_123,而*你想改ge名*就係打小明喇
*******************************************************
改Comment,Epops,E-mail等字 ;;;
<div id="code"><script language="javascript">
<!--
var links = document.getElementsByTagName ("a");
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/d+:d+ (am|pm)/i)) links[l]
else if (str.match (/add eprops/i)) links[l].innerHTML = str.replace (/add eprops/i, "你想改既add erops既中文字");
else if (str.match (/eprop/i)) links[l].innerHTML = str.replace (/eprop/i, "你想改既erop既中文字");
else if (str.match (/add comments/i)) links[l].innerHTML = str.replace (/add comments/i, "你想改既add comment既中文字");
else if (str.match (/comment/i)) links[l].innerHTML = str.replace (/comment/i, "你想改既comment既中文字");
else if (str.match (/email it/i)) links[l].innerHTML = str.replace (/email it/i, "你想改既email既中文字");
}//-->
</script></div>
**想將d字轉成圖就為<img src=圖片網址 border=0>
*******************************************************
改Next 5字 ;;;
<div id="code"><!--Get this code at http://help.xanga.com/replacelinks.htm//-->
<script language="javascript">
<!--
var links = document.getElementsByTagName ("a");
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/d+:d+ (am|pm)/i)) links[l]
else if (str.match (/Next 5/i)) links[l].innerHTML = str.replace (/Next 5/i, "要改的字");
}//-->
</script></div>
*******************************************************
改哂Xanga內所有字 ;;;
<div id="code"><script type="text/javascript">
//
function replaceWords()
{
var oldWords = new Array(
"State:",
"Name:",
"Country:",
"Birthday:",
"Gender:",
"Interests:",
"Expertise:",
"Email:",
"Website:",
"MSN:",
"email it",
"Subscriptions",
"My Blogrings",
"Posting Calendar",
"Get Involved!",
"Subscribe to ",
"read my profile",
"sign my guestbook",
"Occupation",
"Go To Date",
"Next 5",
"Previous 5");
var newWords = new Array(
"State:",
"Name:",
"Country:",
"Birthday:",
"Gender:",
"Interests:",
"Expertise:",
"Email:",
"Website:",
"MSN:",
"email it",
"Subscriptions",
"My Blogrings",
"Posting Calendar",
"Get Involved!",
"Subscribe to ",
"read my profile",
"sign my guestbook",
"Occupation",
"Go To Date",
"Next 5",
"Previous 5");
allTableData = document.getElementsByTagName('td');
allTableHeaders = document.getElementsByTagName('th');
var collections = new Array(allTableData,allTableHeaders);
for (var k = 0 ; k < collections.length ; ++k )
{
for (var i = 0 ; i < collections[k].length ; ++i )
{
if (collections[k].innerHTML.indexOf('TABLE') == -1)
{
for ( var n = 0 ; n < oldWords.length; ++n )
{
var indx = collections[k].innerHTML.indexOf(oldWords[n])
while (indx != -1)
{
var replacement = '';
indx = collections[k].innerHTML.indexOf(oldWords[n]);
replacement = collections[k].innerHTML.replace(oldWords[n], newWords[n]);
if(navigator.userAgent.toLowerCase().indexOf('compatible')>0){collections[k].innerHTML=replacement;//please use supported code at http://help.xanga.com/codes.htm
}
break;
}
}
}
}
}
}
replaceWords();
//
</script></div>
*******************************************************
16. 超連結篇 ;;;
Link會變成漸變 ;;;
<div id="code"><style>
a:hover, a:link, a:visited
{filter:blur; .alpha
{width: inherit; height: 1;
filter: alpha
(Opacity=50, FinishOpacity=10, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);}
</style></div>
*******************************************************
Link會變成有陰影(一) ;;;
<div id="code"><style>
a:hover, a:link, a:visited
{filter:blur; .alpha
{width: inherit; height: 1;
filter:shadow(color=#ff0800,offx=6,offy=1,positive=true);}
</style></div>
**offx係反射果度向橫既大細
offy係反射向下既大細
*******************************************************
Link會變成有陰影(二) ;;;
<div id="code"><style type="text/css">
<!-- a:link {filter:glow(color:#FF8000, strength=1);height:0px;width:inherit}
a:active {filter:glow(color:#000000, strength=1);height:0px;width:inherit}
a:visited {filter:glow(color:#ff0800, strength=1);height:0px;width:inherit}
a:hover {filter:glow(color:#80FF40, strength=1);height:0px;width:inherit} --></style></div>
**link係平時條link既色
active係岩岩禁落去條link既色
visited係active一樣,但係出現active既情況後
hover係個滑鼠指去條link既色
*******************************************************
Link會變成變色字 ;;;
<div id="code"><script language=javascript>
var rate = 80; // Increase amount(The degree of the transmutation)
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
si=setInterval;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = si("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = si("ChangeColor()",100);
}
}
}
//document.write.blogring
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
//document.write.blogring
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
</script></div>
*******************************************************
按Link有框 ;;;
<div id="code"><style>
a:hover{border: 4px dotted #ff0800; font size: 3pt;}
</style></div>
*******************************************************
17. 透明篇 ;;;
整個板面透明 ;;;
<div id="code"><STYLE>
table{filter:Alpha(Opacity=50)}
</STYLE></div>
*******************************************************
個人資料框透明 ;;;
<div id="code"><style type="text/css">
table.left { FILTER: alpha(opacity=85); }
</style></div>
*******************************************************
日記透明 ;;;
<div id="code"><script language="javascript">
//Sets blog opacity (0-100)
opcty = 10;
//Sets rollover opacity
msvropcty = 100;
////////////////////////////////////
tables = document.getElementsByTagName('table');
for(var j=0;j<tables.length;j++){
if(tables[j].className == "blogbody"){
tables[j].style.filter = "alpha(opacity=" + opcty + ")";
tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}
tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}
}
}
//--></script></div>
**日記係透明既,滑鼠指向篇日記時先會睇得到
*******************************************************
-
二轉會員
2005-11-30 17:52#8
18. 音樂篇 ;;;
**Music Box可以放係任何一個位置,好Header,Website Stats及Public Profile,亦可加於日記之中
Black Media Player ;;;
<div id="code"><td id="BlackMediaPlayer" style="WORD-WRAP: break-word" width="175" bgcolor="000000"><embed src="歌曲網址" width="280" height="45" style="filter:xray;"></div>
*******************************************************
[ Last edited by ａR敏╭● on 2006-4-22 at 12:07 AM ] -
二轉會員
2005-11-30 17:53#9
StateChangeHandler Player ;;;
<div id="code"><OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM NAME="uiMode" VALUE="invisible">
<PARAM NAME="Autostart" VALUE="False">
</object>
<FORM ID="form">
<SELECT ID="playlist" size="1">
<!-- Add song info that appears in drop down list here -->
<option value="0">display出黎,,, 歌名</option>
<option value="1">display出黎,,, 歌名</option>
<option value="2">display出黎,,, 歌名</option>
<option value="3">display出黎,,, 歌名</option>
<option value="4">display出黎,,, 歌名</option>
</SELECT>
<BR>
<BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);"> << </BUTTON>
<BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green"> Play </FONT></BUTTON>
<BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);"> >> </BUTTON>
<BUTTON ID="StopButton" onclick="Stop();"><FONT color="maroon">Stop</FONT></BUTTON>
<b><font size="3" color="black">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON">
</FORM>
</CENTER>
<comment ID="PlayHTML"><FONT color="green"> Play </FONT></comment>
<comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment>
<comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment>
<script ID="Main" Language="JavaScript">
var songs = new Array();
//*******************************//
//****** CHANGEABLE STUFF *******//
//*******************************//
var shuffle = false; // false = shuffle off, true = shuffle on
var autoStart = true; // false = autoStart off, true = autoStart on
var numberTracks = true; // true = place track number in front of list items, false = no track numbers
// Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes):
songs[0]="歌曲網址";
songs[1]="歌曲網址";
songs[2]="歌曲網址";
songs[3]="歌曲網址";
songs[4]="歌曲網址";
//*******************************//
//*******************************//
// Initializations //
with (document){
var length = forms['form'].playlist.length;
if(numberTracks){
for (var i = 0; i < length; i++){
forms['form'].playlist.options.innerHTML = (i+1) + " - " + forms['form'].playlist.options.innerHTML;
}
}
if (shuffle) {
var randsg = Math.floor(Math.random()*songs.length);
Player.url = songs[randsg];
forms['form'].playlist.options[randsg].selected = true;
forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML;
}
else {
forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML;
Player.url = songs[0];
}
if(autoStart){
var snum = forms['form'].playlist.selectedIndex;
if(Player.url != songs[snum]){
Player.url = songs[snum];
}
Player.controls.Play();
}
}
// Functions //
// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected,
// otherwise it will load the newly selected song
function PlayPause(list) {
var snum = list.selectedIndex;
if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){
if(Player.playState == 3){
Player.controls.Pause();
}
else {
Player.controls.Play();
}
}
else {
Player.url = songs[snum];
Player.controls.Play();
}
}
// Discription: "Next" will move to the next music file if shuffle is off
// otherwise it will load a random song. Calls PlayPause to start music.
function Next(list) {
var snum = list.selectedIndex;
if (!shuffle) {
if (snum == list.length-1) {
snum = -1;
}
snum++;
}
else {
var temp;
do{
temp = Math.floor(Math.random()*songs.length);
} while(temp == snum);
snum = temp;
}
list.options[snum].selected = true;
PlayPause(list);
}
// Discription: "Back" does the same thing as "Next" but moves backwads
// through the list. If shuffle is on then picks a random song.
function Back(list) {
var snum = list.selectedIndex;
if (!shuffle) {
if (snum == 0){
snum = list.length;
}
snum--;
}
else {
var temp;
do{
temp = Math.floor(Math.random()*songs.length);
} while(temp == snum);
snum = temp;
}
list.options[snum].selected = true;
PlayPause(list);
}
// Discription: Self explanitory.
function Stop(){
Player.controls.Stop();
}
// Discription: Makes the shuffle flag the same as the status of the CheckBox
// The status of the checkbox (true/false) indicates if the box is checked
function ToggleShuffle(CheckBox) {
shuffle = CheckBox.status;
}
</SCRIPT>
<script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)>
// Description: This is an interupt handler used to handle instances when the
// state of the player changes to play or stop for example.
//STATE.innerText = NewState;
switch(NewState){
case 8: // Handles player after it just finishes playing through a song
var num = document.forms['form'].playlist.selectedIndex;
if (!shuffle){
if(num == document.forms['form'].playlist.length-1){
num = -1;
}
num++;
}
else {
var temp;
do{
temp = Math.floor(Math.random()*songs.length);
} while(temp == num);
num = temp;
}
document.forms['form'].playlist.options[num].selected = true;
PreviousState = NewState;
break;
case 1: // Handles player after it stops
if(PreviousState == 8){
var num = document.forms['form'].playlist.selectedIndex;
Player.settings.autoStart = true;
Player.url = songs[num];
PreviousState = NewState;
}
else if (PreviousState != 3 && PreviousState != 2){
Player.controls.Play();
Player.settings.autoStart = false;
}
else{
forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;
}
break;
case 3: // Handles player after it starts to play
PreviousState = NewState;
forms['form'].PlayPauseButton.innerHTML = "Pause";
shuffle = document.forms['form'].ShuffleSwitch.status;
break;
case 2: // Handles player after being paused
PreviousState = NewState;
forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;
break;
default:
}
</SCRIPT></div>
*******************************************************
RealOne Player ;;;
<div id="code"><embed src="歌曲網址" width="300" height="50" autostart="0" loop="true" flase=no></div>
*******************************************************
Lthhung Player ;;;
<div id="code"><script language="javascript">
function songstop(){
if (document.layers) {document.ram.document.write(" "); document.lthhung.document.close()}
if (document.all) lthhung.netinnerHTML=" "}
function songplay(){
if (document.layers) {
document.lthhung.document.write("<embed src='+sound+' autostart='true' loop='true' width='0' height='0'>"); document.ram.document.close()}
if (document.all) lthhung.innerHTML="<embed src='"+sound+"' autostart='true' loop='true' width='0' height='0'>"}
function getNewSound(){
sound=document.hung.music.options[document.hung.music.selectedIndex].value;
songstop()
songplay()}
</script>
<a id="lthhung"></a>
<form name="hung">
<select onchange="getNewSound()" size="1" name="music">
<option style="BACKGROUND-COLOR:purple;color:pink" >＊選首您喜歡的音樂＊</option>
<option style="BACKGROUND-COLOR:yellow;color:blue" value="音樂網址">歌名
<option style="BACKGROUND-COLOR:yellow;color:blue" value="音樂網址">歌名
<option style="BACKGROUND-COLOR:yellow;color:blue" value="音樂網址">歌名
<option style="BACKGROUND-COLOR:yellow;color:blue" value="音樂網址">歌名
<option style="BACKGROUND-COLOR:yellow;color:blue" value="音樂網址">歌名
</select>
</form></div>
*******************************************************
-
二轉會員
2005-11-30 17:54#10
隨機播放(一) ;;;
<div id="code"><script language="JavaScript"><!--
// modified to eliminate 'undefined' error by micron
// for more xanga scripts and help go to createblog.com
ctips = new Array();
ctips[0]="display出來的,, 歌名";
ctips[1]="display出來的,, 歌名";
ctips[2]="display出來的,, 歌名";
ctips[3]="display出來的,, 歌名";
tips = new Array();
tips[0]="歌曲網址";
tips[1]="歌曲網址";
tips[2]="歌曲網址";
tips[3]="歌曲網址";
index=Math.floor(Math.random() * tips.length);
document.write("<center><embed src="+tips[index]+" width=0 height=0 align=top autostart=true loop=true controls=hidden type=audio/x-pn-realaudio-plugin exts=ra,ram Init fn=load-types mime-types=mime.types></embed></center>")
document.write("<center><font color=#000000>"+ctips[index]+"</center>")
//-->
</script></div>
**呢個係冇Music Box,係每一次Refresh既時候都會隨機咁播放
*******************************************************
隨機播放(二) ;;;
<div id="code"><script Language="JavaScript">
tips = new Array(2);
tips[0] = "歌網址";
tips[1] = "歌網址";
index = Math.floor(Math.random() * tips.length);
document.write("<EMBED SRC=" + tips[index] + " autostart=true width=0 height=0 loop=true hidden=TRUE></EMBED>");
</script></div>
**呢個都冇Music Box,Refresh時會隨機播放
******************************************************* -
二轉會員
2005-11-30 18:22#11
19. 播放器篇 ;;;
RealOne Player ;;;
<div id="code"><embed type="audio/x-pn-realaudio-plugin" console="MTV" controls="ImageWindow" height="180" width="220" autostart="false"><center><embed type="audio/x-pn-realaudio-plugin" console="MTV" controls="ControlPanel" height="44" width="220" autostart="true" src="短片網址"></div>
*******************************************************
短片播放器 ;;;
<div id="code"><EMBED SRC="影片網址" WIDTH="300" HEIGHT="300"
AUTOSTART="0" SHOWCONTROLS="0" LOOP="0"> </EMBED> </div>
**解釋 ;;;
<EMBED SRC="影片網址" WIDTH="300" HEIGHT="300"
AUTOSTART="0" SHOWCONTROLS="0" LOOP="0"> </EMBED>
紅色 :: VIDEO 既高同闊
藍色 :: 自動播放 ? 係既就改 0 做 1
橙色 :: 要 SHOW D 制嗎 ? 即係 PLAY 同 STOP 果 D .. 要既就改 0 做 1
紫色 :: 循環播放 ? 要既就改 0 做 1
*******************************************************
Flash播放器 ;;;
<div id="code"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" ID="MOVIE NAME" WIDTH="你既FLASH檔案幾闊" HEIGHT="你既FLASH檔案幾高">
<param name="movie" value="FLASH的網址">
<param name="bgcolor" value="#00000">
<param name="quality" value="high">
<EMBED src="FLASH的網址"
quality="high"
bgcolor="#00000"
WIDTH="THE WIDTH HERE"
HEIGHT="THE HEIGHT HERE"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT></div>
*******************************************************
20. 其他篇 ;;;
**可以放Header,Website Stats
線上寄信 ;;;
<div id="code"><script language="JavaScript">
<!--
var mailsys="IE mail";
var author="Jon Eyrick";
if (author == "Jon Eyrick"){
phrompt=prompt;
snarkconf=confirm;
}
function mailsome1(){
who=phrompt("請填寫您的E-Mail例如:123@yahoo.com.hk","");
what=phrompt("請填這封信件的主旨例如:來自爪哇島的一封信","");
if (snarkconf("請問您是否要寄信給 "+who+" 這封信件的主旨是 "+what+"?")==true){
parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
-->
</script>
<form>
<center>
<input type="button" value="寄信給我或您的朋友" onClick="mailsome1()">
</center>
</form></div>
*******************************************************
多欄位告示板 ;;;
<div id="code"><table width="280" border=2 bordercolor=#ff9bf7>
<tr><td bgcolor=#ff9bf7 align=center style="font-size:12pt;color:red">
板主公告1
<tr><td bgcolor=#ffc5fb align=center style="font-size:10pt;color:orange">
這裏是<br>打字的地方
<tr><td bgcolor=#ff9bf7 align=center style="font-size:12pt;color:blue">
板主公告2
<tr><td bgcolor=#ffc5fb align=center style="font-size:10pt;color:skyblue">
這裏是<br>打字的地方
<tr><td bgcolor=#ff9bf7 align=center style="font-size:12pt;color:purple">
板主公告3
<tr><td bgcolor=#ffc5fb align=center style="font-size:10pt;color:white">
這裏是<br>打字的地方
</td></tr></table></div>
*******************************************************
Extar Right Module ( 姐係右邊擺野) ;;;
<div id="code"><!-- begin code provided by createblog.com -->
<!-- Script by Paul Chen -->
<td id="customRight" style="display:none" vAlign="top" width="200">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
板主公告板
</th></tr>
<tr><td class="left" vAlign="top">
一二三一二三一二三一二三
</td></tr>
</table>
<br/>
<!-- module:end -->
</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds.width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds: mytds.parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>
<!-- end code provided by createblog.com --></div>
** 呢個有咩唔識去呢度睇http://www.xanga.com/home.aspx?user=puppytigers&nextdate=11%2f25%2f2005+23%3a59%3a59.999
*******************************************************
落雪效果 ;;;
<div id="code"><SCRIPT Language="JavaScript">
//Xanga version edited by cychoi @ xangascript.info
//Configure below to change URL path to the snow image
var snowsrc="img.gif" //指定這個特效所用的圖片
// Configure below to change number of snow to render
var no = 12; //指定顯示圖片數量
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
pos = "POSITION";
abs = "absolute";
posabs = pos + ":" + abs + ";";
document.write("<d" + "iv id=\"dot"+ i +"\" style=\"" + posabs + " Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"" + posabs + " Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}
setTimeout/**/("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx += stx;
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
setTimeout/**/("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script></div>
*******************************************************
日本手寫鐘 ;;;
<div id="code"><EMBED name=clock
pluginspage=http://www.macromedia.com/go/getflashplayer align=center
src=http://d.hatena.ne.jp/tools/clock-handwriting.swf width=160 height=60
type=application/x-shockwave-flash FlashVars="color=0xd5d5d5"
wmode="transparent" quality="high" bgcolor="#ffffff"
allowScriptAccess="sameDomain"> </div>
*******************************************************
[ 本帖最後由 ａR敏╭● 於 2006-6-18 10:32 AM 編輯 ] -
VIP會員
2008-8-11 18:43#12
通用於任何網誌
填寫位加圖 &資料位加圖 語法
整體文字距離語法
靠左靠右置中語法
版面字，改字體型狀語法
背景圖置中語法
時間月曆3種語法
彩色可選歌之音樂盒語法
剔選隱藏語法
按字隱藏語法
板面字型大小&字色統一語法
按鈕及輸入位改字色、底色及框色 語法
板框線1-4種語法
留言板底改圖語法
版面半透明CSS語法
一些基本留言板語法
~~~Xanga~~~
Xanga 音樂篇 ～1.整背景音樂 (最簡單的)
Xanga 音樂篇 ～2.在日記內加一個播放器
Xanga語法 ~外框
播歌要事
基本XANGA語法..包令令
~~~語法轉換~~~
教學 JAVA語法轉EMBED語法
[ 本帖最後由 ＭＡＮＤＹ 於 2009-2-1 11:05 PM 編輯 ] -
區域版主
2009-2-2 00:42#13
CSS - 基本語法
CSS語法能夠使你xanga變化更大
每個CSS語法, 大致上是這樣子
<style type="text/css">
結構
{樣式}
</style>
結構是指 你想修改哪一個部份
樣式是指 你想如何修改
首先, 在語法上, 更換結構 結構一覽
例如 我想修改 .blogbody ( .blogbody = 日記部份 )
便將結構換上 .blogbody
之後, 便是更換樣式 CSS樣式列表
例如 我想.blogbody 更改文字顏色 (即代表 將日記部份的文字轉顏色)
便將樣式換上 color : #000000;
語法便得出來了
<style type="text/css">
.blogbody
{color : #000000;}
</style>
--------------------------------------------------------------------------------
如果想同時修改多個結構 ::
例如我想同時修改
.blogbody (日記內容) + table.left TH (個人資料標題) + table.left TD (個人資料內容)
便將結構換上.blogbody, table.left TH, table.left TD ←每個結構之間加上 逗號
--------------------------------------------------------------------------------
如果想同時修改多個樣式
例如我想同時有以下效果
border: 1px solid #6699cc; /*全框線*/ 和 font-size : 9pt; /*文字大小*/
便將樣式換上 border: 1px solid #6699cc; font-size : 9pt; ←每個樣式之間加上 分號; -
區域版主
2009-2-2 00:45#14
基本語法
連結語法
<a href="連結網址">文字</a>
--------------------------------------------------------------------------------
放置圖片
<img src="圖址">
--------------------------------------------------------------------------------
圖片連結 (以上語法結合)
<a href="連結網址"><img src="圖址" border="0"></a>
--------------------------------------------------------------------------------
改變字體 此為標楷體
<font face="字型名稱">文字</font>
--------------------------------------------------------------------------------
字型大小 文字
<font size=6>文字</font>
--------------------------------------------------------------------------------
字型顏色 文字
<font color=#000000>文字</font>
網頁製作顏色代碼查詢
http://www.gland.com.tw/www/power/colorpicker/
--------------------------------------------------------------------------------
字體打橫 文字
<font face="@新細明">字句</font>
--------------------------------------------------------------------------------
斜體字 文字
<i>斜體字</i>
--------------------------------------------------------------------------------
粗體字 文字
<b>粗體字</b>
--------------------------------------------------------------------------------
字體加底線 文字
<u>字體加底線</u>
--------------------------------------------------------------------------------
字體加刪除線 文字
<s>字體加刪除線</s>
--------------------------------------------------------------------------------
紅色之代碼為隔位語法
一組 符號代表一格
--------------------------------------------------------------------------------
隔行語法
<br> 或 <p> -
區域版主
2009-2-2 00:48#15
走馬燈
<marquee direction="left" scrollamount="4" scrolldelay="15" width="200">
放東西
</marquee>
語法中, direction是滾動方向, 有up down right left
width是寬度,將之刪除就是沒有寬度限制 (滾動方向打橫建議設定寬度)
如滾動方向是向上或向下, 建議加上height="高度數值"
走馬燈一般都放圖片
亦可放其他東西
-
區域版主
2009-2-2 00:53#16
<embed src='http://blingjam.com/add/shock1.swf' quality=high FlashVars='texter=Your Words' bgcolor='000000' wmode=transparent width='375' height='80' align=middle ></embed>
語法中,bgcolor是背景顏色
width height分別是寬度和高度
之後請更改 Your Words -
區域版主
2009-2-2 00:56#17
<script type='text/javascript'>
var replace = '改名';
document.getElementById('ProfileModule1_lblUserName').innerHTML = replace;
</script>
可以配搭其他語法使用
例如在 改名 一欄,放上 放圖語法<img src="圖址">
或者 基本語法 和 走馬燈 等等
[ 本帖最後由 ＭＡＮＤＹ 於 2009-2-2 12:58 AM 編輯 ] -
區域版主
2009-2-2 00:58#18
內框語法
內框 就是將XANGA所有東西, 除了背景外以, 和內框語法上面的語法以外, 都放進一個框內
而內框可以再自行設定背景
所以, 外背景(即以上提及,沒有收進框內) 只需在Look&Feel設定便可以
<DIV align="center" valign="middle" style=" BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;BORDER-RIGHT: #000000 1px solid;BORDER-LEFT: #000000 1px solid;FILTER: alpha(opacity=100); OVERFLOW: auto;WIDTH: 800px; HEIGHT: 600px;background-image:url(內框背景圖);>
CSS樣式列表 - 適用
建議設定::
語法中,
WIDTH 是 寬度
HEIGHT 是 高度
BORDER-TOP,BORDER-BOTTOM等等, 分別是上邊框,下邊框,右邊框,左邊框
#000000 是 色碼
1px 是 粗幼度
solid 是 邊框樣式
其餘則不建議設定
例如opacity=100 是不透明度
(任何半透明會使該網頁LOAD得較慢)
加上
margin-top: ###px; margin-left: ###px
能調較內框到任何位置
將###設為數字便行
要慢慢調較數字 (很花時間)
而且,因為各人的瀏覽器不同
你所置定的位置只會符合你所用的瀏覽器
例如你用IE6來調較,
那麼使用Firefox和IE7的人,看到你Xanga的內框,位置會不一樣(就是走位了)
不過也能配合IE6的人 (反正暫時用IE6的人很多) -
區域版主
2009-2-2 01:02#19
加自設框
此語法可以會與其他語法有衝突
如出現問題
只能兩個語法選其一
放ws
<script>
titleContent = '標題';
moduleContent = '<p>這裡放上任何東西</p>';
sub = subTitle.parentNode.parentNode.parentNode.parentNode.parentNode
sub.insertAdjacentHTML('beforeBegin','<table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"><tr><th valign="top" align="left" class="left">' + titleContent + '</th></tr><tr><td valign="top" class="left">' + moduleContent)
sub.insertAdjacentHTML('beforeBegin','<BR>');
</script> -
區域版主
2009-2-2 01:11#20
轉頁不斷的音樂播放器
Step 1 ::
進入http://adnsto.net/scmplayer/
Step 2 ::
Step 3 ::
Step 4 ::
Step 5 ::
Step 6 ::
[ 本帖最後由 ＭＡＮＤＹ 於 2009-2-2 01:13 AM 編輯 ]